:root{--bg:hsl(38 44% 96%);--surface:hsl(40 50% 98%);--ink:hsl(200 38% 14%);--muted:hsl(200 12% 36%);--line:hsl(36 22% 84%);--accent:hsl(174 86% 26%);--accent-ink:hsl(40 50% 98%);--gold:hsl(36 75% 30%);--goldbg:hsl(36 70% 88%);--warn:hsl(0 62% 40%);--warnbg:hsl(0 70% 94%);--ok:hsl(160 70% 25%);--okbg:hsl(160 45% 90%);--night:hsl(195 60% 18%);--night-ink:hsl(40 50% 98%);--night-muted:hsl(174 25% 76%);--peak:hsl(36 80% 62%);--field:hsl(40 40% 99%);--radius:1rem;--shadow:0 1px 2px hsl(200 30% 10% / .04),0 20px 48px -28px hsl(200 30% 10% / .22)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg:hsl(200 38% 8%);--surface:hsl(200 30% 12%);--ink:hsl(40 40% 94%);--muted:hsl(200 14% 66%);--line:hsl(200 20% 20%);--accent:hsl(174 70% 48%);--accent-ink:hsl(200 60% 8%);--gold:hsl(36 80% 66%);--goldbg:hsl(36 40% 18%);--warn:hsl(0 80% 74%);--warnbg:hsl(0 40% 17%);--ok:hsl(160 60% 62%);--okbg:hsl(160 40% 15%);--night:hsl(195 60% 10%);--night-muted:hsl(174 18% 68%);--field:hsl(200 30% 9%)}}:root[data-theme=dark]{--bg:hsl(200 38% 8%);--surface:hsl(200 30% 12%);--ink:hsl(40 40% 94%);--muted:hsl(200 14% 66%);--line:hsl(200 20% 20%);--accent:hsl(174 70% 48%);--accent-ink:hsl(200 60% 8%);--gold:hsl(36 80% 66%);--goldbg:hsl(36 40% 18%);--warn:hsl(0 80% 74%);--warnbg:hsl(0 40% 17%);--ok:hsl(160 60% 62%);--okbg:hsl(160 40% 15%);--night:hsl(195 60% 10%);--night-muted:hsl(174 18% 68%);--field:hsl(200 30% 9%)}:root{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}*,*:before,*:after{box-sizing:inherit}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:Fraunces,Georgia,Segoe UI,sans-serif;margin:0;line-height:1.15;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.wrap{max-width:1120px;margin:0 auto;padding:0 18px}.bridge{background:var(--night);color:var(--night-ink);padding:22px 0 20px}.bridge .wrap{display:grid;gap:18px;grid-template-columns:1fr}.brand{font-size:15px;color:var(--night-muted)}.big{font-family:Fraunces,Georgia,sans-serif;font-weight:700;font-size:clamp(32px,6vw,52px);line-height:1.05;margin:4px 0 6px}.big span{color:var(--peak)}.bridge p{margin:0;color:var(--night-muted);max-width:60ch}.bar{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;margin-top:6px}.bar i{height:34px;border-radius:4px;background:#ffffff1f;display:block}.bar i.peak{background:var(--peak)}.bar i.you{background:var(--night-ink);box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--night-ink)}.scale{display:grid;grid-template-columns:repeat(4,1fr);font-size:12px;color:var(--night-muted);margin-top:6px}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--night-muted);margin-top:10px}.legend b{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:6px}@media (min-width:860px){.bridge .wrap{grid-template-columns:1.05fr 1fr;align-items:end}}.tabs{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}.tabs .wrap{display:flex;gap:4px;overflow-x:auto;padding-top:8px;padding-bottom:0;scrollbar-width:none}.tab{border:0;background:none;padding:12px 14px;min-height:46px;cursor:pointer;color:var(--muted);font-weight:500;border-bottom:3px solid transparent;white-space:nowrap}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}main{padding:22px 0 80px}.head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.head h2{font-size:26px}.sub{color:var(--muted);font-size:14px;margin:4px 0 0}.pill{display:inline-block;background:var(--goldbg);color:var(--gold);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600}.grid{display:grid;gap:16px;align-content:start}@media (min-width:900px){.grid.two{grid-template-columns:1.7fr 1fr;align-items:start}}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.card h3{font-size:18px;margin-bottom:4px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 14px;min-height:40px;cursor:pointer;font-weight:500}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.small{min-height:34px;padding:4px 10px;font-size:14px}.btn.danger{color:var(--warn)}textarea,input,select{width:100%;border:1px solid var(--line);background:var(--field);border-radius:8px;padding:9px 11px;min-height:40px}textarea{resize:vertical;line-height:1.5;margin-top:10px}label{display:block;font-size:14px;font-weight:500;margin-bottom:4px}.check{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line)}.check:first-of-type{border-top:0}.check input{width:20px;height:20px;min-height:0;margin-top:3px;accent-color:var(--accent);flex:none}.check span{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{border:1px solid var(--line);background:var(--field);border-radius:999px;padding:6px 12px;cursor:pointer;font-size:14px}.chip.on{background:var(--okbg);border-color:var(--ok);color:var(--ok);font-weight:600}.chip.wait{background:var(--warnbg);border-color:var(--warn);color:var(--warn)}.note{background:var(--goldbg);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px;margin:10px 0}.warn{background:var(--warnbg);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px;margin:10px 0}.empty{color:var(--muted);padding:18px 0;text-align:center}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}th{font-weight:600;color:var(--muted);background:var(--field)}tr:last-child td{border-bottom:0}.form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:16px}.stat div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.stat b{display:block;font-family:Fraunces,sans-serif;font-size:28px;line-height:1.1}.stat small{color:var(--muted)}.plan{display:grid;gap:8px}.day{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left;width:100%}.day:hover{border-color:var(--accent)}.day.now{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.day .d{font-weight:600}.day .h{color:var(--muted);font-size:14px;display:block}.week{margin:18px 0 6px;font-weight:600;color:var(--muted);font-size:14px}.hooklist{display:grid;gap:8px}.hook{display:flex;gap:10px;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:14px;z-index:20;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.sync{color:var(--muted);font-size:13px;margin-top:22px}@media (max-width:560px){.day{grid-template-columns:1fr auto}.day .d{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.btn:disabled{opacity:.5;cursor:not-allowed}.btn{min-width:44px}.btn.small,.chip{min-height:44px}.tab{min-height:48px}textarea[dir=auto]{unicode-bidi:plaintext}.login{max-width:420px;margin:12vh auto;padding:0 18px}.login .card{display:grid;gap:12px}.err{background:var(--warnbg);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px}.userbar{display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:13px;color:var(--night-muted);margin-bottom:6px}.userbar button{background:none;border:1px solid var(--night-muted);color:var(--night-ink);border-radius:8px;padding:4px 10px;min-height:32px;cursor:pointer}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--surface);padding:8px;z-index:30}.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;background:var(--field);border:1px solid var(--line)}.badge.warn{background:var(--warnbg);border-color:var(--warn);color:var(--warn)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body{padding-bottom:env(safe-area-inset-bottom,0px)}h1,h2,h3,.big,.stat b{font-weight:600;letter-spacing:-.015em}.big{font-style:normal}.big span{font-style:italic;color:var(--peak)}.bridge{background:linear-gradient(135deg,#123c49,#08685f)}.card,.stat div,.tablewrap,.hook,.day{border-radius:var(--radius);box-shadow:var(--shadow)}.btn,.chip,.pill,.badge,.toast{border-radius:999px}.btn{padding:8px 18px}.btn.primary{background:linear-gradient(135deg,#097b70,#1c9c8f);border-color:transparent;box-shadow:0 14px 30px -16px #0b988a8c}textarea,input,select{border-radius:12px}.tab[aria-selected=true]{border-bottom-color:var(--accent)}.day.now{box-shadow:0 0 0 2px var(--accent) inset}.week{font-family:Fraunces,Georgia,serif;font-size:16px}