:root{--bg: #f4f4f2;--surface: #ffffff;--surface-sunk: #fafaf9;--line: #e5e5e1;--line-strong: #d3d3cd;--text: #101112;--text-dim: #6b6f73;--text-faint: #9a9ea2;--accent: #1f4fd8;--accent-soft: #eef2fe;--good: #17794a;--good-soft: #e9f5ee;--drift: #d92d20;--drift-ink: #ffffff;--radius: 14px;--radius-sm: 10px;--gap: 16px;--pad: 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0b0c0d;--surface: #141618;--surface-sunk: #101214;--line: #24272b;--line-strong: #343940;--text: #f3f3f1;--text-dim: #9aa0a6;--text-faint: #6a7076;--accent: #7d9cff;--accent-soft: #161c2b;--good: #4ade9b;--good-soft: #12241c;--drift: #e5493c;--drift-ink: #ffffff}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{max-width:1080px;margin:0 auto;padding:40px 20px 96px;display:flex;flex-direction:column;gap:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.topbar-actions{display:flex;gap:8px}.section{display:flex;flex-direction:column;gap:12px}.section-label{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad)}.card.accent{border-color:var(--accent)}.card.sunk{background:var(--surface-sunk)}.card.compact{padding:16px 18px}.label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.big{font-size:clamp(38px,6.2vw,60px);font-weight:640;letter-spacing:-.035em;line-height:1.02;margin:10px 0 0}.huge{font-size:clamp(52px,10vw,84px);font-weight:660;letter-spacing:-.04em;line-height:.98;margin:12px 0 0}.mid{font-size:clamp(26px,3.6vw,34px);font-weight:620;letter-spacing:-.025em;line-height:1.05;margin:8px 0 0}.sub{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--text-dim)}.sub-tight{margin:6px 0 0;font-size:13px;color:var(--text-dim)}.hint{font-size:12px;color:var(--text-faint)}.strong{color:var(--text);font-weight:600}.good-text{color:var(--good);font-weight:600}.mix-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.mix{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;color:var(--text-dim)}.mix b{color:var(--text);font-size:16px;font-weight:620}.drift{background:var(--drift);color:var(--drift-ink);border:none;border-radius:var(--radius);padding:28px var(--pad)}.drift .label,.drift .sub,.drift .hint{color:#ffffffc7}.drift .huge{color:var(--drift-ink)}.drift .strong{color:#fff}.drift-cleared{background:var(--surface);color:var(--text);border:1px solid var(--line)}.drift-cleared .label,.drift-cleared .sub,.drift-cleared .hint{color:var(--text-dim)}.drift-cleared .huge{color:var(--text)}.drift-tally{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22);font-size:15px}.drift-cleared .drift-tally{border-top-color:var(--line)}.bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:18px}.bar-fill{height:100%;background:var(--text);border-radius:999px;transition:width .35s ease}.bar-fill.good{background:var(--good)}.bar-fill.accent{background:var(--accent)}.metric .value{font-size:clamp(28px,4vw,38px);font-weight:620;letter-spacing:-.03em;margin:10px 0 0;line-height:1}.metric .sub-tight{margin-top:8px}.pace-rows{margin-top:18px;display:flex;flex-direction:column}.pace-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:15px;color:var(--text-dim)}.pace-row:first-child{border-top:none}.pace-row b{color:var(--text);font-weight:620;font-size:17px}.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:var(--surface-sunk);border:1px solid var(--line);color:var(--text-dim)}.tag.accent{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.delta{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:15px;font-weight:600}.streak-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.streak-count{display:flex;align-items:center;gap:12px}.flame{width:30px;height:30px;flex:none;color:var(--text-dim)}.flame.lit{color:var(--accent)}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:var(--surface-sunk);border-color:var(--text-faint)}.btn.primary{background:var(--text);border-color:var(--text);color:var(--bg)}.btn.primary:hover{opacity:.88;background:var(--text)}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-dim)}.btn.ghost:hover{background:var(--surface-sunk);color:var(--text)}.btn.done{background:var(--good-soft);border-color:transparent;color:var(--good)}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:default}.btn-sm{padding:7px 12px;font-size:13px;border-radius:8px}.fab{position:fixed;right:20px;bottom:20px;z-index:40;padding:15px 22px;border-radius:999px;font-size:15px}.overlay{position:fixed;inset:0;background:#0a0b0c6b;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:520px;margin:auto;padding:var(--pad)}.panel{background:var(--surface);border-left:1px solid var(--line);width:100%;max-width:480px;min-height:100%;margin-left:auto;margin-right:0;padding:var(--pad)}.overlay.right{padding:0;align-items:stretch;justify-content:flex-end}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.modal-title{font-size:20px;font-weight:640;letter-spacing:-.02em;margin:0}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .btn{flex:1}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field>span{font-size:13px;font-weight:600;color:var(--text-dim)}.field .hint{font-weight:400}input[type=text],input[type=number],input[type=date],input[type=time],input[type=password],select,textarea{background:var(--surface-sunk);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:16px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.toggle:first-of-type{border-top:none}.toggle-text{font-size:14px}.toggle-text small{display:block;color:var(--text-faint);font-size:12px;margin-top:3px}.switch{flex:none;width:44px;height:26px;border-radius:999px;background:var(--line-strong);border:none;position:relative;cursor:pointer;transition:background .15s ease}.switch[data-on=true]{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.switch[data-on=true]:after{transform:translate(18px)}.daypicker{display:flex;gap:6px;flex-wrap:wrap}.daypicker button{flex:1;min-width:44px;padding:9px 0;border-radius:9px;border:1px solid var(--line);background:var(--surface-sunk);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer}.daypicker button[data-on=true]{background:var(--text);border-color:var(--text);color:var(--bg)}.settings-group{padding:22px 0;border-top:1px solid var(--line)}.settings-group:first-of-type{border-top:none;padding-top:0}.settings-group h3{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 16px}textarea{min-height:92px;resize:vertical;font-size:13px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.notice{font-size:13px;padding:10px 12px;border-radius:9px;background:var(--surface-sunk);border:1px solid var(--line);color:var(--text-dim);margin-bottom:14px}.notice.good{background:var(--good-soft);border-color:transparent;color:var(--good)}.close-list{display:flex;flex-direction:column;margin-top:6px}.close-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px}.close-item:first-child{border-top:none}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.gate .card{width:100%;max-width:360px}.confetti{position:fixed;inset:0;pointer-events:none;z-index:80}.confetti i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(720deg);opacity:0}}@media(prefers-reduced-motion:reduce){.confetti{display:none}*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(max-width:760px){.app{padding:24px 14px 110px;gap:22px}.grid-2,.grid-4,.mix-row,.field-row{grid-template-columns:1fr}.card{padding:20px}.overlay{padding:0;align-items:flex-end}.modal{max-width:none;margin:0;border-radius:var(--radius) var(--radius) 0 0;border-bottom:none}.panel{max-width:none;border-left:none}}