:root{--bg-canvas:#0b0e13;--bg-elev:#10141a;--card:#1a1f27;--card-hover:#1f252f;--border:#262c36;--border-strong:#333b47;--grid-line:#ffffff0a;--text:#e6e8ec;--text-mid:#aab2bf;--text-dim:#8a919e;--text-faint:#5c6472;--accent:#3b82f6;--accent-bright:#60a5fa;--accent-dim:#3b82f624;--accent-border:#3b82f666;--cyan:#22d3ee;--good:#34d399;--warn:#fbbf24;--bad:#f87171;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--radius:8px;--radius-sm:5px;font:16px/1.5 var(--sans);letter-spacing:.15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:radial-gradient(1100px 520px at 82% -8%, #22d3ee17, transparent 60%), radial-gradient(1000px 600px at 4% 12%, #3b82f61f, transparent 55%), radial-gradient(1200px 700px at 50% 115%, #3b82f61a, transparent 60%), var(--bg-canvas);background-attachment:fixed}.app{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:34px 34px;min-height:100svh;position:relative}.app:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(140% 120% at 50% 0,#0000 55%,#04060aa6 100%);position:fixed;inset:0}.app>*{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--sans);color:var(--text);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:var(--accent-bright);text-decoration:none}button{font-family:var(--sans);cursor:pointer}code,.num{font-family:var(--mono)}::selection{background:var(--accent-dim);color:var(--text)}.app-shell{width:100%;max-width:1720px;margin:0 auto;padding:0 28px 56px}.page{margin-top:20px}.header{border-bottom:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0e13b8;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{width:22px;height:22px;color:var(--accent-bright);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:4px;place-items:center;font-size:10px;display:grid}.brand-name{font-family:var(--mono);letter-spacing:.18em;color:var(--text);font-size:12px;font-weight:600}.tabs{gap:6px;height:100%;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tab{height:100%;color:var(--text-dim);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 14px;font-size:13px;transition:color .15s,border-color .15s;display:flex}.tab:hover{color:var(--text)}.tab-active{color:var(--accent-bright);border-bottom-color:var(--accent-bright)}.tab-idx{font-family:var(--mono);color:var(--text-faint);font-size:10px}.tab-active .tab-idx{color:var(--accent-bright)}.user{align-items:center;gap:12px;margin-left:auto;display:flex}.avatar{border:1px solid var(--border-strong);border-radius:50%;width:28px;height:28px}.user-name{color:var(--text-mid);font-size:13px}.ghost-btn{border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-sm);background:0 0;padding:6px 12px;font-size:12px;transition:color .15s,border-color .15s}.ghost-btn:hover{color:var(--text);border-color:var(--accent-border)}.panel{border-radius:var(--radius);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#141a218c,#0e121859);border:1px solid #ffffff12;padding:18px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-title{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:12px;font-weight:600}.chart-meta{font-family:var(--mono);color:var(--text-faint);margin-top:5px;font-size:11px}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:16px;display:grid}.stat-card{background:linear-gradient(180deg, #141a2180, #0e12184d), repeating-linear-gradient(90deg, transparent 0, transparent calc(34px - 1px), var(--grid-line) calc(34px - 1px) 34px);border-radius:var(--radius);border:1px solid #ffffff12;padding:16px 18px;position:relative;overflow:hidden}.stat-card:after{content:"";background:linear-gradient(90deg,#3b82f680,#0000 60%);width:100%;height:1px;position:absolute;top:0;left:0}.stat-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.stat-dot{border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.stat-value{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;font-size:42px;font-weight:600;line-height:1}.stat-sub{letter-spacing:.12em;color:var(--text-faint);font-size:11px;font-family:var(--mono);margin-top:10px}.stat-value.perfect{color:var(--good);text-shadow:0 0 26px #34d39966}.chart-panel{margin-bottom:16px}.trend-grid{grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:14px;margin-bottom:16px;display:grid}.chart-wrap{width:100%}.chart-wrap.tall{height:430px}.chart-legend{letter-spacing:.06em;color:var(--text-dim);font-size:11.5px;font-family:var(--mono);flex-wrap:wrap;gap:18px;display:flex}.legend-item{align-items:center;gap:7px;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-bar{border:1px solid #ffffff1a;border-radius:2px;width:10px;height:16px;display:inline-block}.chart-tooltip{border:1px solid #ffffff24;border-left:2px solid var(--accent);font-family:var(--mono);background:#0b0e13eb;border-radius:4px;min-width:200px;padding:10px 14px;font-size:12px;box-shadow:0 12px 40px #0009}.tt-label{color:var(--text-mid);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.tt-row{color:var(--text-dim);align-items:center;gap:8px;margin-top:5px;display:flex}.tt-swatch{border-radius:2px;width:7px;height:7px;display:inline-block}.tt-num{color:var(--text);margin-left:auto;font-weight:600}.tt-num.highlight{color:var(--accent-bright)}.tt-extra{color:var(--text-mid);border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px;font-size:11px;line-height:1.5}.heatmap-panel{margin-bottom:16px;overflow:hidden}.heatmap-wrap{padding-bottom:4px;overflow-x:auto}.heatmap-months{gap:4px;width:100%;margin-bottom:5px;display:flex}.heatmap-months-ghost{flex:0 0 34px}.heatmap-month-slot{flex:1 1 0;min-width:0;height:14px;position:relative}.heatmap-month-label{font-family:var(--mono);color:var(--text-faint);letter-spacing:.02em;white-space:nowrap;font-size:10px;position:absolute;top:0;left:0}.heatmap{gap:4px;width:100%;display:flex}.heatmap-col{flex-direction:column;flex:1 1 0;gap:4px;min-width:0;display:flex}.heatmap-weekdays{flex:0 0 34px}.heatmap-weekday{font-family:var(--mono);color:var(--text-faint);text-align:left;white-space:nowrap;flex:1;align-items:center;font-size:10px;display:flex}.heatmap-cell{aspect-ratio:1;background:var(--grid-line);border-radius:2px;width:100%;transition:transform .1s}.heatmap-cell:hover{outline:1px solid var(--text-dim);transform:scale(1.25)}.heat-legend{color:var(--text-dim);font-size:11.5px;font-family:var(--mono);justify-content:flex-end;align-items:center;gap:6px;display:flex}.heat-legend .swatch{border-radius:2px;width:12px;height:12px}.input-layout{grid-template-columns:1fr 300px;align-items:start;gap:16px;display:grid}.habit-list{flex-direction:column;gap:10px;display:flex}.habit-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer;align-items:center;gap:14px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.habit-row:hover{border-color:var(--border-strong)}.habit-row.done{border-color:var(--accent-border);background:var(--accent-dim)}.habit-icon{text-align:center;width:30px;font-size:20px}.habit-meta{flex:1;min-width:0}.habit-name{color:var(--text);font-size:15px;font-weight:600}.habit-name.done{color:var(--text-mid);text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.habit-weight{color:var(--text-dim);font-size:12px;font-family:var(--mono)}.habit-tier{color:var(--text-faint);border:1px solid var(--border-strong);font-size:10.5px;font-family:var(--mono);border-radius:3px;padding:1px 6px}.habit-toggle{border:1px solid var(--border-strong);background:var(--bg-elev);border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .15s,border-color .15s;position:relative}.habit-toggle:after{content:"";background:var(--text-faint);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.habit-row.done .habit-toggle{background:var(--accent);border-color:var(--accent-bright)}.habit-row.done .habit-toggle:after{background:#fff;transform:translate(18px)}.score-live{position:sticky;top:84px}.score-ring{text-align:center;padding:22px}.score-big{font-family:var(--mono);color:var(--accent-bright);font-size:52px;font-weight:600;line-height:1}.score-big.perfect{color:var(--good);text-shadow:0 0 28px #34d39959}.score-sub{color:var(--text-mid);margin-top:6px;font-size:13.5px}.score-fire{color:var(--good);font-size:13px;font-family:var(--mono);margin-top:10px}.progress-track{background:var(--bg-elev);border-radius:3px;height:6px;margin:18px 0 8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--cyan));border-radius:3px;height:100%;transition:width .3s}.progress-note{font-size:11.5px;font-family:var(--mono);color:var(--text-dim);justify-content:space-between;display:flex}.weight-grid{flex-direction:column;gap:8px;margin-top:16px;display:flex}.weight-row{align-items:center;gap:8px;font-size:12.5px;display:flex}.weight-row .wm{color:var(--text-dim);text-align:right;font-family:var(--mono);flex:1}.weight-row .wn{color:var(--text-mid);font-family:var(--mono);width:64px}.wdot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.login-wrap{place-items:center;min-height:78svh;display:grid}.login-card{text-align:center;width:380px;max-width:94%;padding:40px 34px}.login-logo{font-family:var(--mono);letter-spacing:.22em;color:var(--text);font-size:15px}.login-logo span{color:var(--accent-bright)}.login-sub{color:var(--text-dim);margin:8px 0 24px;font-size:13.5px}.login-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elev);width:100%;color:var(--text);justify-content:center;align-items:center;gap:10px;padding:11px;font-size:14.5px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.login-btn:hover{border-color:var(--accent-border);background:var(--accent-dim)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-note{color:var(--text-faint);margin-top:18px;font-size:12px}.login-error{color:var(--bad);margin-top:14px;font-size:12.5px}.warn-banner{color:var(--warn);border-radius:var(--radius-sm);background:#fbbf2412;border:1px solid #fbbf2459;margin:16px 0;padding:12px 14px;font-size:13px}.loading,.empty{text-align:center;color:var(--text-dim);padding:48px 16px;font-size:14px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent-bright);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=860px){.header{flex-wrap:wrap;gap:6px;height:auto;padding:8px 20px}.tabs{justify-content:center;width:100%;height:auto;position:static;transform:none}.tab{border-bottom:none;border:1px solid var(--border);border-radius:6px;height:36px;padding:0 18px}.tab-active{border-color:var(--accent-border)}.user{margin-left:auto}.dash-grid,.input-layout{grid-template-columns:1fr}.score-live{position:static}}@media (width<=560px){.app-shell{padding:0 12px 40px}.header{padding:8px 12px}.brand{font-size:12px}.tab{text-align:center;flex:1}.panel{padding:14px}.stat-value{font-size:34px}.habit-row{gap:10px}.habit-vicon{width:24px}}