@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap";:root{--bg:#fdf8f3;--surface:#fff;--surface-2:#f4e9de;--ink:#1f1915;--ink-soft:#6a594b;--hairline:#e9dbcc;--accent:#b3341f;--accent-soft:#fbe4dc;--on-accent:#fff8f5;--you:#6b2d5c;--you-soft:#f4e4f0;--success:#2c6b4c;--success-soft:#e2f0e7;--warn:#8a5300;--warn-soft:#fbebd2;--film:#3e3a8c;--cue-bg:#000;--cue-digit:#b4541f;--cue-sub:#7a5140;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:72px;--r-chip:8px;--r-control:14px;--r-card:20px;--r-hero:28px;--r-pill:999px;--shadow:0 2px 8px #5d402d12, 0 8px 24px #5d402d0f;--tabbar:64px}@media (prefers-color-scheme:dark){:root{--bg:#15100d;--surface:#201a15;--surface-2:#2d251e;--ink:#f7efe6;--ink-soft:#b6a494;--hairline:#3a2f26;--accent:#ff8b6a;--accent-soft:#3a2018;--on-accent:#2a0f08;--you:#e4a6d6;--you-soft:#33202e;--success:#72d5a3;--success-soft:#17301f;--warn:#f2b85c;--warn-soft:#332616;--film:#a6a2f0;--shadow:0 2px 8px #0000004d, 0 8px 24px #0000003d}}*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:Heebo,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.5}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}:focus-visible{outline:3px solid var(--you);outline-offset:2px}#root{flex-direction:column;height:100dvh;display:flex}.screen{padding:0 var(--sp-4) calc(var(--tabbar) + env(safe-area-inset-bottom) + var(--sp-7));flex:1;overflow-y:auto}.apphead{z-index:10;padding:var(--sp-5) 0 var(--sp-3);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline);margin-bottom:var(--sp-4);justify-content:space-between;align-items:flex-end;display:flex;position:sticky;top:0}.apphead .title{color:var(--ink);font-size:18px;font-weight:800}.apphead .title span{color:var(--accent)}.apphead .clock{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.apphead .date{color:var(--ink-soft);font-size:13px;font-weight:500}.tabbar{inset-inline:0;z-index:50;height:calc(var(--tabbar) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--hairline);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0}.tabbar button{color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:0;font-size:11px;font-weight:700;display:flex;position:relative}.tabbar button .ic{font-size:20px;line-height:1}.tabbar button[aria-selected=true]{color:var(--accent)}.tab-indicator{background-color:var(--accent);border-radius:0 0 4px 4px;width:40px;height:4px;position:absolute;top:-1px}.ev{border-radius:var(--r-card);margin-bottom:var(--sp-3);text-align:right;width:100%;position:relative}.ev.past{align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);opacity:.45;border-bottom:1px solid var(--hairline);border-radius:0;min-height:52px;display:flex}.ev.past .t{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.ev.past .ti{font-size:16px;font-weight:500}.ev.next{background:var(--surface);box-shadow:var(--shadow);padding:var(--sp-5);min-height:104px}.ev.next .t{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:22px;font-weight:800;line-height:1.25}.ev.next .ti{margin-top:var(--sp-1);font-size:19px;font-weight:700;line-height:1.3}.ev.now{background:var(--surface);border-radius:var(--r-hero);padding:var(--sp-6) var(--sp-5);box-shadow:var(--shadow);border:2px solid var(--accent);overflow:hidden}.ev.now .t{font-variant-numeric:tabular-nums;color:var(--accent);font-size:36px;font-weight:900;line-height:1}.ev.now .ti{margin-top:var(--sp-2);font-size:30px;font-weight:800;line-height:1.2}.ev.now .de{color:var(--ink-soft);margin-top:var(--sp-3);font-size:17px;line-height:1.5}.livedot{background:var(--accent);width:10px;height:10px;border-radius:50%;margin-inline-end:var(--sp-2);animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.prog{background:var(--surface-2);border-radius:var(--r-pill);height:6px;margin-top:var(--sp-4);transform-origin:100%;overflow:hidden}.prog i{background:var(--accent);border-radius:var(--r-pill);height:100%;transition:width 1s linear;display:block}.ev.mine{background:linear-gradient(to left, var(--you-soft) 0%, var(--surface) 62%)}.ev.mine:before{content:"";background:var(--you);border-start-end-radius:var(--r-card);border-end-end-radius:var(--r-card);width:5px;position:absolute;inset-block:0;inset-inline-end:0}.ev.now.mine:before{border-start-end-radius:var(--r-hero);border-end-end-radius:var(--r-hero)}.ev.next.mine:before{width:4px}.who{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.pill{padding:5px var(--sp-3);border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-soft);font-size:15px;font-weight:600}.pill.you{background:var(--you-soft);color:var(--you);font-weight:800}.pill.group{border:1px solid var(--hairline);background:0 0}.btn{border-radius:var(--r-control);background:var(--accent);width:100%;min-height:56px;color:var(--on-accent);padding:var(--sp-4);margin-top:var(--sp-4);justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.btn.outline{color:var(--accent);border:2px solid var(--accent);background:0 0}.row{align-items:center;gap:var(--sp-4);background:var(--surface);border-radius:var(--r-card);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-3);box-shadow:var(--shadow);text-align:start;width:100%;min-height:72px;display:flex}.row .body{gap:var(--sp-1);flex-direction:column;flex:auto;min-width:0;display:flex}.row .ti{font-size:20px;font-weight:800;line-height:1.3;display:block}.row .meta{color:var(--ink-soft);font-size:15px;font-weight:600;display:block}.row.done{background:var(--success-soft)}.row.done .ti{opacity:.6;text-decoration:line-through}.check{border:2px solid var(--hairline);color:#0000;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.row.done .check{background:var(--success);border-color:var(--success);color:#fff}.sectionlabel{letter-spacing:.06em;color:var(--you);margin:var(--sp-6) 0 var(--sp-3);font-size:13px;font-weight:700}.cuecard{background:var(--surface);border-radius:var(--r-card);padding:var(--sp-5);box-shadow:var(--shadow);margin-bottom:var(--sp-4);text-align:right}.cuecard .lbl{letter-spacing:.06em;color:var(--accent);font-size:13px;font-weight:700}.cuecard .val{margin-top:var(--sp-2);font-size:22px;font-weight:800;line-height:1.45}.blackout-mode{background:var(--cue-bg);z-index:100;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.blackout-mode .digit{color:var(--cue-digit);font-variant-numeric:tabular-nums;font-size:200px;font-weight:900;line-height:1}.blackout-mode .sub{color:var(--cue-sub);margin-top:var(--sp-5);font-size:22px;font-weight:600;line-height:1.2}.blackout-mode.true-black{background:#000!important}.blackout-mode.true-black *{display:none!important}.abort-btn{opacity:.25;color:var(--cue-digit);font-size:48px;position:absolute;bottom:20px;left:20px}