:root{color-scheme:dark;--bg:#0b0e11;--panel:#11161b;--card:#171d23;--card2:#20272f;--text:#f3f6f8;--muted:#8e99a5;--line:#29313a;--green:#1d7a4b;--green2:#23945b;--red:#a63a3a;--accent:#8db7ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh}.app{max-width:1200px;margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}h1,h2{margin:2px 0 0;line-height:1.08}h1{font-size:clamp(24px,4vw,36px)}h2{font-size:clamp(22px,3.2vw,31px)}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--muted);font-weight:800}.reset,.back{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;min-height:44px;padding:0 15px;font-weight:700;cursor:pointer}.reset:active,.back:active{transform:scale(.98)}main{display:grid;grid-template-columns:minmax(230px,32%) 1fr;gap:16px}#sections,.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px}.sectionBtn{width:100%;min-height:58px;border:1px solid transparent;background:var(--card);color:var(--text);border-radius:13px;margin-bottom:8px;padding:10px 12px;text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:15px;font-weight:750;cursor:pointer}.sectionBtn:last-child{margin-bottom:0}.sectionBtn.active{border-color:var(--accent)}.sectionBtn.complete{background:color-mix(in srgb,var(--green) 58%,var(--card))}.sectionBtn.partial{background:color-mix(in srgb,var(--red) 55%,var(--card))}.badge{font-size:12px;color:#d7dee5;font-variant-numeric:tabular-nums}.sectionHead{display:flex;align-items:center;gap:14px;min-height:58px;padding:2px 4px 12px;border-bottom:1px solid var(--line);margin-bottom:10px}.back{display:none}.progress{margin-left:auto;color:var(--muted);font-weight:700;font-size:13px;white-space:nowrap}.items{display:grid;gap:8px}.item{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:14px;min-height:62px;padding:10px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.item:active{transform:scale(.995)}.item.done{background:var(--green);border-color:var(--green2)}.itemName{font-size:clamp(16px,2.2vw,20px);font-weight:760;line-height:1.15}.itemDetail{font-size:clamp(14px,1.9vw,18px);font-weight:650;color:#c8d0d7;text-align:right;line-height:1.15}.item.done .itemDetail{color:#fff}.empty{color:var(--muted);padding:24px}.flash{animation:flash .7s ease}@keyframes flash{50%{box-shadow:0 0 0 2px var(--green2)}}
@media(max-width:700px){.app{padding-left:10px;padding-right:10px}header{align-items:flex-start}.reset{font-size:12px;padding:0 10px}main{display:block}#sections{padding:9px}.panel{display:none;padding:9px}.app.in-section #sections{display:none}.app.in-section .panel{display:block}.back{display:inline-flex;align-items:center}.sectionHead{position:sticky;top:0;background:var(--panel);z-index:2}.item{min-height:58px;padding:9px 12px}.itemName{font-size:17px}.itemDetail{font-size:15px;max-width:45vw}.sectionBtn{min-height:56px}}
@media(min-width:701px) and (orientation:landscape){.items{grid-template-columns:1fr 1fr}.item{min-height:66px}}

/* PWA update notice */
.updateNotice{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:1000;width:min(92vw,560px);background:#1b2229;border:1px solid #3a4650;border-radius:12px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;align-items:center;gap:12px;color:#f4f7f9}
.updateNotice[hidden]{display:none}
.updateNotice span{flex:1;font-size:.95rem;font-weight:600}
.updateNotice button{border:0;border-radius:9px;background:#2f9e55;color:#fff;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}