:root{--page:#08080b;--bg:#16161c;--bg-raised:#1f1f28;--fg:#e8e8ef;--muted:#9a9aab;--line:#2e2e3a;--purple:#6c31e3;--purple-dim:#38334f;--purple-dim-fg:#b3adcb;--purple-btn:#33304a;--purple-btn-line:#6b6499;--slot-bg:#ddd4f5;--slot-fg:#1c1730;--slot-muted:#574e78;--accent:#2f7d5c;--accent-fg:#63d0a0;--danger:#ff7a6b;--warn:#ffc46b;--bot-dot:#7d93b8}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--page);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;font-size:16px;line-height:1.6}main{max-width:480px;margin:0 auto;padding:16px 16px 48px;background:var(--bg);min-height:100vh;border-inline:1px solid var(--line)}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:16px}.muted{color:var(--muted);font-size:13px}button{font:inherit;color:var(--fg);background:var(--purple-btn);border:1px solid var(--purple-btn-line);border-radius:6px;padding:6px 10px;cursor:pointer}button:disabled{opacity:.4;cursor:default}@media (hover:hover){button:hover:not(:disabled){background:var(--purple);border-color:#b9a6ef}}a.btn-link{display:inline-block;font:inherit;color:var(--fg);background:var(--purple-btn);border:1px solid var(--purple-btn-line);border-radius:6px;padding:6px 10px;text-decoration:none}@media (hover:hover){a.btn-link:hover{background:var(--purple);border-color:#b9a6ef}}input{font:inherit;color:var(--fg);background:var(--bg-raised);border:1px solid var(--line);border-radius:6px;padding:6px 8px}input:focus{outline:2px solid var(--accent-fg);outline-offset:1px}.slot{display:flex;justify-content:space-between;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent}.slot-locked{background:var(--purple-dim);color:var(--purple-dim-fg);border-color:var(--purple-btn-line)}.slot-open{background:var(--slot-bg);color:var(--slot-fg)}.slot-open .muted{color:var(--slot-muted)}.slot-open{border-color:#b9a6ef}.slot-open button{color:#f3effd;background:var(--purple);border-color:var(--purple)}.clock{font-size:28px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.clock-urgent{color:var(--danger)}.timebar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}.timebar>i{display:block;height:100%;background:var(--accent-fg)}.timebar-urgent>i{background:var(--danger)}button.picked{background:var(--accent-fg);color:#10241b;border-color:#9ce8c4;font-weight:700;box-shadow:0 0 0 2px rgba(99,208,160,.3)}.choice{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:4px 0;border:1px solid var(--purple-btn-line);border-radius:6px;background:var(--purple-dim);color:var(--purple-dim-fg);cursor:pointer}.choice-picked{background:var(--accent-fg);color:#10241b;border-color:#9ce8c4;font-weight:700}.calc-sheet{position:fixed;left:0;right:0;bottom:0;z-index:10;max-height:55vh;overflow-y:auto;background:var(--bg-raised);border-top:2px solid var(--purple);box-shadow:0 -6px 18px rgba(0,0,0,.5)}.calc-sheet>div{max-width:480px;margin:0 auto;padding:8px 16px 12px}@media (min-width:1024px){.calc-sheet{left:calc(50% + 248px);right:auto;bottom:auto;top:calc(16px + var(--dev-offset, 0px));width:340px;max-height:calc(100vh - 32px - var(--dev-offset, 0px));border-top:none;border-left:2px solid var(--purple);border-radius:0 8px 8px 0;box-shadow:6px 0 18px rgba(0,0,0,.5)}.calc-sheet>div{max-width:none;padding:10px 14px 14px}}