:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-panel:22px;--radius-sheet:26px;--radius-pill:99px;--tap-button:54px;--tap-tabbar:74px;--hero-size:236px;--hero-core:196px;--motion-ripple:3s;--motion-breathe:3s}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-card:#fff;--bg-app:#fafafa;--bg-inset:#f5f5f5;--bg-raised:#ebebeb;--bg-hover:#f5f5f5;--bg-selected:#ebebeb;--fg-1:#242424;--fg-2:#424242;--fg-3:#616161;--fg-4:#707070;--stroke-1:#d1d1d1;--stroke-2:#e0e0e0;--brand:#0f6cbd;--brand-tint:#ebf3fc;--brand-fg:#0f6cbd;--brand-link:#115ea3;--brand-link-hover:#0f548c;--green:#107c10;--green-fg:#0e700e;--green-tint:#f1faf1;--danger:#c50f1f;--danger-tint:#fdf3f4;--danger-fg:#b10e1c;--on-accent:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-card:#292929;--bg-app:#1f1f1f;--bg-inset:#141414;--bg-raised:#333;--bg-hover:#383838;--bg-selected:#383838;--fg-1:#fff;--fg-2:#d6d6d6;--fg-3:#adadad;--fg-4:#999;--stroke-1:#666;--stroke-2:#525252;--brand:#115ea3;--brand-tint:#082338;--brand-fg:#479ef5;--brand-link:#479ef5;--brand-link-hover:#62abf5;--green:#54b054;--green-fg:#5ec75e;--green-tint:#052505;--danger:#dc626d;--danger-tint:#3b1113;--danger-fg:#e37d87;--green-dial-fill:#107c10;--danger-dial-fill:#c50f1f;--on-accent:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-card:#292929;--bg-app:#1f1f1f;--bg-inset:#141414;--bg-raised:#333;--bg-hover:#383838;--bg-selected:#383838;--fg-1:#fff;--fg-2:#d6d6d6;--fg-3:#adadad;--fg-4:#999;--stroke-1:#666;--stroke-2:#525252;--brand:#115ea3;--brand-tint:#082338;--brand-fg:#479ef5;--brand-link:#479ef5;--brand-link-hover:#62abf5;--green:#54b054;--green-fg:#5ec75e;--green-tint:#052505;--danger:#dc626d;--danger-tint:#3b1113;--danger-fg:#e37d87;--green-dial-fill:#107c10;--danger-dial-fill:#c50f1f}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--fg-1);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled,input:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--brand-fg);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.shell{background:var(--bg-app);flex-direction:column;min-height:100dvh;display:flex}.shell__header{align-items:center;gap:8px;padding:14px 18px;display:flex}.shell__wordmark{letter-spacing:-.01em;font-size:17px;font-weight:600}.shell__main{padding:0 18px 24px;padding-bottom:calc(var(--tap-tabbar) + 24px + env(safe-area-inset-bottom));flex:1}.screen-title{letter-spacing:-.02em;margin:6px 0 2px;font-size:26px;font-weight:600}.screen-sub{color:var(--fg-3);margin:0 0 16px;font-size:13.5px;line-height:1.45}.pill{border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--fg-2);align-items:center;gap:6px;margin-left:auto;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill__dot{border-radius:var(--radius-pill);background:currentColor;width:7px;height:7px}.pill--online{background:var(--green-tint);color:var(--green-fg)}.pill--danger{background:var(--danger-tint);color:var(--danger-fg)}.banner{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--stroke-2);text-align:left;align-items:flex-start;gap:10px;margin:0 18px 14px;padding:12px 14px;display:flex}.banner--danger{background:var(--danger-tint);border-color:var(--danger)}.banner.banner--inline{margin-inline:0}.banner__title{font-size:14px;font-weight:600}.banner__sub{color:var(--fg-3);margin-top:2px;font-size:12.5px}.hero{flex-direction:column;align-items:center;padding:18px 0 10px;display:flex}.dial{width:var(--hero-size);height:var(--hero-size);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.dial__core{width:var(--hero-core);height:var(--hero-core);text-align:center;background:var(--bg-raised);color:var(--fg-1);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 22px;display:flex;position:relative}.dial--active .dial__core{color:var(--on-accent)}.dial--active:before{content:"";opacity:.18;animation:rippleHero var(--motion-ripple) ease-out infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}@keyframes rippleHero{0%{opacity:.28;transform:scale(.84)}to{opacity:0;transform:scale(1.06)}}.dial--idle{color:var(--fg-4)}.dial--manual{color:var(--brand)}.dial--manual .dial__core{background:var(--brand)}.dial--schedule .dial__core,.dial--timer .dial__core{background:var(--green)}.dial--schedule,.dial--timer{color:var(--green)}.dial--problem{color:var(--danger)}.dial--problem .dial__core{background:var(--danger);color:var(--on-accent)}.dial--disabled .dial__core{border:2px dashed var(--stroke-1);color:var(--fg-3);background:0 0}:root[data-theme=dark] .dial--schedule .dial__core,:root[data-theme=dark] .dial--timer .dial__core{background:var(--green-dial-fill)}:root[data-theme=dark] .dial--problem .dial__core{background:var(--danger-dial-fill)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .dial--schedule .dial__core,:root:not([data-theme]) .dial--timer .dial__core{background:var(--green-dial-fill)}:root:not([data-theme]) .dial--problem .dial__core{background:var(--danger-dial-fill)}}.dial__ring{border-radius:var(--radius-pill);border:4px solid var(--fg-4);width:28px;height:28px;margin-bottom:4px}.dial__lock{margin-bottom:4px}.dial__label{font-size:22px;font-weight:600}.dial__countdown{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:32px;font-weight:600}.dial__sub{opacity:.86;font-size:12.5px;line-height:1.4}.dial--active .dial__sub{opacity:1}.hero__hint{border-radius:var(--radius-pill);background:var(--bg-raised);color:var(--fg-3);margin-top:12px;padding:6px 14px;font-size:12px;font-weight:600}.btn{width:100%;height:var(--tap-button);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.btn--primary{background:var(--brand);color:var(--on-accent)}.btn--secondary{background:var(--bg-raised);color:var(--fg-1)}.btn--danger{background:var(--danger-tint);height:56px;color:var(--danger-fg)}.btn:disabled{opacity:.45}.btn--link{height:auto;color:var(--brand-link);background:0 0;padding:10px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--stroke-2);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.card__head{color:var(--fg-3);text-transform:none;padding:14px 16px 0;font-size:12px;font-weight:600}.row{text-align:left;align-items:center;gap:12px;width:100%;padding:13px 16px;display:flex}.row+.row{border-top:1px solid var(--stroke-2)}.row__body{flex-direction:column;flex:1;min-width:0;display:flex}.row__title{font-size:15px;font-weight:600}.row__sub{color:var(--fg-3);margin-top:2px;font-size:12.5px;line-height:1.45}.row__trail{align-items:center;gap:12px;margin-left:auto;display:inline-flex}.row__chevron{color:var(--fg-4);flex:none}.row__icon{color:var(--brand-fg);flex:none}.switch{border-radius:var(--radius-pill);background:var(--bg-raised);border:1px solid var(--stroke-1);flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch[aria-checked=true]{background:var(--brand);border-color:var(--brand)}.switch:after{content:"";border-radius:var(--radius-pill);background:#fff;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]:after{transform:translate(18px)}.switch:disabled{opacity:.45}.switch--pending,.timepill--pending{box-shadow:0 0 0 3px var(--brand-tint);animation:1.4s ease-in-out infinite awaitingPc}.timepill--pending{color:var(--brand-fg)}@keyframes awaitingPc{0%,to{box-shadow:0 0 0 0 var(--brand-tint)}50%{box-shadow:0 0 0 3px var(--brand-tint)}}.tabbar{height:calc(var(--tap-tabbar) + env(safe-area-inset-bottom));background:var(--bg-card);border-top:1px solid var(--stroke-2);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar__item{color:var(--fg-3);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.tabbar__item[aria-current=page]{color:var(--brand-fg)}.modal{display:contents}.scrim{z-index:20;background:#0000006b;position:fixed;inset:0}.sheet{z-index:21;background:var(--bg-card);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:10px 18px;padding-bottom:calc(var(--tap-tabbar) + 20px + env(safe-area-inset-bottom));flex-direction:column;max-height:78dvh;display:flex;position:fixed;inset:auto 0 0}.sheet__grab{flex-shrink:0;justify-content:center;align-items:center;width:64px;height:24px;margin:0 auto 2px;display:flex}.sheet__grab:before{content:"";border-radius:var(--radius-pill);background:var(--stroke-1);width:40px;height:4px}.sheet__title{margin-bottom:12px;font-size:17px;font-weight:600}.sheet__note{color:var(--fg-3);flex-shrink:0;margin:0 0 10px;font-size:12.5px}.sheet__scroll{margin:0 -18px;padding:0 18px;overflow-y:auto}.timeopt{border-radius:var(--radius-sm);text-align:left;width:100%;padding:12px 14px;font-size:15px;display:block}.timeopt[aria-selected=true]{background:var(--brand-tint);color:var(--brand-fg);font-weight:600}.presets{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.preset{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--stroke-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;height:92px;display:flex}.preset[aria-pressed=true]{border-color:var(--brand);background:var(--brand-tint)}.preset__value{font-size:24px;font-weight:600}.preset__end{color:var(--fg-3);font-size:12px}.footnote{color:var(--fg-3);margin:4px 2px 0;font-size:12.5px;line-height:1.5}.schedhead{align-items:center;gap:10px;display:flex}.dayrow{flex-wrap:wrap;align-items:center;gap:10px;padding:13px 16px;display:flex;position:relative}.dayrow+.dayrow{border-top:1px solid var(--stroke-2)}.dayrow--today:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.dayrow__label{min-width:42px;font-size:15px;font-weight:600}.dayrow__today{letter-spacing:.04em;color:var(--brand-fg);background:var(--brand-tint);border-radius:var(--radius-pill);padding:2px 6px;font-size:10px;font-weight:600}.dayrow__times{align-items:center;gap:4px;margin-left:auto;display:flex}.timepill{border-radius:var(--radius-sm);background:var(--bg-inset);font-variant-numeric:tabular-nums;white-space:nowrap;padding:6px 8px;font-size:13.5px;font-weight:600}.dayrow__to{color:var(--fg-3);font-size:12.5px}.dayrow__off{color:var(--fg-4);margin-left:auto;font-size:13.5px}@media (width<=359px){.dayrow{gap:8px;padding:13px 14px}.dayrow__label{min-width:36px}.timepill{padding:5px 6px;font-size:12.5px}}@media (width<=429px){.dayrow--today{gap:5px}.dayrow--today .dayrow__label{min-width:0;margin-left:2px}.dayrow--today .dayrow__today{letter-spacing:.01em;padding:2px 4px;font-size:9.5px}.dayrow--today .timepill{padding:6.5px 6px;font-size:12.5px}.dayrow--today .dayrow__times{gap:2px}.dayrow--today .dayrow__to{font-size:11.5px}}.stepper{align-items:center;gap:10px;margin-left:auto;display:flex}.stepper__btn{border-radius:var(--radius-sm);background:var(--bg-raised);place-items:center;width:32px;height:32px;font-size:18px;font-weight:600;display:grid}.stepper__value{text-align:right;min-width:78px;font-size:13.5px;font-weight:600}.badge{border-radius:var(--radius-pill);background:var(--green-tint);color:var(--green-fg);white-space:nowrap;padding:3px 8px;font-size:11px;font-weight:600}.badge--neutral{background:var(--bg-raised);color:var(--fg-3)}.badge--danger{background:var(--danger-tint);color:var(--danger-fg)}.link-danger{color:var(--danger-fg);padding:6px 4px;font-size:13.5px;font-weight:600}.row--appearance{flex-wrap:wrap}.row--appearance .row__body{flex:1 0 auto;min-width:fit-content}@media (width<=389px){.row--device{flex-wrap:wrap}.row--device .row__body{flex:60%}}.segmented{background:var(--bg-inset);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:4px;margin-left:auto;padding:4px;display:grid}.segmented__opt{color:var(--fg-3);border-radius:7px;padding:7px 12px;font-size:12.5px;font-weight:600}.segmented__opt[aria-pressed=true]{background:var(--bg-card);color:var(--fg-1)}.gate{min-height:100dvh;padding:32px 24px calc(32px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.gate--brand{background:linear-gradient(160deg, var(--brand) 0%, var(--brand-link-hover) 100%);color:var(--on-accent)}.gate__title{letter-spacing:-.02em;margin:12px 0 0;font-size:26px;font-weight:600}.gate__body{opacity:.9;max-width:30ch;margin:6px 0 18px;font-size:14px;line-height:1.55}.gate__actions{width:100%;max-width:340px;margin-top:auto}.gate--brand .btn--primary{background:var(--on-accent);color:var(--brand)}.gate--brand .btn--link{color:var(--on-accent)}.pairpanel{background:var(--brand-tint);border-radius:var(--radius-panel);width:100%;max-width:340px;margin-bottom:18px;padding:18px}.pairpanel__from{color:var(--fg-3);font-size:12.5px}.pairpanel__code{letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--brand-fg);margin:6px 0;font-size:34px;font-weight:600}.codecells{justify-content:center;gap:18px;max-width:100%;margin-bottom:12px;display:flex}.codecells__group{gap:8px;min-width:0;display:flex}.codecell{border-radius:var(--radius-sm);border:1px solid var(--stroke-1);background:var(--bg-card);width:44px;min-width:36px;height:56px;color:var(--fg-1);text-align:center;font-variant-numeric:tabular-nums;font-size:25px;font-weight:600}.codecell:focus-visible{border-color:var(--brand)}@media (width<=359px){.codecells{gap:14px}.codecells__group{gap:5px}}.spinner{border-radius:var(--radius-pill);border:4px solid var(--bg-raised);border-top-color:var(--brand);width:52px;height:52px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.statuscircle{border-radius:var(--radius-pill);place-items:center;width:92px;height:92px;display:grid}.statuscircle--danger{background:var(--danger-tint);color:var(--danger-fg)}.statuscircle--neutral{background:var(--bg-raised);color:var(--fg-3)}.successpill{border-radius:var(--radius-pill);background:var(--green-tint);color:var(--green-fg);padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.tour{z-index:30;background:var(--bg-app);padding:28px 24px calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;display:flex;position:fixed;inset:0}.tour__body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.tour__dots{justify-content:center;gap:6px;margin:18px 0;display:flex}.tour__dot{border-radius:var(--radius-pill);background:var(--stroke-1);width:6px;height:6px;transition:width .2s}.tour__dot--active{background:var(--brand);width:22px}.tour__skip{color:var(--fg-3);align-self:flex-end;padding:6px;font-size:14px}.splash{z-index:40;background:linear-gradient(160deg, var(--brand) 0%, var(--brand-link-hover) 100%);color:var(--on-accent);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.splash__mark{animation:breathe var(--motion-breathe) ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.splash__dots{gap:6px;display:flex}.splash__dot{border-radius:var(--radius-pill);background:currentColor;width:7px;height:7px;animation:1.2s ease-in-out infinite blink}.splash__dot:nth-child(2){animation-delay:.2s}.splash__dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.slider{width:100%;height:44px;accent-color:var(--brand);cursor:pointer}.sheet__value{text-align:center;font-variant-numeric:tabular-nums;font-size:32px;font-weight:600}.sheet__ends{color:var(--fg-3);justify-content:space-between;margin-bottom:14px;font-size:12px;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=860px){:root{--hero-size:244px;--hero-core:204px}.shell{grid-template-rows:auto auto 1fr;grid-template-columns:232px minmax(0,1fr);max-width:986px;margin:0 auto;display:grid}.shell__header{grid-area:1/1/auto/-1;padding:18px 28px}.shell__main{grid-area:3/2;max-width:560px;padding:0 28px 32px}.banner{grid-area:2/2;margin:0 28px 16px}.tabbar{background:0 0;border-top:none;flex-direction:column;grid-area:2/1/-1;align-items:stretch;gap:2px;height:auto;padding:0 12px 0 20px;display:flex;position:static}.tabbar__item{border-radius:var(--radius-sm);flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 14px;font-size:14px}.tabbar__item[aria-current=page]{background:var(--brand-tint)}.sheet{border-radius:var(--radius-sheet);width:min(460px,100% - 48px);padding-top:20px;padding-bottom:20px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sheet__grab{display:none}}