.app{max-width:560px;margin:0 auto;padding:0 16px 96px}.hud{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg) 70%,transparent);padding:16px 0 12px}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud-title{font-size:20px;color:var(--text)}.hud-title b{color:var(--phos);font-weight:600}.hud-rank{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--violet)}.lvl-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--violet);background:var(--bg-2);flex-shrink:0}.lvl-badge .n{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--violet);line-height:1}.lvl-badge .l{font-size:8px;letter-spacing:.15em;color:var(--text-faint);text-transform:uppercase}.xpbar-wrap{margin-top:12px}.xpbar-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-bottom:5px}.xpbar-meta .xp{color:var(--amber)}.xpbar{height:10px;border-radius:6px;background:var(--bg-3);border:1px solid var(--line);overflow:hidden;position:relative}.xpbar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--amber-dim),var(--amber));transition:width .6s cubic-bezier(.2,.8,.2,1)}.streak-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--orange);font-weight:500}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.card-title{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--text-faint);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.habit-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);margin-bottom:8px;background:var(--bg-2);transition:border-color .2s,transform .1s}.habit-row:active{transform:scale(.99)}.habit-row.done{border-color:var(--phos-dim);background:#4ade800f}.habit-check{width:30px;height:30px;flex-shrink:0;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;font-size:16px;transition:all .2s}.habit-row.done .habit-check{border-color:var(--phos);background:var(--phos);color:#07140c;animation:pop .3s}.habit-icon{font-size:20px;width:26px;text-align:center}.habit-text{flex:1}.habit-label{font-size:15px;color:var(--text)}.habit-row.done .habit-label{color:var(--phos)}.habit-hint{font-size:11px;color:var(--text-faint)}.habit-streak{font-size:12px;color:var(--orange);white-space:nowrap}.habit-xp{font-size:11px;color:var(--amber)}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);font-size:10px;text-transform:uppercase;letter-spacing:.05em;transition:all .15s}.quick-btn:active{transform:scale(.95)}.quick-btn .qi{font-size:20px}.quick-btn.cyan:active{border-color:var(--cyan);color:var(--cyan)}.quick-btn.phos:active{border-color:var(--phos);color:var(--phos)}.pill-wrap{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:8px 14px;border-radius:20px;font-size:13px;border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);transition:all .15s}.pill.sel{border-color:var(--phos);background:#4ade801f;color:var(--phos)}.pill:active{transform:scale(.96)}.scale{display:flex;gap:8px}.scale-dot{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);font-size:14px;display:grid;place-items:center;transition:all .15s}.scale-dot.sel{border-color:var(--amber);background:var(--amber);color:#1a1206}.tl-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.tl-item:last-child{border-bottom:none}.tl-time{font-size:11px;color:var(--text-faint);width:56px;flex-shrink:0}.tl-tag{font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:4px;flex-shrink:0}.tl-tag.food{background:#fbbf2426;color:var(--amber)}.tl-tag.symptom{background:#fb718526;color:var(--rose)}.tl-tag.mood{background:#a78bfa26;color:var(--violet)}.tl-tag.water{background:#38bdf826;color:var(--cyan)}.tl-tag.exercise{background:#4ade8026;color:var(--phos)}.tl-body{flex:1;color:var(--text)}.tl-del{color:var(--text-faint);font-size:16px;padding:4px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:var(--bg-2);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:4px 16px;transition:color .15s}.tab.active{color:var(--phos)}.tab .ti-ico{font-size:20px}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.badge{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:14px 8px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--bg-2)}.badge.earned{border-color:var(--amber-dim);background:#fbbf240f;animation:pop .4s}.badge .b-ico{font-size:28px;filter:grayscale(1) opacity(.4)}.badge.earned .b-ico{filter:none}.badge .b-name{font-size:11px;color:var(--text-dim);font-weight:500}.badge.earned .b-name{color:var(--amber)}.badge .b-desc{font-size:9px;color:var(--text-faint);line-height:1.3}.chal{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--bg-2);margin-bottom:8px}.chal.done{border-color:var(--phos-dim);background:#4ade800f}.chal-info{flex:1}.chal-name{font-size:14px;color:var(--text);display:flex;align-items:center;gap:6px}.chal-name .scope{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.chal-desc{font-size:11px;color:var(--text-faint)}.chal-bonus{font-size:13px;color:var(--amber);font-weight:500;white-space:nowrap}.chal.done .chal-bonus{color:var(--phos)}.chal-prog{height:4px;background:var(--bg-3);border-radius:2px;margin-top:6px;overflow:hidden}.chal-prog-fill{height:100%;background:var(--phos);border-radius:2px;transition:width .4s}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between}.date-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.date-nav button{font-size:18px;color:var(--text-dim);padding:6px 10px}.date-label{font-size:14px;color:var(--text);font-weight:500}.btn{padding:11px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;background:var(--phos);color:#07140c;transition:all .15s}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim)}.btn:disabled{opacity:.5}.empty{text-align:center;color:var(--text-faint);font-size:13px;padding:24px 0}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet-inner{width:100%;max-width:560px;background:var(--bg-2);border-top-left-radius:18px;border-top-right-radius:18px;border:1px solid var(--line);border-bottom:none;padding:20px 18px calc(20px + env(safe-area-inset-bottom));animation:pop .25s;max-height:88vh;overflow-y:auto}@media (min-width: 640px){.sheet{align-items:center;padding:24px}.sheet-inner{border-radius:18px;border-bottom:1px solid var(--line);padding-bottom:20px;max-height:86vh}}.sheet-title{font-size:16px;margin-bottom:14px}.xp-toast{position:fixed;left:50%;transform:translate(-50%);bottom:90px;z-index:60;background:var(--amber);color:#1a1206;font-weight:700;font-size:14px;padding:8px 16px;border-radius:20px;animation:xpfloat 1.2s forwards;pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{text-align:center;padding:12px 4px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line-soft)}.stat .v{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--phos)}.stat .k{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-top:2px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-label{width:90px;font-size:12px;color:var(--text-dim);text-align:right}.bar-track{flex:1;height:18px;background:var(--bg-3);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--phos);border-radius:4px}.bar-val{font-size:12px;color:var(--text-dim);width:28px}:root{--bg: #0d1117;--bg-2: #161b22;--bg-3: #1c232d;--surface: #161b22;--line: #2a3441;--line-soft: #21282f;--text: #e6edf3;--text-dim: #9aa7b4;--text-faint:#6b7681;--phos: #4ade80;--phos-dim: #1e7a45;--amber: #fbbf24;--amber-dim: #92690a;--cyan: #38bdf8;--violet: #a78bfa;--rose: #fb7185;--orange: #fb923c;--serif: "Fraunces", Georgia, serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 12px;--radius-sm: 8px;color-scheme:dark}:root.theme-light{--bg: #f4f1ea;--bg-2: #ffffff;--bg-3: #eee9df;--surface: #ffffff;--line: #ddd5c7;--line-soft: #e7e0d3;--text: #1f2933;--text-dim: #5a6573;--text-faint:#8a94a1;--phos: #15803d;--phos-dim: #86efac;--amber: #b45309;--cyan: #0369a1;--violet: #6d28d9;--rose: #be123c;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{font-family:var(--mono);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% -20%,rgba(74,222,128,.05),transparent 60%);background-attachment:fixed}h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;margin:0}button{font-family:var(--mono);cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:var(--mono);font-size:15px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes xpfloat{0%{transform:translateY(0);opacity:1}to{transform:translateY(-32px);opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 16px 2px #4ade8059}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}