@font-face{font-family:Inter;src:url('./fonts/Inter-Variable.ttf')}@font-face{font-family:Cormorant;src:url('./fonts/CormorantGaramond-SemiBold.ttf');font-weight:600}
:root{color-scheme:dark;--gold:#C9A84C;--ink:#E8E0D0;--muted:#B0A898;--line:rgb(201 168 76 / .34);--strong:rgb(201 168 76 / .72);--surface:rgb(22 33 62 / .76);--bg:#1A1A2E;--overlay:rgb(8 10 24 / .64);--cyan:#2DD4BF;--violet:#A78BFA;--selected:#11182D;--warning:#A85A5A;--toggle:rgb(9 16 34 / .65)}
[data-theme=light]{color-scheme:light;--gold:#9B7218;--ink:#1A1D2E;--muted:#545B73;--line:rgb(155 114 24 / .38);--strong:rgb(155 114 24 / .78);--surface:rgb(255 255 255 / .84);--bg:#F2EFE9;--overlay:rgb(247 245 240 / .82);--cyan:#0D9488;--violet:#7C3AED;--warning:#8C4848;--toggle:rgb(232 228 220 / .85)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Inter,system-ui,sans-serif;min-height:100vh}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(var(--overlay),var(--overlay)),radial-gradient(ellipse at 5% 15%,var(--violet),transparent 60%),radial-gradient(ellipse at 95% 65%,var(--cyan),transparent 65%);pointer-events:none}main{max-width:600px;margin:auto;padding: max(20px,env(safe-area-inset-top)) 18px max(28px,env(safe-area-inset-bottom))}header{position:relative;padding-top:65px;padding-bottom:18px}.controls{position:absolute;right:0;top:0;display:flex;gap:7px;align-items:center}.appearance{display:flex;gap:2px;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--toggle);backdrop-filter:blur(6px)}.appearance button{border:0;background:transparent;font-size:12px;padding:0 12px}.appearance button[aria-pressed=true]{background:var(--gold);color:var(--selected)}h1,h2{font-family:Cormorant,Georgia,serif;color:var(--gold);font-weight:600;line-height:1.1;margin:10px 0}h1{font-size:42px}h2{font-size:30px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--muted)}.intro{margin:0;color:var(--muted)}.card{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:22px;margin:0 0 18px;backdrop-filter:blur(18px);box-shadow:0 0 24px rgb(201 168 76 / .08)}.hero{text-align:center;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:210px;height:210px;border:1px solid var(--line);border-radius:50%;left:calc(50% - 105px);top:-106px;pointer-events:none}.timer{font-size:clamp(32px,9vw,52px);font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.4;color:var(--ink)}button,summary,input{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:8px 17px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button:hover{border-color:var(--strong);color:var(--gold);box-shadow:0 0 12px rgb(201 168 76 / .18)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default;box-shadow:none}.primary{display:block;width:100%;background:var(--gold);color:var(--selected);font-weight:600;font-size:18px;min-height:56px;margin:23px 0 12px}.primary:hover{color:var(--selected)}.sparkle{background:transparent;border-color:transparent;color:var(--gold);font-size:28px;padding:0;width:44px}.muted,.fine{color:var(--muted)}.fine{font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center}label{display:block;color:var(--muted);font-size:12px;margin-top:15px}input[type=date]{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);min-height:46px;padding:10px;width:100%;max-width:100%}.average{font-size:21px;font-variant-numeric:tabular-nums;margin-bottom:0}.row{display:flex;gap:10px;flex-wrap:wrap}ol{padding:0;list-style:none;margin:20px 0 0}li{border-top:1px solid var(--line);padding:15px 0}li time{font-size:14px}li span{display:block;font-size:12px;margin-top:4px}footer{font-size:11px;text-align:center;color:var(--muted)}#status{color:var(--cyan);font-size:13px}#error{color:var(--ink);font-weight:600}#error:not(:empty){border-left:3px solid var(--warning);padding:10px;text-align:left}dialog{max-width:min(480px,calc(100% - 32px));border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink);padding:24px}dialog::backdrop{background:var(--overlay);backdrop-filter:blur(6px)}summary{cursor:pointer;min-height:44px;padding-top:12px;color:var(--gold)}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:360px){.card{padding:17px}h1{font-size:36px}}
input[type=password],input[type=number]{border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);min-height:46px;padding:10px;width:100%;max-width:100%}input[type=number]{max-width:160px;text-align:center;font-size:21px;font-variant-numeric:tabular-nums}.check{display:flex;align-items:flex-start;gap:10px;margin:15px 0;font-size:13px}.check input{min-width:22px;min-height:22px;accent-color:var(--gold)}[hidden]{display:none!important}h3{font-family:Cormorant,Georgia,serif;font-size:25px;color:var(--gold);line-height:1.2}.puff-badge{display:inline-block;font-size:11px;color:var(--gold);margin-left:8px;padding:2px 8px;border:1px solid var(--line);border-radius:999px}#sync-state{color:var(--cyan);font-weight:600}#migration{border-top:1px solid var(--line);margin-top:18px;padding-top:5px}#unlock-form button{margin-top:4px}

.local-warning{border:1px solid var(--warning);border-left:4px solid var(--warning);background:var(--surface);color:var(--ink);border-radius:14px;padding:12px 15px;font-size:13px;font-weight:600;margin:0 0 16px}