:root{color-scheme:dark;--bg: #0c0d10;--phone: #14161c;--line: #2a2e38;--text: #f2f3f5;--muted: #8b919c;--accent: #f5f6f8;--fab: #e8eaed;--fab-ink: #12141a;font-family:SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:16px;background:radial-gradient(ellipse at 50% 0%,#1a1d26 0%,var(--bg) 55%)}.phone{width:min(390px,100%);height:min(780px,calc(100vh - 48px));background:var(--phone);border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000073}.header-strip{padding:18px 18px 10px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid transparent}.brand{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}.header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;width:100%}.header-row button{font-size:13px;color:var(--muted);padding:0;flex:0 0 auto}.header-row button.on{color:var(--accent);font-weight:600}.list{flex:1;overflow:auto;padding:8px 0 88px;scrollbar-width:thin}.list.list-one{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.list.list-one .empty{flex:1;display:flex;flex-direction:column;justify-content:center}.list.list-one .swipe-row{border-bottom:none}.swipe-row{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid #1c2028}.swipe-wash{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 80ms linear;pointer-events:none}.swipe-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-weight:600;letter-spacing:.02em;pointer-events:none;z-index:1}.swipe-hint.muted-flash{font-weight:500;opacity:.9}.swipe-surface{position:relative;z-index:2;background:var(--phone);transition:transform 40ms linear}.row-body{padding:16px 20px;text-align:center;min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:4px}.row-body.now{padding-top:20px;padding-bottom:20px}.now-cue{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.row-title{font-size:16px;font-weight:500;color:var(--text)}.row-body.now .row-title{font-size:22px;font-weight:650;letter-spacing:-.02em}.row-meta{font-size:12px;color:var(--muted)}.empty{padding:64px 28px;text-align:center;color:var(--muted)}.empty .hint{font-size:13px;margin-top:8px}.fab{position:absolute;right:18px;bottom:22px;width:56px;height:56px;border-radius:16px;background:var(--fab);color:var(--fab-ink);font-size:28px;line-height:1;z-index:5;box-shadow:0 8px 24px #00000059}.push-screen{flex:1;overflow:auto;padding:16px 20px 32px;display:flex;flex-direction:column;gap:14px}.push-screen h1{margin:0;font-size:26px;letter-spacing:-.03em;font-weight:650}.back{align-self:flex-start;font-size:22px;color:var(--muted);padding:4px 0}.expand-meta{display:flex;flex-direction:column;gap:6px}.type-pill{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.countdown{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 0 8px}.countdown .digits{font-variant-numeric:tabular-nums;font-size:56px;font-weight:300;letter-spacing:-.04em}.countdown .digits.over{color:#f07178}.countdown .reset{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.outcome-btn{padding:14px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--oc) 55%,transparent);color:var(--oc);background:color-mix(in srgb,var(--oc) 12%,transparent);font-weight:600}.understated{margin-top:auto;padding-top:28px;display:flex;justify-content:center;gap:28px}.understated button{font-size:13px;color:var(--muted)}.type-list{display:flex;flex-direction:column;gap:4px}.type-row{text-align:left;padding:16px 4px;border-bottom:1px solid var(--line);font-size:17px}.form-screen .field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.form-screen input[type=text],.form-screen input[type=time],.form-screen input[type=date],.form-screen input[type=number],.form-screen input:not([type]),.form-screen select{width:100%;font:inherit;background:#1b1e26;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);color-scheme:dark}.form-screen select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238b919c' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.form-screen input[type=date]::-webkit-calendar-picker-indicator,.form-screen input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.75);cursor:pointer}.form-screen fieldset.field{border:none;padding:0;margin:0;display:flex;flex-direction:column}.form-screen fieldset.field legend{padding:0;margin-bottom:6px}.form-screen .chip-row{display:flex;flex-wrap:nowrap;gap:5px}.form-screen .chip-row button{flex:1 1 0;min-width:0;padding:5px 6px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:11px;text-align:center}.form-screen .chip-row button.on{color:var(--accent);border-color:#4a5160;background:#1c2028}.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.check.inline{margin-bottom:4px}.form-screen input:disabled{opacity:.4}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{margin-top:12px;padding:14px;border-radius:12px;background:var(--accent);color:var(--fab-ink);font-weight:600}.hint{margin:0;font-size:13px;color:var(--muted)}.acc-block.open{background:#181b22}.acc-panel{padding:4px 18px 20px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--line)}.acc-panel .countdown .digits{font-size:40px}.list.dimmed{opacity:.35;pointer-events:none}.sheet-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;justify-content:flex-end}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.sheet{position:relative;background:#1a1d25;border-radius:22px 22px 0 0;padding:10px 20px 28px;display:flex;flex-direction:column;gap:12px;max-height:78%;overflow:auto;border-top:1px solid var(--line)}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#3a4050;align-self:center;margin-bottom:4px}.sheet-title{margin:0;font-size:24px;font-weight:650;letter-spacing:-.03em;text-align:center}.sheet-countdown .digits{font-size:64px}.toast{position:absolute;left:12px;right:12px;bottom:88px;z-index:12;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#222632;border:1px solid var(--line);font-size:13px}.toast button{margin-left:auto;color:var(--accent);font-weight:600}.toast .ghost{margin-left:0;color:var(--muted);font-weight:400}