:root{--text:#66685d;--text-h:#22251e;--bg:#fafbf7;--border:#dce0d4;--accent:#d6ec82;--brand-heading:#526523;--input-bg:#fff;--watch-rim:#30332b;--focus:#748c38;--error:#b22c36;--sans:Arial, Helvetica, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/1.6 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{width:min(100%,1200px);min-height:100svh;margin:0 auto}@media (prefers-color-scheme:dark){:root{--text:#a7ac9d;--text-h:#f1f3ea;--bg:#161812;--border:#393e30;--brand-heading:#d6ec82;--input-bg:#1e2119;--watch-rim:#3b4033;--focus:#d6ec82;--error:#ff939b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (width<=1024px){:root{font-size:16px}}.demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding:clamp(1.25rem,4vw,3rem);display:grid}.column{min-width:0;container-type:inline-size}.hero{--logo-size:min(15vh, 25cqw);align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.hero h1{font-size:calc(var(--logo-size) / 2);color:var(--brand-heading);letter-spacing:-.04em;margin:0;line-height:1}.talk-split-icon{height:var(--logo-size);flex-shrink:0;width:auto}h2{color:var(--text-h);letter-spacing:-.03em;font-size:1.6rem;line-height:1.2}.overview p{margin:.8rem 0}.plan-form{margin-top:2rem}.plan-form fieldset{border:0;flex-direction:column;gap:.65rem;min-width:0;margin:0;padding:0;display:flex}.plan-form label{color:var(--text-h);font-weight:600}.plan-form textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text-h);font:inherit;resize:vertical;min-height:11rem;font-family:var(--mono);border-radius:8px;padding:.8rem;font-size:.9rem;line-height:1.65}.chapter-editor{font-family:var(--mono);border-radius:8px;font-size:.9rem;position:relative}.chapter-editor:focus-within{outline:3px solid var(--focus);outline-offset:3px}.chapter-editor textarea{padding-left:calc(var(--gutter-width) + .8rem);margin:0;display:block}.chapter-editor textarea:focus-visible{outline:none}.line-number-gutter{width:var(--gutter-width);border-right:1px solid var(--border);background:var(--input-bg);color:var(--text);text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:7px 0 0 7px;padding:.8rem .6rem;position:absolute;top:1px;bottom:1px;left:1px;overflow:hidden}.line-number-gutter pre{font:inherit;margin:0;line-height:1.65}.field-hint{margin:0 0 .3rem;font-size:.8rem;line-height:1.55}#chapters-hint{white-space:pre-line}button{cursor:pointer;font:inherit;transition:background .14s}button:disabled{opacity:.45;cursor:default}textarea:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sync-button{background:var(--accent);color:#202714;border:0;border-radius:8px;justify-content:space-between;margin-top:.35rem;padding:.9rem 1rem;font-weight:650;display:flex}.sync-button:hover:not(:disabled){background:#c5df70}.form-status{margin:.75rem 0;font-size:.85rem}.form-status:empty{display:none}.form-status{color:var(--brand-heading)}.simulator-column{text-align:center;align-self:start;padding-top:1rem;position:sticky;top:2rem}.simulator-heading{letter-spacing:.16em;margin:0 0 1.5rem;font-size:.7rem}.watch-face{aspect-ratio:1;color:#f5f5f7;width:100%;box-shadow:0 0 0 8px var(--watch-rim);font-variant-numeric:tabular-nums;background:#000;border-radius:50%;position:relative;overflow:hidden}.watch-face>div:not(.watch-empty){text-align:center;width:82%;line-height:1.1;position:absolute;left:9%}.watch-clock{font-size:10cqw;top:7%}.watch-elapsed{color:#a1a1aa;font-size:5.2cqw;top:20%}.watch-chapter{overflow-wrap:anywhere;place-items:center;height:16%;font-size:7.6cqw;display:grid;top:32%}.watch-countdown{font-size:18cqw;top:49%}.watch-pace{color:#62d995;font-size:6.7cqw;top:69%}.watch-face .overdue{color:#ff6b75}.watch-next,.watch-empty button{color:#f5f5f7;background:#252529;border:0;border-radius:999px;padding:.65em;font-size:5.2cqw}.watch-next{width:48%;height:12%;padding:0;line-height:1;position:absolute;top:79%;left:26%}.watch-empty{flex-direction:column;justify-content:center;align-items:center;gap:6cqw;display:flex;position:absolute;inset:18% 12%}.watch-brand{color:#d6ec82;font-size:9cqw}.watch-empty p{color:#a1a1aa;margin:0;font-size:5cqw}.watch-empty button{width:70%}.simulator-controls{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.simulator-controls button{border:1px solid var(--border);color:var(--text-h);background:0 0;border-radius:8px;padding:.6rem .8rem;font-size:.8rem}@media (width<=760px){.demo-layout{grid-template-columns:minmax(0,1fr);gap:2.5rem}.simulator-column{justify-self:center;width:min(100%,430px);position:static}}.plan-error-popup{background:var(--bg);color:var(--text-h);font-family:var(--sans)}.plan-error-popup .swal2-title,.plan-error-popup .swal2-html-container{color:inherit}.popup-confirm{background:var(--accent);color:#202714;border:0;border-radius:8px;padding:.8rem 1rem;font-weight:650}.github-pill{bottom:max(24px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));z-index:50;border:1px solid var(--border);background:var(--input-bg);width:56px;height:56px;color:var(--text-h);border-radius:50%;place-items:center;transition:background .15s,box-shadow .15s;display:grid;position:fixed;box-shadow:0 4px 12px #0000001f}.github-pill:hover{background:var(--bg);box-shadow:0 6px 18px #0000002e}.github-pill:focus-visible{outline:3px solid var(--focus);outline-offset:3px}