.help-popover{position:relative;display:inline-flex;flex:none;align-items:center;vertical-align:middle}.help-popover__trigger{display:inline-grid;width:1.25rem;height:1.25rem;padding:0;place-items:center;border:1px solid currentColor;border-radius:999px;background:var(--surface, #ffffff);color:var(--text, var(--ink, #16211a));font:inherit;font-size:.75rem;font-weight:800;line-height:1;cursor:help;touch-action:manipulation}.help-popover__trigger:hover,.help-popover__trigger:focus-visible,.help-popover__trigger[aria-expanded=true]{background:var(--accent-soft, #e5f6ea);color:var(--focus-text, var(--accent, #0b6b31))}.help-popover__trigger:focus-visible{outline:2px solid var(--focus-strong, var(--accent, #0b6b31));outline-offset:2px}.help-popover__content{position:fixed;z-index:100;inline-size:max-content;max-inline-size:min(18rem,calc(100vw - 2rem));max-block-size:calc(100vh - 2rem);color:var(--surface, #ffffff);font-size:.8125rem;font-weight:500;line-height:1.45;overflow-wrap:anywhere;white-space:normal}.help-popover__body{display:block;box-sizing:border-box;max-block-size:inherit;padding:.625rem .75rem;overflow-y:auto;border:1px solid var(--border, #314238);border-radius:.5rem;background:var(--text, var(--ink, #16211a));box-shadow:0 .5rem 1.5rem #0003}.help-popover__content:before{position:absolute;inset-inline:-.5rem;block-size:.5rem;content:""}.help-popover__content[data-placement=below]:before{inset-block-end:100%}.help-popover__content[data-placement=above]:before{inset-block-start:100%}@media(hover:none),(pointer:coarse){.help-popover__trigger{width:2rem;height:2rem;cursor:pointer}.help-popover__trigger[aria-expanded=true]{border-width:2px}}@media(forced-colors:active){.help-popover__trigger,.help-popover__body{border-color:CanvasText;background:Canvas;color:CanvasText;forced-color-adjust:auto}}.forced-control{display:flex;gap:6px;align-items:flex-start;border-radius:8px;cursor:not-allowed}.forced-control:focus-visible{outline:2px solid var(--focus-color, var(--accent, #187744));outline-offset:2px}.forced-control__body{min-width:0;flex:1;opacity:.65;pointer-events:none}.forced-control__body .help-popover{pointer-events:auto}.forced-control__help{display:flex;align-items:center}.forced-control__explanation{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.theme-control{display:inline-flex;position:relative}.theme-button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text, var(--ink));cursor:pointer;display:inline-flex;height:30px;justify-content:center;padding:0;width:30px}.theme-button:hover:not(:disabled){background:var(--accent-soft, color-mix(in srgb, var(--focus-series) 12%, transparent))}.theme-button:focus-visible{outline:2px solid var(--accent, var(--chart-focus));outline-offset:2px}.theme-button:disabled{cursor:default;opacity:.55}.theme-error{background:var(--warn-soft, var(--surface));border-radius:6px;color:var(--warn, var(--ink));font-size:12px;inset-inline-start:100%;margin-inline-start:6px;padding:4px 6px;position:absolute;top:0;white-space:nowrap;z-index:2}:root,:root[data-theme=light]{color-scheme:light;--bg: #f7faf8;--surface: #ffffff;--border: #dbe4de;--text: #16211a;--text-soft: #5a6b60;--focus-color: #22c55e;--focus-strong: #15803d;--focus-text: #15803d;--break-color: #14b8a6;--break-text: #0f766e;--paused-color: #f59e0b;--paused-text: #a16207;--primary-bg: #15803d;--primary-bg-hover: #166534;--primary-text: #ffffff;--accent-soft: #e5f6ea;--danger: #a4251b;--danger-soft: #fce8e6}@media(prefers-color-scheme:dark){:root[data-theme=auto]{color-scheme:dark;--bg: #121a15;--surface: #1a241e;--border: #2c3a31;--text: #e7efe9;--text-soft: #9db2a4;--focus-color: #22c55e;--focus-strong: #4ade80;--focus-text: #4ade80;--break-color: #2dd4bf;--break-text: #2dd4bf;--paused-color: #fbbf24;--paused-text: #fbbf24;--primary-bg: #22c55e;--primary-bg-hover: #4ade80;--primary-text: #052e16;--accent-soft: #1e3327;--danger: #ff8a80;--danger-soft: #3d2422}}:root[data-theme=dark]{color-scheme:dark;--bg: #121a15;--surface: #1a241e;--border: #2c3a31;--text: #e7efe9;--text-soft: #9db2a4;--focus-color: #22c55e;--focus-strong: #4ade80;--focus-text: #4ade80;--break-color: #2dd4bf;--break-text: #2dd4bf;--paused-color: #fbbf24;--paused-text: #fbbf24;--primary-bg: #22c55e;--primary-bg-hover: #4ade80;--primary-text: #052e16;--accent-soft: #1e3327;--danger: #ff8a80;--danger-soft: #3d2422}*{box-sizing:border-box}html{block-size:100%;scrollbar-width:none}input[type=radio],input[type=checkbox]{accent-color:var(--focus-color)}body{margin:0;width:600px;max-inline-size:100%;block-size:600px;min-block-size:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45}#app{block-size:100%;min-block-size:0}.app{display:flex;max-inline-size:100%;block-size:100%;max-block-size:100vh;min-block-size:0;flex-direction:column}.header{display:flex;flex:none;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--focus-strong)}.title{margin:0;font-size:15px;font-weight:600;color:var(--text)}.spacer{flex:1}.icon-button,.header .theme-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-soft);cursor:pointer}.icon-button:hover,.header .theme-button:hover:not(:disabled){background:var(--accent-soft);color:var(--focus-strong)}.popup-theme .theme-error{inset-inline-start:auto;inset-inline-end:0;top:32px}.view{padding:14px}.setup-required h2{margin:0 0 8px;font-size:17px}.setup-required p{margin:0 0 14px;color:var(--text-soft)}.website-access-notice{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:10px 14px 0;padding:10px 12px;border:1px solid var(--paused-color);border-radius:8px;background:var(--danger-soft);color:var(--text);font-size:12.5px}.website-access-notice button{padding:4px 7px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.website-access-notice [role=alert]{grid-column:1 / -1;color:var(--danger)}.footer{display:flex;flex:none;justify-content:space-between;gap:8px;padding:8px 14px;border-top:1px solid var(--border);color:var(--text-soft);font-size:12px}.time,.clock,.footer,.meter-label{font-variant-numeric:tabular-nums}.start-form{padding:24px;display:grid;min-block-size:0;flex:1 1 auto;grid-template-rows:auto minmax(0,1fr);gap:16px}.start-form__scroll{display:flex;min-height:0;flex-direction:column;gap:20px;padding-inline-end:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}.start-form__scroll>*{flex-shrink:0}.field-control,.domain-input-control{display:flex;flex-direction:column;gap:5px}.field-label,.session-type-control legend,.mode-control legend{color:var(--text);font-size:12px;font-weight:650}.session-timing{margin:-6px 0 0;color:var(--text-soft);font-size:12px;line-height:1.4}.chip-row,.duration-control,.mode-control,.pill-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding:0;border:none}.chip{padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12.5px;cursor:pointer;font-variant-numeric:tabular-nums}.chip:hover{border-color:var(--focus-color)}.chip-selected{background:var(--accent-soft);border-color:var(--focus-color);color:var(--focus-strong);font-weight:600}.custom-min{width:56px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12.5px}.intention-input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px}.intention-input:focus,.custom-min:focus,.domain-input-row input:focus{outline:2px solid var(--focus-color);outline-offset:0;border-color:transparent}.session-type-control,.mode-control{margin:0;padding:0;border:0}.session-type-control legend,.mode-control legend{margin-bottom:6px;padding:0}.session-type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.session-type-choices .help-popover{width:100%;min-width:0;align-items:stretch}.help-popover__trigger.session-type-choice{display:flex;width:100%;min-width:0;height:100%;padding:8px;align-items:flex-start;justify-content:flex-start;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:start;cursor:pointer}.help-popover__trigger.session-type-choice:hover,.help-popover__trigger.session-type-choice:focus-visible,.help-popover__trigger.session-type-choice[aria-expanded=true],.help-popover__trigger.session-type-choice[aria-pressed=true]{border-color:var(--focus-color);background:var(--accent-soft);color:var(--text)}.session-type-choice__content{display:flex;min-width:0;flex-direction:column;gap:3px}.session-type-choice__label{color:var(--text);font-size:12.5px;font-weight:700}.session-type-choice__edits,.session-type-choice__hint{color:var(--text-soft);font-size:11px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.help-popover__trigger.session-type-choice[aria-disabled=true],.help-popover__trigger.session-type-choice[aria-disabled=true]:hover{border-style:dashed;border-color:var(--border);background:var(--surface);cursor:not-allowed}.help-popover__trigger.session-type-choice[aria-disabled=true] .session-type-choice__label{color:var(--text-soft)}.radio-chip{position:relative}.radio-chip__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.radio-chip:has(.radio-chip__input:focus-visible){outline:2px solid var(--focus-color);outline-offset:2px}.domain-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.domain-input-row input{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.domain-input-row button{display:inline-flex;gap:4px;align-items:center;padding:7px 10px;border:1px solid var(--focus-color);border-radius:8px;background:var(--accent-soft);color:var(--focus-strong);font-weight:650;cursor:pointer}.domain-input-row button:hover,.domain-input-row button:focus-visible{border-color:var(--focus-strong)}.rule-summary{min-width:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden}.rule-summary__heading{padding:9px 10px;border-bottom:1px solid var(--border);background:var(--bg)}.rule-summary__heading h2{margin:0;font-size:13px}.rule-summary__heading p{display:flex;flex-wrap:wrap;gap:2px 10px;margin:3px 0 0;color:var(--text-soft);font-size:11.5px}.rule-summary__scope{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-top:6px;color:var(--text-soft);font-size:11.5px;line-height:1.35}.rule-summary__scope button{padding:0;border:0;background:transparent;color:var(--focus-strong);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.rule-summary__scope button:hover,.rule-summary__scope button:focus-visible{color:var(--text)}.rule-summary__scroll{max-height:190px;padding:8px 10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}.rule-summary__scroll:focus-visible{outline:2px solid var(--focus-color);outline-offset:-2px}.rule-sections,.rule-section,.draft-categories{display:flex;min-width:0;flex-direction:column}.rule-sections{gap:12px}.rule-section{gap:6px}.rule-section h3{margin:0;color:var(--text-soft);font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.draft-categories{gap:5px}.draft-category{min-width:0}.draft-category__toggle{display:flex;width:100%;gap:8px;align-items:center;justify-content:space-between;padding:6px 8px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);text-align:start;cursor:pointer}.draft-category__toggle:hover:enabled,.draft-category__toggle:focus-visible,.draft-category__toggle.is-selected{border-color:var(--focus-color);background:var(--accent-soft)}.draft-category__toggle:disabled{cursor:default;opacity:.7}.draft-category__count{flex:none;color:var(--text-soft);font-size:11px}.rule-membership,.rule-list{display:flex;min-width:0;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.rule-membership{margin:5px 0 8px;padding-inline-start:12px}.rule-membership__more{margin:-4px 0 8px;padding-inline-start:16px;color:var(--text-soft, var(--muted, inherit));font-size:.85em}.rule-item{display:grid;min-width:0;grid-template-columns:7.5rem minmax(0,1fr);gap:8px;align-items:start}.rule-kind{color:var(--text-soft);font-size:11px}.rule-value{min-width:0;color:var(--text);font-size:11.5px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.rule-item>.help-popover,.rule-membership .help-popover{min-width:0;align-items:stretch}.help-popover__trigger.rule-detail{display:flex;width:100%;height:auto;min-width:0;min-height:24px;padding:2px 4px;align-items:flex-start;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text);font-weight:500;text-align:start;cursor:pointer}.help-popover__trigger.rule-detail:hover,.help-popover__trigger.rule-detail:focus-visible,.help-popover__trigger.rule-detail[aria-expanded=true]{border-color:var(--focus-color);background:var(--accent-soft)}.rule-detail__full{overflow-wrap:anywhere;word-break:break-word}.rule-empty{margin:0;color:var(--text-soft);font-size:11.5px}.options summary{cursor:pointer;color:var(--text-soft);font-size:13px}.options fieldset{margin:10px 0 0;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.options legend{padding:0 4px;color:var(--text-soft);font-size:12px}.radio-row{display:flex;gap:8px;align-items:flex-start;padding:4px 0;cursor:pointer}.radio-text{display:flex;flex-direction:column}.radio-label{font-weight:600}.radio-hint{color:var(--text-soft);font-size:12px}.check-row{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:12.5px;color:var(--text-soft);cursor:pointer}.start-button{padding:12px;border:none;border-radius:10px;background:var(--primary-bg);color:var(--primary-text);font-size:15px;font-weight:700;cursor:pointer}.start-button:hover:not(:disabled){background:var(--primary-bg-hover)}.start-button:disabled{cursor:default;opacity:.65}.start-form__actions{position:sticky;z-index:5;top:0;display:flex;flex-direction:column;gap:6px;margin:0 -4px;padding:0 4px 4px;background:var(--bg)}.start-form__actions .start-button{width:100%}.form-error{margin:0;color:var(--paused-text);font-size:12.5px}.active-view{display:flex;min-block-size:0;flex:1 1 auto;flex-direction:column;align-items:center;gap:8px;overflow:visible}.active-view>*{flex-shrink:0}.ring-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.ring-center{position:absolute;top:0;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.clock{font-size:34px;font-weight:700;letter-spacing:-.5px}.phase-label{margin:6px 0 0;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:600;font-size:13px}.phase-label-focus{color:var(--focus-text)}.phase-label-break{color:var(--break-text)}.phase-label-paused{color:var(--paused-text)}.snapshot-status{color:var(--text-soft)}.snapshot-status--retry{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.boot-failed{display:flex;flex-direction:column;gap:10px}.boot-failed h2,.boot-failed p,.boot-failed .form-error{margin:0}.boot-failed [role=status]{color:var(--text);overflow-wrap:anywhere}.secondary-button{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer}.secondary-button:hover:enabled{border-color:var(--focus-color)}.secondary-button:disabled{cursor:default;color:var(--text-soft)}.danger-button{padding:10px 12px;border:1px solid var(--danger);border-radius:10px;background:var(--surface);color:var(--danger);font-size:13.5px;font-weight:600;cursor:pointer}.danger-button:hover:enabled{background:var(--danger-soft)}.danger-button:disabled{cursor:default;opacity:.65}.boot-failed__confirm{display:flex;gap:8px}.boot-failed__confirm>button{flex:1 1 0;min-width:0}.cycle-note{color:var(--text-soft);font-weight:400;font-size:12px}.intention-line{margin:0;font-size:14px;font-weight:600;text-align:center}.today-line{margin:0;color:var(--text-soft);font-size:12.5px;font-variant-numeric:tabular-nums}.meter{width:100%;display:flex;flex-direction:column;gap:4px}.meter-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.meter-fill{height:100%;border-radius:999px;background:var(--focus-color);transition:width .25s linear}.meter-label{color:var(--text-soft);font-size:11.5px}.actions{width:100%;display:flex;flex-direction:column;gap:4px}.spend-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-block-size:34px;gap:0;padding:2px 10px;line-height:1.25;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:13.5px;font-weight:600;cursor:pointer}.spend-button:hover:enabled{border-color:var(--focus-color)}.spend-button:disabled{cursor:default;color:var(--text-soft)}.spend-sub{font-weight:400;font-size:11px;line-height:1.25;color:var(--text-soft);font-variant-numeric:tabular-nums}.work-tab-label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;width:100%}.work-tab-label select{font:inherit;width:100%;min-width:0;padding:.55rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg);color:inherit}.work-tab-control{width:100%;display:grid;gap:.5rem}.work-target,.work-tab-hint{margin:0;font-size:.75rem;line-height:1.3;overflow-wrap:anywhere;color:var(--text-soft)}.this-tab-choice{width:100%;display:grid;gap:.2rem}.this-tab-button{width:100%;padding:12px;border:none;border-radius:10px;background:var(--primary-bg);color:var(--primary-text);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.this-tab-button:hover:enabled{background:var(--primary-bg-hover)}.this-tab-button:disabled{cursor:default;opacity:.65}.this-tab-button:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}.return-work-button{display:grid;gap:5px;width:100%;min-width:0;text-align:center}.return-work-title,.return-work-hostname{overflow-wrap:anywhere;font-size:12.5px;font-weight:400;line-height:1.4}.return-work-destination{display:flex;justify-content:center;align-items:baseline;gap:4px;min-width:0}.return-work-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.return-work-hostname{flex:none;max-width:50%;overflow-wrap:anywhere}.end-session-button{border-color:var(--danger);color:var(--danger)}.end-session-button:hover:enabled{border-color:var(--danger);background:var(--danger-soft)}.end-session-button:focus-visible{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:3px}.spend-button.end-session-button:disabled{border-color:var(--border);color:var(--text-soft)}.gate-panel{width:100%;display:flex;flex-direction:column;gap:8px}.gate-intention{margin:0;text-align:center;font-weight:600}.gate-wait{margin:0;text-align:center;color:var(--text-soft);font-size:13px}.gate-phrase{display:flex;flex-direction:column;gap:4px}.gate-phrase input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.gate-confirm{padding:9px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-soft);font-size:13px;cursor:pointer}.gate-confirm:enabled{color:var(--text);cursor:pointer}.gate-confirm:disabled{cursor:default}.gate-force-end{padding:8px 12px;border:1px solid var(--danger);border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:12.5px;font-weight:650;cursor:pointer}.gate-force-end:disabled{cursor:default;opacity:.55}.clock-stack{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0}.clock-stack__row{display:flex;flex-direction:column;align-items:center;gap:0}.clock-stack__value{font-size:30px;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}.clock-stack__row--secondary .clock-stack__value{font-size:15px;font-weight:600;color:var(--text-soft)}.clock-stack__label{font-size:13px;font-weight:600;color:var(--text-soft)}.clock-stack__note{margin:0;font-size:13px;font-weight:600;color:var(--focus-text)}.lifecycle-view{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.lifecycle-view__copy{margin:0;color:var(--text-soft);font-size:13.5px;line-height:1.45}.lifecycle-view__title{margin:0;font-size:15px;font-weight:700}.text-button{flex:none;padding:4px 0;border:0;background:transparent;color:var(--focus-strong);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.text-button:disabled{color:var(--text-soft);cursor:default}.draft-summary{display:flex;flex-direction:column;gap:4px;margin:0 0 6px;color:var(--text-soft);font-size:12px;overflow-wrap:anywhere}.active-core{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;padding:2px 0}.active-core .clock-stack{margin-bottom:4px}.session-actions{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0;flex:0 0 auto;overflow:visible}.active-core>.text-button{align-self:center}.session-actions{padding-top:6px;margin-top:4px;border-top:1px solid var(--border)}.draft-summary .session-timing{margin:0}.clock-stack__label{font-weight:400}.spend-button{min-block-size:62px}.session-actions .actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px}.session-actions .actions>.end-session-button{grid-column:1 / -1}.start-form :is(.intention-input,.custom-min,.domain-input-row input):focus{outline:2px solid var(--focus-color);outline-offset:-2px}:root{color-scheme:light;--ink: #1b1f24;--muted: #5a6470;--paper: #f7f8fa;--panel: #ffffff;--line: #d9dee5;--accent: #236ed2;--accent-ink: #ffffff;--good: #1d8a4a;--chrome-bg: #e9edf2;--tab-bg: #f2f4f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}html{scrollbar-width:auto;block-size:auto}@media(prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--ink: #e7efe9;--muted: #9db2a4;--paper: #121a15;--panel: #1a241e;--line: #2c3a31;--accent: #7fb3ff;--accent-ink: #0a1930;--chrome-bg: #0c110d;--tab-bg: #141d17}}html[data-theme=dark]{color-scheme:dark;--ink: #e7efe9;--muted: #9db2a4;--paper: #121a15;--panel: #1a241e;--line: #2c3a31;--accent: #7fb3ff;--accent-ink: #0a1930;--chrome-bg: #0c110d;--tab-bg: #141d17}body{margin:0;background:var(--paper);color:var(--ink)}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;background:var(--panel);padding:8px}.page-header{background:var(--panel);border-bottom:1px solid var(--line)}.header-inner,main{max-width:1080px;margin:0 auto;padding:32px 16px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--muted);margin:0}h1{font-size:2.4rem;margin:8px 0}.lede{font-size:1.15rem;color:var(--muted);max-width:60ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-block;padding:10px 18px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);text-decoration:none;font-weight:600}.button-primary{background:var(--accent);color:var(--accent-ink)}.demo-note{color:var(--muted)}.demo-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:24px;align-items:start}@media(max-width:800px){.demo-layout{grid-template-columns:1fr}}.tour figure{margin:24px 0}.tour img{max-width:100%;height:auto;border:1px solid var(--line);border-radius:8px}figcaption{color:var(--muted)}.browser{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000014}.tab-strip{display:flex;gap:4px;padding:8px 8px 0;background:var(--chrome-bg)}.tab{border:1px solid var(--line);border-bottom:none;background:var(--tab-bg);color:var(--ink);padding:6px 14px;border-radius:8px 8px 0 0;cursor:pointer;font:inherit}.tab-active{background:var(--panel);font-weight:600}.toolbar{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid var(--line)}.address{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink);font-size:.9rem}.extension-icon{width:36px;height:36px;padding:2px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.extension-icon:hover,.extension-icon:focus-visible{border-color:var(--line);background:var(--tab-bg)}.extension-icon svg{display:block;width:32px;height:32px}.viewport{position:relative;height:480px}.viewport iframe{width:100%;height:100%;border:0;display:block}.viewport iframe[hidden]{display:none}.popup-panel{position:absolute;z-index:5;right:24px;margin-top:-440px;width:min(480px,calc(100vw - 48px));max-height:600px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0000002e}.popup-panel[hidden]{display:none}.demo{position:relative}.guide{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:beat}.guide-step{counter-increment:beat;padding:12px 12px 12px 44px;position:relative;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted)}.guide-step:before{content:counter(beat);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--line);color:var(--ink);text-align:center;font-weight:700}.guide-current{color:var(--ink);border-color:var(--accent)}.guide-current:before{background:var(--accent);color:var(--accent-ink)}.guide-done{text-decoration:line-through}.guide-done:before{background:var(--good);color:var(--accent-ink);content:"✓"}.popup{width:480px;background:var(--bg)}html body{margin:0;width:auto;max-inline-size:none;block-size:auto;min-block-size:0;overflow:visible;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}