@font-face{font-family:HiderUI;src:url('assets/general-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:HiderUI;src:url('assets/general-500.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:HiderUI;src:url('assets/general-600.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--h-ink:#292d2c;--h-muted:#626b61;--h-bg:#efeee8;--h-panel:#f9f8f1;--h-line:#bcc2b7;--h-coral:#e6845b;--h-font:HiderUI,'Lucida Grande',Arial,sans-serif;--h-control-radius:999px;--h-control-height:48px;--h-control-focus:#a75031;--h-control-accent-bg:linear-gradient(180deg,#ffc69d 0%,#efa37b 43%,#dd7d54 51%,#e9946b 100%);--h-control-neutral-bg:linear-gradient(180deg,#fffffb 0%,#f5f5ed 43%,#dce1d5 51%,#f2f4e8 100%);--h-control-accent-shadow:inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #a4573773,0 3px 7px #75462c29;--h-control-neutral-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #a3aa9778,0 3px 7px #49533e20;--h-window-bg:linear-gradient(145deg,#fbfaf3,#f2f2e8);--h-titlebar-bg:linear-gradient(#fffff9,#e2e6db 55%,#eef0e5);--h-ease:cubic-bezier(.23,1,.32,1)}
.h-system{--ink:var(--h-ink);--text:var(--h-ink);--muted:var(--h-muted);--bg:var(--h-bg);--surface:var(--h-panel);--paper:var(--h-panel);--line:var(--h-line);--coral:var(--h-coral);--cream:#f3f1e8;--sans:var(--h-font);--display:var(--h-font);font-family:var(--h-font);color:var(--h-ink);background:var(--h-bg);-webkit-font-smoothing:antialiased}
.h-system :is(button,input,select,textarea){font-family:var(--h-font)}.h-system :is(h1,h2,h3){font-family:var(--h-font);font-weight:500;letter-spacing:-.035em}.h-system ::selection{background:#efb899;color:#252b25}.h-system :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--h-control-focus);outline-offset:4px}.h-system :is(input,textarea){caret-color:var(--h-control-focus)}.h-system{scrollbar-color:#aab2a0 var(--h-bg)}.h-system::-webkit-scrollbar{width:10px}.h-system::-webkit-scrollbar-thumb{background:#aab2a0;border:2px solid var(--h-bg);border-radius:10px}
.h-button{position:relative!important;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:var(--h-control-height)!important;min-width:44px;padding:11px 22px!important;border:1px solid #a7b09a66!important;border-radius:var(--h-control-radius)!important;background:var(--h-control-neutral-bg)!important;box-shadow:var(--h-control-neutral-shadow)!important;color:var(--h-ink)!important;font:500 var(--h-control-font,14px)/1.35 var(--h-font)!important;text-decoration:none!important;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform 140ms var(--h-ease),box-shadow 160ms ease,opacity 160ms ease;isolation:isolate}
.h-button:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:2px 5px 50%;border-radius:50px 50px 16px 16px;background:linear-gradient(#ffffff82,#ffffff00)}.h-button--primary{background:var(--h-control-accent-bg)!important;box-shadow:var(--h-control-accent-shadow)!important;border-color:#be714e50!important}.h-button--secondary{background:var(--h-control-neutral-bg)!important;box-shadow:var(--h-control-neutral-shadow)!important}.h-button svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6}.h-button:disabled,.h-button[aria-disabled=true]{opacity:.5!important;cursor:not-allowed;filter:saturate(.5)}.h-button:not(:disabled):active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 4px #68492c2b,0 1px 2px #49533e16!important;transition-duration:100ms}.h-button--small{--h-control-height:44px;padding:9px 17px!important;font-size:13px!important}.h-button--danger{color:#913b2e!important;background:linear-gradient(#fff4e9,#ebcec1 50%,#f4e4d7)!important}
.h-field{min-height:50px!important;border:1px solid #9da796!important;border-radius:10px!important;padding:12px 15px!important;background:#fffef8!important;color:var(--h-ink)!important;font:400 16px/1.45 var(--h-font)!important;box-shadow:inset 0 2px 4px #59604713,0 1px #ffffffc4;outline-offset:3px}.h-field::placeholder{color:#6a7067!important}.h-field:focus-visible{outline:2px solid var(--h-control-focus)!important;border-color:#b47c61!important}.h-field:disabled{background:#e8eadf!important;color:#7b8174!important;cursor:not-allowed}
.h-segment{display:flex;gap:3px;padding:4px!important;border:1px solid #b5beaa80;border-radius:30px!important;background:linear-gradient(#dfe4d6,#f1f3e9)!important;box-shadow:inset 0 1px 3px #5c674119}.h-segment>button,.h-segment>a{min-height:var(--h-segment-height,42px);padding:9px 16px;border:0;border-radius:25px!important;background:transparent;color:var(--h-muted);font:500 var(--h-control-font,13px)/1.35 var(--h-font);transition:background 160ms ease,box-shadow 160ms ease;color:var(--h-ink);text-decoration:none}.h-segment>:is(.is-current,[aria-pressed=true],[aria-selected=true],[aria-current=page]){color:var(--h-ink)!important;background:var(--h-control-neutral-bg)!important;box-shadow:var(--h-control-neutral-shadow)!important}.h-segment>:focus-visible{outline-offset:2px}
.h-window{border:1px solid #b0b9a5!important;border-radius:17px!important;background:var(--h-window-bg)!important;box-shadow:0 8px 24px #3b4a2f12;overflow:hidden}.h-window-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;padding:15px 22px;background:var(--h-titlebar-bg)!important;border-bottom:1px solid #b7c0aa!important;color:var(--h-ink);box-shadow:inset 0 1px #fffdf6}.h-window-bar h2,.h-window-bar h3{font:500 19px/1.25 var(--h-font)!important;letter-spacing:-.025em}.h-window-bar img{width:29px;height:29px;object-fit:contain;flex-shrink:0}.h-system :is(.brand-face,.scene-wordmark){mix-blend-mode:normal}.h-system :is(.p-brand>span,.ws-brand>span){font-family:var(--h-font);font-weight:600;letter-spacing:-.04em}
@media(hover:hover) and (pointer:fine){.h-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 5px 12px #67462c24!important}.h-segment>button:hover{background:#fffff485}.h-button--primary:not(:disabled):hover{box-shadow:inset 0 1px #fff,0 5px 12px #9c5c3b2e!important}}
@media(max-width:650px){.h-button{gap:11px;padding:11px 18px!important}.h-window-bar{min-height:54px;padding:14px 18px}.h-segment>button,.h-segment>a{min-height:var(--h-segment-height,44px);padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.h-button,.h-segment>button,.h-segment>a{transition:opacity 100ms ease}.h-button:not(:disabled):hover,.h-button:not(:disabled):active{transform:none}}
