:root{--app:#f2f4f7;--card:#fff;--ink:#1b2430;--ink-2:#5a6574;--line:#dce1e8;--accent:#3d5a80;--accent-ink:#fff;--accent-soft:#e2e9f2;--lamp:#b7791f;--lamp-ink:#8a5a12;--lamp-soft:#f7eedd;--good:#3e7d5a;--dusk-1:#1e2939;--dusk-2:#475670;--dawn-1:#c3d2e2;--dawn-2:#efe2ce;--on-dusk:#fff;--shadow-seg:0 1px 3px #10151c26;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--s-xxs:4px;--s-xs:8px;--s-sm:12px;--s-md:16px;--s-lg:20px;--s-xl:24px;--s-xxl:32px;--r-small:8px;--r-medium:10px;--r-large:12px;--r-card:14px;--r-hero:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--app:#12161c;--card:#1b2129;--ink:#e6eaf0;--ink-2:#9aa5b4;--line:#2a323d;--accent:#8fb0d9;--accent-ink:#0e1116;--accent-soft:#1e2a3a;--lamp:#e2aa52;--lamp-ink:#e2aa52;--lamp-soft:#2e2618;--good:#7cc29a;--dawn-1:#33435a;--dawn-2:#6b5e50;--shadow-seg:0 1px 3px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--app:#12161c;--card:#1b2129;--ink:#e6eaf0;--ink-2:#9aa5b4;--line:#2a323d;--accent:#8fb0d9;--accent-ink:#0e1116;--accent-soft:#1e2a3a;--lamp:#e2aa52;--lamp-ink:#e2aa52;--lamp-soft:#2e2618;--good:#7cc29a;--dawn-1:#33435a;--dawn-2:#6b5e50;--shadow-seg:0 1px 3px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--app);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;font-size:100%}body{min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}h1:focus,h1:focus-visible{outline:none}.sr-only{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{background:var(--card);border-radius:var(--r-medium);z-index:100;padding:10px 14px;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}.shell{flex-direction:column;flex:1;width:100%;max-width:600px;margin:0 auto;display:flex}.nav{align-items:center;gap:var(--s-xxs);padding:var(--s-xs) var(--s-lg);flex-wrap:wrap;min-height:52px;display:flex}.nav .brand{color:var(--ink);align-items:center;gap:var(--s-xs);min-height:44px;margin-right:auto;font-weight:700;text-decoration:none;display:inline-flex}.nav a.navlink{color:var(--ink-2);border-radius:var(--r-medium);padding:10px;font-size:15px;text-decoration:none}.nav a.navlink[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:600}.demo-banner{justify-content:space-between;align-items:center;gap:var(--s-sm);margin:0 var(--s-lg) var(--s-xs);padding:var(--s-xs) var(--s-sm);border-radius:var(--r-medium);background:var(--accent-soft);color:var(--ink);font-size:13px;display:flex}.screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen.enter{animation:.32s ease-out enter}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.topbar{justify-content:space-between;align-items:center;gap:var(--s-sm);padding:6px var(--s-lg) 4px;min-height:52px;display:flex}.content{padding:var(--s-xs) var(--s-lg) var(--s-xl);flex-direction:column;flex:1;gap:18px;display:flex}.content.center{justify-content:center}.actions{padding:var(--s-sm) var(--s-lg) calc(var(--s-xl) + env(safe-area-inset-bottom,0px));background:var(--app);border-top:1px solid var(--line);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.steps{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:13px;display:flex}.dots{gap:5px;display:flex}.dots i{background:var(--line);border-radius:3px;width:6px;height:6px;transition:width .2s ease-out}.dots i.on{background:var(--accent);width:16px}.dots i.done{background:var(--accent);opacity:.45}.kbd-hint{color:var(--ink-2);text-align:center;margin:0;font-size:12px}kbd{border:1px solid var(--line);background:var(--card);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-family:inherit;font-size:12px}h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:30px;font-weight:700;line-height:1.15}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin:0;font-size:13px;font-weight:600}.lede{color:var(--ink-2);margin:6px 0 0;font-size:17px;line-height:1.45}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:600}.small{color:var(--ink-2);margin:0;font-size:13px;line-height:1.4}.tabular{font-variant-numeric:tabular-nums}.btn{border-radius:var(--r-card);text-align:center;border:0;justify-content:center;align-items:center;width:100%;min-height:50px;padding:15px 18px;font-size:17px;font-weight:600;text-decoration:none;transition:opacity .2s ease-out;display:inline-flex}.btn:active{opacity:.85}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-quiet{background:var(--accent-soft);color:var(--accent)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default}.btn-inline{width:auto;padding:0 16px}.link-btn{min-height:44px;color:var(--accent);background:0 0;border:0;padding:8px 6px;font-size:16px}.icon-btn{width:44px;height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:22px;place-items:center;display:grid}.icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.group{background:var(--card);border-radius:var(--r-card);overflow:hidden}.card{background:var(--card);border-radius:var(--r-card)}.group>*+*{border-top:1px solid var(--line)}.row{align-items:center;gap:var(--s-sm);padding:var(--s-sm) 14px;min-height:52px;display:flex}.row .grow{flex:1;min-width:0}.row-title{overflow-wrap:anywhere;font-size:16px;line-height:1.3}.badge{letter-spacing:.02em;background:var(--accent-soft);color:var(--accent);vertical-align:1px;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:3px;width:6px;height:6px}.task{background:var(--card);border-radius:var(--r-card);flex-direction:column;gap:10px;padding:14px;display:flex}.task:focus-visible,.task:focus-within{outline:2px solid var(--accent);outline-offset:2px}.task.decided .task-title{color:var(--ink-2)}.task-title{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.3}.seg{border-radius:var(--r-medium);background:var(--app);grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}@media (max-width:380px){.seg{grid-template-columns:1fr 1fr}}.seg button{border-radius:var(--r-small);color:var(--ink-2);background:0 0;border:0;min-height:44px;padding:7px 2px;font-size:13px;line-height:1.15;transition:background .2s ease-out}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow-seg);font-weight:600}.seg button[aria-pressed=true][data-val=tomorrow]{color:var(--accent)}.seg .key{opacity:.7;font-size:11px;font-weight:400;display:block}.progress{flex-direction:column;gap:6px;display:flex}.bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.bar b{background:var(--accent);height:100%;transition:width .25s ease-out;display:block}.legend{color:var(--ink-2);grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:13px;display:grid}.legend dt{color:var(--ink);font-weight:600}.legend dd{margin:0}.picks{flex-direction:column;gap:8px;display:flex}.pick{align-items:center;gap:var(--s-sm);padding:var(--s-xs) 14px;background:var(--card);border-radius:var(--r-card);min-height:56px;display:flex}.check{background:0 0;border:0;flex:none;place-items:center;width:44px;height:44px;margin:-9px;display:grid}.check .ring{border:2px solid var(--line);width:26px;height:26px;color:var(--accent-ink);border-radius:13px;place-items:center;display:grid}.check[aria-pressed=true] .ring{background:var(--accent);border-color:var(--accent)}.pick-main{overflow-wrap:anywhere;cursor:pointer;flex:1;min-width:0;padding:4px 0 4px 8px;font-size:16px;line-height:1.3}.star{border:1px solid var(--line);min-height:44px;color:var(--ink-2);white-space:nowrap;background:0 0;border-radius:16px;flex:none;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.star[aria-pressed=true]{background:var(--lamp-soft);border-color:var(--lamp);color:var(--lamp-ink)}.star[aria-pressed=true] svg{color:var(--lamp)}.note{border-radius:var(--r-medium);background:var(--lamp-soft);color:var(--ink);margin:0;padding:10px 12px;font-size:14px;line-height:1.4}.note:empty{display:none}.cal{flex-direction:column;gap:6px;display:flex}.slot{grid-template-columns:96px 1fr;align-items:stretch;gap:10px;font-size:14px;display:grid}.slot .time{color:var(--ink-2);font-variant-numeric:tabular-nums;padding-top:9px;font-size:13px}.slot .blk{border-radius:var(--r-medium);background:var(--card);border-left:3px solid var(--line);min-width:0;padding:8px 12px;line-height:1.35}.slot.meet .blk{border-left-color:var(--ink-2)}.slot.focus .blk{border:1.5px dashed var(--accent);background:var(--accent-soft)}.slot.edge .blk{color:var(--ink-2);background:0 0;border-left-color:#0000;padding-left:0}.blk strong{font-weight:600;display:block}.blk span{color:var(--ink-2);font-size:13px}.done-mark{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:32px;place-items:center;display:grid}.switch{background:var(--line);border:0;border-radius:16px;flex:none;width:51px;height:31px;padding:2px;transition:background .2s ease-out;position:relative}.switch:after{content:"";background:#fff;border-radius:14px;width:27px;height:27px;transition:transform .2s ease-out;display:block;box-shadow:0 2px 4px #0003}.switch[aria-checked=true]{background:var(--good)}.switch[aria-checked=true]:after{transform:translate(20px)}.rating{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.rating button{border:1px solid var(--line);background:var(--card);border-radius:var(--r-large);font-variant-numeric:tabular-nums;height:46px;font-size:17px;font-weight:600}.rating button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.scale-ends{color:var(--ink-2);justify-content:space-between;font-size:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label,.field .label{color:var(--ink-2);font-size:13px}textarea,input[type=text],select{border:1px solid var(--line);background:var(--card);border-radius:var(--r-large);resize:vertical;width:100%;min-height:46px;padding:12px;font-size:16px;line-height:1.4}textarea:focus-visible,input[type=text]:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}input[type=time]{border:1px solid var(--line);background:var(--app);border-radius:var(--r-small);font-variant-numeric:tabular-nums;min-height:44px;padding:8px 10px;font-size:16px}.inline-form{gap:8px;display:flex}.night{text-align:center;background:linear-gradient(170deg, var(--dusk-1), var(--dusk-2));color:var(--on-dusk);padding:var(--s-xl);flex:1;place-items:center;min-height:70dvh;display:grid}.night p{opacity:.85;margin:8px 0 0}.night .link-btn,.night a{color:var(--on-dusk);margin-top:18px;font-size:15px;text-decoration:underline}.moon{width:56px;height:56px;box-shadow:inset -14px -6px 0 0 var(--on-dusk);opacity:.9;border-radius:50%;margin:0 auto 18px;transform:rotate(-20deg)}.dawn{background:linear-gradient(170deg, var(--dawn-1), var(--dawn-2));border-radius:var(--r-hero);padding:var(--s-lg)}.first{background:var(--lamp-soft);border:1.5px solid var(--lamp);border-radius:16px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.first .eyebrow{color:var(--lamp-ink);align-items:center;gap:6px;margin:0;display:flex}.first .eyebrow svg{color:var(--lamp)}.first p.t{overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:600;line-height:1.3}.order{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.order li{background:var(--card);border-radius:var(--r-card);align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex}.order li:focus-visible{outline:2px solid var(--accent)}.order .num{width:22px;color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.order .grow{overflow-wrap:anywhere;flex:1;min-width:0;font-size:16px;line-height:1.3}.order .is-first .num{color:var(--lamp-ink)}.mv{border-radius:var(--r-medium);border:1px solid var(--line);background:var(--app);width:44px;height:44px;color:var(--ink-2);flex:none;place-items:center;display:grid}.mv:disabled{opacity:.3;cursor:default}.quote{border-radius:var(--r-card);background:var(--card);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;font-size:15px;line-height:1.45}.quote cite{color:var(--ink-2);margin-top:6px;font-size:12px;font-style:normal;display:block}.timer{background:var(--card);border-radius:var(--r-hero);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 18px;display:flex}.timer-digits{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:64px;font-weight:300;line-height:1}.timer .bar{width:100%}.timer-row{gap:10px;width:100%;display:flex}.timer-row .btn{padding:12px;font-size:16px}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);margin:14px 4px 4px;font-size:13px;font-weight:500}.days{flex-wrap:wrap;gap:6px;padding:12px 14px;display:flex}.days button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-2);background:0 0;border-radius:22px;font-size:13px;font-weight:600}.days button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.status-line{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.status-line .dot{border:1.5px solid var(--ink-2);border-radius:4px;width:8px;height:8px}.status-line.ok{color:var(--good)}.status-line.ok .dot{background:var(--good);border-color:var(--good)}.task-list-row .done-btn{flex:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}