:root{--bg:#fff;--surface:#f5f6f8;--surface-2:#eceef1;--line:#e6e8ec;--line-strong:#d3d7de;--ink:#171b21;--ink-2:#444c57;--muted:#858d98;--brand:#2f2b7d;--brand-bright:#423cb0;--brand-soft:#eeedf9;--brand-ink:#fff;--cta:#f2b21f;--cta-hover:#e0a413;--cta-ink:#1d1704;--positive:#1f7a52;--positive-soft:#e5f4ec;--negative:#b23b2c;--negative-soft:#fbeae7;--notice-soft:#fdf3dc;--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:22px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:28px;--s-7:40px;--s-8:56px;--t-xs:.75rem;--t-sm:.8125rem;--t-base:.9375rem;--t-md:1rem;--t-lg:1.125rem;--t-xl:1.3125rem;--t-2xl:1.5rem;--t-3xl:1.75rem;--font:"Public Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--w:420px;--w-wide:780px;--ease:cubic-bezier(.2, .8, .3, 1)}[data-theme=dark]{--bg:#101317;--surface:#181c22;--surface-2:#212730;--line:#262d36;--line-strong:#39424e;--ink:#f2f4f7;--ink-2:#c2c9d3;--muted:#8b939f;--brand:#9ea0ff;--brand-bright:#b4b6ff;--brand-soft:#1e2140;--brand-ink:#101317;--cta:#f6c250;--cta-hover:#ffd069;--cta-ink:#16120a;--positive:#57c898;--positive-soft:#10281f;--negative:#ef8a7b;--negative-soft:#2c1512;--notice-soft:#2a2109}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);font-weight:400;font-size:var(--t-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:600;line-height:1.2}h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg)}h4{font-size:var(--t-md)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-xs)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--s-3);z-index:50;padding:var(--s-2) var(--s-3);background:var(--brand);color:var(--brand-ink);border-radius:var(--r-xs);transition:top .12s var(--ease);text-decoration:none;position:absolute;top:-60px}.skip-link:focus{top:var(--s-3)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wipe{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reveal>*{animation:rise .42s var(--ease) both}.reveal>:first-child{animation-delay:30ms}.reveal>:nth-child(2){animation-delay:90ms}.reveal>:nth-child(3){animation-delay:.15s}.reveal>:nth-child(4){animation-delay:.21s}.reveal>:nth-child(5){animation-delay:.27s}.reveal>:nth-child(n+6){animation-delay:.33s}.shell{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg);z-index:20;flex-wrap:wrap;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s-2);min-width:0;display:flex}.brand__mark{font-size:var(--t-lg);letter-spacing:-.03em;color:var(--brand);font-weight:600}.topbar__tools{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.main{width:100%;max-width:var(--w);padding:var(--s-4) var(--s-4) var(--s-7);flex:1;margin:0 auto}.main--wide{max-width:var(--w-wide)}.main--bleed{flex-direction:column;max-width:none;padding:0;display:flex}.stack{gap:var(--s-4);flex-direction:column;display:flex}.stack--tight{gap:var(--s-2)}.stack--loose{gap:var(--s-5)}.row{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:var(--t-sm)}.tiny{font-size:var(--t-xs)}.lead{font-size:var(--t-base);color:var(--muted);line-height:1.6}.eyebrow{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}.numeric{font-variant-numeric:tabular-nums}.center{text-align:center}.onboard{width:100%;max-width:var(--w);padding:var(--s-4) var(--s-5) var(--s-6);gap:var(--s-5);flex-direction:column;flex:1;margin:0 auto;display:flex}.intro{align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-6);max-width:var(--w);text-align:center;flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex}.intro__logo{align-items:center;gap:var(--s-2);font-size:var(--t-xl);letter-spacing:-.03em;color:var(--brand);font-weight:600;display:flex}.intro__logo svg{width:26px;height:26px}.intro__art{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;display:flex}.intro__art img{object-fit:contain;width:100%;max-height:34vh;display:block}.art{width:100%;max-width:300px;height:auto;max-height:34vh}.intro__copy{gap:var(--s-2);flex-direction:column;max-width:340px;display:flex}.intro__copy h1{font-size:var(--t-2xl)}.intro__actions{gap:var(--s-3);flex-direction:column;width:100%;margin-top:auto;display:flex}.dots{justify-content:center;align-items:center;gap:6px;display:flex}.dot{border-radius:var(--r-pill);background:var(--line-strong);width:7px;height:5px;transition:width .22s var(--ease), background .22s var(--ease)}.dot--active{background:var(--brand);width:22px}.question{gap:var(--s-2);text-align:center;flex-direction:column;display:flex}.question h1{font-size:var(--t-2xl)}.ribbon{gap:var(--s-2);flex-direction:column;display:flex}.ribbon__track{border-radius:var(--r-pill);background:var(--surface-2);height:4px;position:relative;overflow:hidden}.ribbon__fill{border-radius:var(--r-pill);background:var(--brand);transform-origin:0;transition:transform .45s var(--ease);position:absolute;inset:0}.ribbon__label{justify-content:space-between;gap:var(--s-3);display:flex}.choices{gap:var(--s-3);display:grid}.choices--two{grid-template-columns:1fr 1fr}.choice{padding:var(--s-4);border:1.5px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink);cursor:pointer;min-height:56px;font-size:var(--t-md);transition:border-color .14s var(--ease), background .14s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:500;display:flex}.choice:hover{border-color:var(--line-strong)}.choice[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-weight:600}.stepper{border-radius:var(--r);background:var(--surface);align-items:stretch;display:flex;overflow:hidden}.stepper__button{cursor:pointer;width:56px;font-size:var(--t-xl);color:var(--ink);transition:background .14s var(--ease);background:0 0;border:0}.stepper__button:hover:not(:disabled){background:var(--surface-2)}.stepper__button:disabled{color:var(--line-strong);cursor:not-allowed}.stepper__value{padding:var(--s-3);font-size:var(--t-2xl);font-variant-numeric:tabular-nums;flex-direction:column;flex:1;justify-content:center;align-items:center;font-weight:600;line-height:1.1;display:flex}.stepper__value small{font-size:var(--t-xs);color:var(--muted);font-weight:400}.win{background:var(--positive-soft);border-radius:var(--r);padding:var(--s-5);gap:var(--s-2);text-align:center;flex-direction:column;align-items:center;display:flex}.win__title{font-size:var(--t-xl);color:var(--positive);font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--s-2);padding:14px var(--s-5);border-radius:var(--r);background:var(--surface);min-height:52px;color:var(--ink);font-weight:600;font-size:var(--t-md);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease), transform .12s var(--ease);border:1.5px solid #0000;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled,.btn--primary:disabled,.btn--cta:disabled,.btn--danger:disabled{cursor:not-allowed;background:var(--surface);color:var(--line-strong);border-color:#0000}.btn--cta{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}.btn--cta:hover:not(:disabled){background:var(--cta-hover);border-color:var(--cta-hover)}.btn--primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn--primary:hover:not(:disabled){background:var(--brand-bright);border-color:var(--brand-bright)}.btn--outline{background:var(--bg);border-color:var(--line);color:var(--ink)}.btn--outline:hover:not(:disabled){background:var(--surface);border-color:var(--line-strong)}.btn--danger{color:var(--negative);background:var(--negative-soft)}.btn--ghost{color:var(--ink-2);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface)}.btn--link{color:var(--brand);text-underline-offset:3px;min-height:0;font-size:inherit;background:0 0;padding:0;text-decoration:underline}.btn--link:hover:not(:disabled){background:0 0}.btn--block{width:100%}.btn--sm{min-height:38px;padding:8px var(--s-4);font-size:var(--t-sm);border-radius:var(--r-sm)}.btn-group{gap:var(--s-2);flex-wrap:wrap;display:flex}.segmented{border-radius:var(--r-pill);background:var(--surface);gap:2px;padding:3px;display:inline-flex}.segmented__option{padding:7px var(--s-4);border-radius:var(--r-pill);font-size:var(--t-sm);color:var(--muted);cursor:pointer;min-height:34px;transition:background .14s var(--ease), color .14s var(--ease);background:0 0;border:0;font-weight:600}.segmented__option[aria-pressed=true],.segmented__option[aria-current=true]{background:var(--bg);color:var(--brand)}[data-theme=dark] .segmented__option[aria-pressed=true]{background:var(--surface-2)}.panel{border-radius:var(--r);background:var(--bg);border:1.5px solid var(--line);padding:var(--s-4)}.panel--flat{background:var(--surface);border-color:#0000}.panel--accent{background:var(--brand-soft);border-color:#0000}.panel__title{font-size:var(--t-md);font-weight:600}.divide{border:0;border-top:1px solid var(--line);margin:var(--s-4) 0}.badge{border-radius:var(--r-pill);font-size:var(--t-xs);background:var(--surface);color:var(--ink-2);white-space:nowrap;align-items:center;gap:5px;padding:5px 11px;font-weight:600;display:inline-flex}.badge--accent{background:var(--brand-soft);color:var(--brand)}.badge--paid{background:var(--notice-soft);color:#8a6100}[data-theme=dark] .badge--paid{color:var(--cta)}.badge--positive{background:var(--positive-soft);color:var(--positive)}.badge--negative{background:var(--negative-soft);color:var(--negative)}.badge--outline{border:1.5px solid var(--line);color:var(--muted);background:0 0}.chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip{padding:9px var(--s-4);border:1.5px solid var(--line);border-radius:var(--r-pill);background:var(--bg);color:var(--ink-2);font-size:var(--t-base);cursor:pointer;min-height:42px;transition:border-color .14s var(--ease), background .14s var(--ease), color .14s var(--ease);align-items:center;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--line-strong)}.chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600}.chip--static{cursor:default;background:var(--surface);color:var(--ink-2);font-size:var(--t-xs);min-height:28px;padding:4px var(--s-3);border-color:#0000}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--t-sm);color:var(--ink-2);font-weight:600}.field__hint{font-size:var(--t-xs);color:var(--muted)}.field__error{font-size:var(--t-xs);color:var(--negative);font-weight:500}.input,.select,.textarea{width:100%;padding:15px var(--s-4);border-radius:var(--r);background:var(--surface);min-height:54px;color:var(--ink);font-family:inherit;font-size:var(--t-md);transition:border-color .14s var(--ease), background .14s var(--ease);border:1.5px solid #0000}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);background:var(--bg);outline:none}.input--display{font-size:var(--t-lg);font-weight:500}.select--compact{width:auto;min-height:38px;padding:6px var(--s-3);font-size:var(--t-sm);border-radius:var(--r-pill);font-weight:500}.textarea{resize:vertical;min-height:92px}.input:disabled{color:var(--muted)}.input[aria-invalid=true]{border-color:var(--negative)}.checkbox{align-items:flex-start;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r);background:var(--surface);cursor:pointer;font-size:var(--t-base);text-align:left;display:flex}.checkbox input{width:20px;height:20px;accent-color:var(--brand);flex-shrink:0;margin:1px 0 0}.field-row{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.otp{gap:var(--s-2);justify-content:center;display:flex}.otp__box{aspect-ratio:1/1.1;border:1.5px solid var(--line);border-radius:var(--r);background:var(--bg);width:100%;max-width:54px;color:var(--ink);font-size:var(--t-2xl);text-align:center;caret-color:var(--brand);transition:border-color .14s var(--ease);padding:0;font-weight:600}.otp__box:focus{border-color:var(--brand);outline:none}.otp__box[data-filled=true]{border-color:var(--brand);background:var(--bg)}.otp__box[aria-invalid=true]{border-color:var(--negative)}.deck{min-height:clamp(300px,44vh,420px);margin-bottom:var(--s-4);position:relative}.deck__layer{border-radius:var(--r-lg);background:var(--surface);position:absolute;inset:0}.deck__layer--2{opacity:.8;transform:translateY(8px)scale(.975)}.deck__layer--3{opacity:.45;transform:translateY(16px)scale(.95)}.jobcard{gap:var(--s-3);border-radius:var(--r-lg);background:var(--bg);border:1.5px solid var(--line);padding:var(--s-5);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;min-height:clamp(300px,44vh,420px);animation:rise .36s var(--ease) both;flex-direction:column;display:flex;position:relative}.jobcard--dragging{cursor:grabbing;transition:none}.jobcard--settling{transition:transform .2s var(--ease), opacity .2s var(--ease)}.jobcard__wage{font-size:var(--t-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;flex-direction:column;font-weight:600;line-height:1.15;display:flex}.jobcard__wage small{font-size:var(--t-xs);color:var(--muted);font-weight:400}.jobcard__facts{gap:var(--s-2);font-size:var(--t-base);color:var(--ink-2);flex-direction:column;display:flex}.jobcard__fact{align-items:center;gap:var(--s-2);display:flex}.jobcard__stamp{top:var(--s-4);padding:6px var(--s-4);border-radius:var(--r-pill);font-weight:600;font-size:var(--t-sm);letter-spacing:.04em;text-transform:uppercase;opacity:0;pointer-events:none;position:absolute}.jobcard__stamp--yes{right:var(--s-4);color:var(--positive);background:var(--positive-soft)}.jobcard__stamp--no{left:var(--s-4);color:var(--negative);background:var(--negative-soft)}.swipe-actions{gap:var(--s-3);grid-template-columns:1fr 1.4fr;display:grid}.meter{align-items:center;gap:var(--s-3);font-size:var(--t-xs);display:flex}.meter__track{border-radius:var(--r-pill);background:var(--surface-2);flex:1;height:6px;overflow:hidden}.meter__fill{border-radius:var(--r-pill);background:var(--brand);transform-origin:0;height:100%;animation:wipe .5s var(--ease) both;display:block}.meter__label{min-width:74px;color:var(--muted)}.meter__value{text-align:right;font-variant-numeric:tabular-nums;min-width:36px;color:var(--ink-2);font-weight:600}.clock{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--surface);font-size:var(--t-sm);color:var(--ink-2);display:flex}.clock--urgent{background:var(--negative-soft);color:var(--negative)}.clock--expired{color:var(--muted)}.clock__time{font-variant-numeric:tabular-nums;font-weight:600}.list{gap:var(--s-3);flex-direction:column;display:flex}.listitem{border-radius:var(--r);background:var(--bg);border:1.5px solid var(--line);padding:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex}.listitem--muted{background:var(--surface);border-color:#0000}.listitem__head{justify-content:space-between;gap:var(--s-3);align-items:flex-start;display:flex}.avatar{border-radius:var(--r-pill);background:var(--brand-soft);width:40px;height:40px;color:var(--brand);font-size:var(--t-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.avatar--you{background:var(--brand);color:var(--brand-ink)}.empty{border-radius:var(--r);background:var(--surface);padding:var(--s-7) var(--s-4);text-align:center;gap:var(--s-2);color:var(--muted);flex-direction:column;display:flex}.dialog-backdrop{z-index:40;background:#0a0c1073;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:var(--w);background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;padding:var(--s-5) var(--s-5) var(--s-6);gap:var(--s-4);max-height:92vh;animation:rise .26s var(--ease) both;flex-direction:column;display:flex;overflow-y:auto}.dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);flex-wrap:nowrap;display:flex}.dialog__head h2{min-width:0}.dialog__head .btn{flex-shrink:0}@media (width>=640px){.dialog-backdrop{padding:var(--s-4);align-items:center}.dialog{border-radius:var(--r-lg)}}.mail{border-radius:var(--r);background:var(--surface);overflow:hidden}.mail__head{padding:var(--s-4);font-size:var(--t-xs);color:var(--muted);flex-direction:column;gap:2px;display:flex}.mail__body{padding:var(--s-4);gap:var(--s-3);background:var(--bg);font-size:var(--t-base);border-radius:var(--r);flex-direction:column;display:flex}.mail__label{font-size:var(--t-xs);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.mail__qa{padding:var(--s-3);border-radius:var(--r-sm);background:var(--surface);flex-direction:column;gap:2px;display:flex}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--t-xs);word-break:break-all;color:var(--ink-2)}.chat{gap:var(--s-2);max-height:320px;padding:var(--s-1);flex-direction:column;display:flex;overflow-y:auto}.bubble{max-width:82%;padding:var(--s-3) var(--s-4);border-radius:var(--r);font-size:var(--t-base);background:var(--surface);color:var(--ink)}.bubble--mine{background:var(--brand);color:var(--brand-ink);align-self:flex-end}.bubble__meta{font-size:var(--t-xs);opacity:.7;margin-top:2px;display:block}.composer{gap:var(--s-2);align-items:flex-end;display:flex}.composer .input{flex:1}.splash{--splash-blue:#1a4ff0;--splash-orange:#ff7a1a;z-index:100;background:var(--bg);padding:18vh var(--s-5) 12vh;transition:opacity .42s var(--ease);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.splash--leaving{opacity:0;pointer-events:none}.splash__stage{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.splash__rings{fill:none;width:min(150vw,620px);height:min(150vw,620px);stroke:var(--line);stroke-width:1px;animation:splash-rings .9s var(--ease) both;position:absolute}[data-theme=dark] .splash__rings{stroke:var(--line)}.splash__icon{width:min(38vw,148px);height:min(38vw,148px);animation:splash-pop .62s var(--ease) both;position:relative}.splash__tile{fill:var(--splash-blue)}.splash__w{fill:#fff}.splash__wordmark{animation:rise .52s var(--ease) .22s both;flex-direction:column;align-items:center;gap:6px;display:flex}.splash__name{letter-spacing:-.035em;color:var(--splash-blue);font-size:clamp(2rem,9vw,2.6rem);font-weight:700;line-height:1}.splash__stop{color:var(--splash-orange)}.splash__rule{border-radius:var(--r-pill);background:var(--splash-orange);width:64px;height:3px}@keyframes splash-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}@keyframes splash-rings{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.celebrate{border-radius:var(--r);background:var(--surface);margin:0;overflow:hidden}.celebrate img{width:100%;height:auto;display:block}.switcher{border-radius:var(--r);border:1.5px solid var(--line);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.switcher__option{border-radius:var(--r-sm);padding:10px var(--s-3);font-size:var(--t-base);color:var(--muted);cursor:pointer;min-height:44px;transition:background .14s var(--ease), color .14s var(--ease);background:0 0;border:0;font-weight:600}.switcher__option[aria-pressed=true]{background:var(--surface);color:var(--ink)}.notiflist{flex-direction:column;display:flex}.notif{gap:var(--s-4);padding:var(--s-4) 0;border-bottom:1px solid var(--line);align-items:flex-start;display:flex}.notiflist li:last-child .notif{border-bottom:0}.notif__icon{border-radius:var(--r-pill);border:1.5px solid var(--line);width:44px;height:44px;color:var(--ink-2);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.notif__icon svg{width:20px;height:20px}.notif__dot{border-radius:var(--r-pill);background:var(--brand);border:2px solid var(--bg);width:10px;height:10px;position:absolute;top:-1px;right:-1px}.notif__body{flex-direction:column;gap:4px;min-width:0;display:flex}.notif__title{font-size:var(--t-md);font-weight:600}.notif--read .notif__title{color:var(--ink-2);font-weight:500}.notif--read .notif__icon{color:var(--muted)}.notif__actions{align-items:center;gap:var(--s-2);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.bell{border-radius:var(--r-pill);width:40px;height:40px;color:var(--ink);cursor:pointer;transition:background .14s var(--ease);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.bell:hover{background:var(--surface)}.bell[aria-pressed=true]{background:var(--surface);color:var(--brand)}.bell svg{width:21px;height:21px}.bell__count{border-radius:var(--r-pill);background:var(--brand);min-width:18px;height:18px;color:var(--brand-ink);text-align:center;border:2px solid var(--bg);padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:-2px;right:-2px}.settings{border-radius:var(--r-lg);background:var(--bg);border:1.5px solid var(--line);grid-template-columns:1fr;display:grid;overflow:hidden}@media (width>=720px){.settings{grid-template-columns:210px 1fr}}.settings__rail{gap:var(--s-1);padding:var(--s-3);background:var(--surface);display:flex;overflow-x:auto}@media (width>=720px){.settings__rail{padding:var(--s-3);flex-direction:column;gap:2px}}.settings__tab{align-items:center;gap:var(--s-3);padding:10px var(--s-4);border-radius:var(--r-sm);color:var(--muted);font-size:var(--t-base);cursor:pointer;white-space:nowrap;text-align:left;width:100%;min-height:44px;transition:background .14s var(--ease), color .14s var(--ease);background:0 0;border:0;font-weight:600;display:flex}.settings__tab:hover{background:var(--surface-2);color:var(--ink)}.settings__tab[aria-current=true]{background:var(--bg);color:var(--brand)}.settings__tab svg{flex-shrink:0;width:18px;height:18px}.settings__panel{min-width:0}.settings__head{padding:var(--s-5) var(--s-5) var(--s-3)}.setting{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-5);border-top:1px solid var(--line);min-height:62px;display:flex}.setting--stack{align-items:stretch;gap:var(--s-3);flex-direction:column}.setting__label{flex-direction:column;gap:2px;min-width:0;display:flex}.setting__name{font-size:var(--t-base);font-weight:500}.setting__hint{font-size:var(--t-xs);color:var(--muted)}.setting__control{align-items:center;gap:var(--s-2);flex-shrink:0;justify-content:flex-end;display:flex}.setting__value{font-size:var(--t-base);color:var(--muted);text-align:right}.setting .input,.setting .select{min-height:42px;padding:9px var(--s-3);font-size:var(--t-base);border-radius:var(--r-sm);width:auto;min-width:136px}.setting--stack .input,.setting--stack .select,.setting--stack .textarea{width:100%}.switch{align-items:center;gap:var(--s-3);cursor:pointer;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch__track{border-radius:var(--r-pill);background:var(--surface-2);width:48px;height:28px;transition:background .16s var(--ease);flex-shrink:0;position:relative}.switch__knob{border-radius:var(--r-pill);background:var(--bg);width:22px;height:22px;transition:transform .16s var(--ease);position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--brand)}.switch input:checked+.switch__track .switch__knob{transform:translate(20px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--brand);outline-offset:3px}.switch__state{font-size:var(--t-xs);color:var(--muted);min-width:24px}.tabs{gap:var(--s-4);border-bottom:1px solid var(--line);background:var(--bg);display:flex;overflow-x:auto}.tab{padding:var(--s-3) 0;font-size:var(--t-base);color:var(--muted);cursor:pointer;white-space:nowrap;min-height:46px;transition:color .14s var(--ease), border-color .14s var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;font-weight:600}.tab[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}.tabs--padded{padding:0 var(--s-4)}.demobar{border-top:1px solid var(--line);background:var(--surface);padding:var(--s-3) var(--s-4);z-index:20;position:sticky;bottom:0}.demobar__inner{max-width:var(--w-wide);gap:var(--s-2);flex-direction:column;margin:0 auto;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}