@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg0:#e8eee6;--bg1:#dde6da;--ink:#2a3b32;--ink-soft:#4d5f55;--muted:#7a8a80;--surface:#fbfcf9;--surface-solid:#fbfcf9;--line:#506e5a24;--accent:#4d8f6e;--accent-soft:#d7eedf;--accent-hot:#e0a15a;--danger:#c47a4a;--radius:16px;--shadow:0 8px 24px #506e5a0f;--font-brand:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;margin:0}button,input,select{font:inherit;color:inherit;font-variant-numeric:tabular-nums}button{cursor:pointer}#root{min-height:100dvh}.money,.finance-hero-value,.finance-account-bal,.finance-metric strong,.finance-amount-input,.stat-chip strong,.score-value{font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:700}.app{z-index:1;isolation:isolate;width:min(720px,100%);padding:calc(10px + env(safe-area-inset-top)) 14px calc(88px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.atmosphere{z-index:-1;pointer-events:none;background:radial-gradient(640px 280px at 12% -8%, #7db09438, transparent 58%), linear-gradient(180deg, #eef3ec, var(--bg0) 45%, var(--bg1));position:fixed;inset:0}.topbar{background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;display:flex}.topbar-date-row{flex:1;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;min-width:0;display:grid}.topbar-copy{min-width:0}.topbar-date-row .topbar-copy{text-align:center}.topbar-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.68rem;font-weight:700}.topbar-title{letter-spacing:-.03em;text-transform:capitalize;margin:2px 0 0;font-size:1.05rem;font-weight:700;line-height:1.2}.score-pill{background:var(--accent-soft);min-width:52px;height:36px;color:var(--accent);border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:baseline;gap:1px;padding:0 10px;display:inline-flex}.score-pill.is-high{background:var(--accent-soft);color:var(--accent);border-color:#0000}.score-pill.is-mid{background:var(--surface-solid);color:var(--accent);border-color:var(--line)}.score-pill.is-low{color:var(--danger);background:#f8eadc;border-color:#0000}.score-orb{display:none}.score-value{font-family:var(--font-body);letter-spacing:-.03em;font-size:1.05rem;font-weight:700;line-height:1}.score-unit{font-size:.68rem}.day-nav{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:10px;display:grid}.nav-btn{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;width:40px;height:40px;font-size:1.05rem}.nav-btn:hover{background:var(--surface-solid)}.nav-btn:active{transform:scale(.96)}.day-nav-center{text-align:center;gap:2px;display:grid}.day-nav-center strong,.day-nav-title{font-family:var(--font-body);letter-spacing:-.02em;text-transform:capitalize;font-size:1.02rem;font-weight:700}.today-link{color:var(--accent);background:0 0;border:0;padding:0;font-size:.82rem;font-weight:600}.week-strip{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px;display:grid}.week-day{border:1px solid var(--line);background:var(--surface-solid);border-radius:14px;justify-items:center;gap:2px;min-height:58px;padding:8px 2px 6px;display:grid}.week-day:hover{background:var(--surface-solid)}.week-day.is-selected{background:var(--accent-soft);color:var(--accent);border-color:#0000}.week-day-name{letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.week-day-date{font-size:.98rem;font-weight:700;line-height:1.1}.week-day-score{color:var(--accent);font-size:.72rem;font-weight:700}.week-day.is-selected .week-day-score{color:var(--accent)}.day-form{gap:14px;display:grid}.panel{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.panel-title{font-family:var(--font-brand);letter-spacing:-.02em;color:var(--ink-soft);margin:0 0 12px;font-size:.95rem}.meta-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.meta-grid label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:4px;font-size:.72rem;font-weight:600;display:grid}.meta-grid input,.habit-number input{border:1px solid var(--line);background:var(--surface-solid);border-radius:10px;outline:none;width:100%;padding:10px 8px;transition:border-color .15s,box-shadow .15s}.meta-grid input:focus,.habit-number input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f6b4a26}.habit-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.habit-toggle{border:1px solid var(--line);background:var(--surface-solid);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:10px 12px;transition:background .2s,border-color .2s,transform .12s;display:flex}.habit-toggle:active{transform:scale(.98)}.habit-toggle.is-on{background:var(--accent);color:#f3fff7;border-color:#0000}.habit-toggle-label{font-size:.95rem;font-weight:600}.habit-toggle-mark{background:#fff3;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:700;display:grid}.habit-toggle:not(.is-on) .habit-toggle-mark{border:1px solid var(--line);background:0 0}.habit-number{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;gap:4px;padding:8px 10px;display:grid}.habit-number-label{color:var(--ink-soft);font-size:.82rem;font-weight:600}.habit-number-label em{color:var(--muted);font-style:normal;font-weight:500}.habit-scale{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.habit-scale-label{font-weight:600}.habit-scale-dots{gap:6px;display:flex}.scale-dot{border:1px solid var(--line);background:0 0;border-radius:10px;width:36px;height:36px;font-weight:700;transition:background .15s,color .15s}.scale-dot.is-on{background:var(--accent);color:#f3fff7;border-color:#0000}.foot{text-align:center;color:var(--muted);margin:16px 0 8px;font-size:.75rem}.sync-pill{background:#14201a14;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.sync-pill.is-local{background:var(--accent-soft);color:var(--accent)}.finance-flash{z-index:5;text-align:center;background:var(--ink);color:#eef5ef;border-radius:12px;padding:10px 14px;font-weight:700;animation:1.2s forwards reward-fly;position:sticky;top:8px}.finance-hero-sub{color:var(--muted);margin:8px 0 14px;font-size:.88rem}.budget-bar{background:#14201a14;border-radius:999px;height:8px;margin-bottom:14px;overflow:hidden}.budget-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#1f6b4a,#9fd4b5);height:100%;transition:width .35s}.finance-hero.is-over .budget-bar-fill{background:linear-gradient(90deg,#b45309,#f59e0b)}.finance-steps{color:var(--ink-soft);margin:0;padding-left:18px;font-size:.92rem;line-height:1.55}.finance-chip-accounts{flex-wrap:wrap;gap:8px;display:flex}.finance-acc-chip{background:var(--surface-solid);color:var(--chip-ink,var(--ink));background-image:var(--chip-grad,none);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #14201a0f}.finance-acc-chip em{opacity:.7;font-size:.75rem;font-style:normal}.finance-acc-chip.is-on{transform:translateY(-1px);box-shadow:inset 0 0 0 2px #14201a8c,0 6px 16px #14201a1f}.finance-acc-chip.is-on em{opacity:.85}.finance-account-card{background-color:var(--surface-solid);background-image:var(--card-grad,none);color:var(--card-ink,var(--ink));border:1px solid #0000;border-radius:14px;padding:12px;box-shadow:inset 0 0 0 1px #14201a0f}.finance-account-card.kind-savings{box-shadow:inset 0 0 0 1px #14201a14,inset 0 -3px #14201a1f}.finance-account-cur{opacity:.72;margin:2px 0 8px;font-size:.75rem;font-weight:700}.color-moss{--card-grad:linear-gradient(145deg, #d7f0e2 0%, #9fd4b5 48%, #cfe8d9 100%);--chip-grad:linear-gradient(135deg, #c8e6d4, #8fc9a8);--card-ink:#143528;--chip-ink:#143528}.color-amber{--card-grad:linear-gradient(145deg, #ffe8c2 0%, #f0c67a 50%, #fff1d6 100%);--chip-grad:linear-gradient(135deg, #ffe0a8, #e8b45c);--card-ink:#5c3b0a;--chip-ink:#5c3b0a}.color-coral{--card-grad:linear-gradient(145deg, #ffd9cf 0%, #f0a090 52%, #ffe8e2 100%);--chip-grad:linear-gradient(135deg, #ffcfc3, #e89582);--card-ink:#6b2a1e;--chip-ink:#6b2a1e}.color-ocean{--card-grad:linear-gradient(145deg, #d5ebf5 0%, #8ebfd9 50%, #e4f3f9 100%);--chip-grad:linear-gradient(135deg, #c5e2f0, #7eb0cc);--card-ink:#1a3d4f;--chip-ink:#1a3d4f}.color-slate{--card-grad:linear-gradient(145deg, #e4e8ea 0%, #b7c0c6 52%, #eef1f2 100%);--chip-grad:linear-gradient(135deg, #d5dce4, #a8b2b8);--card-ink:#2a3338;--chip-ink:#2a3338}.color-lime{--card-grad:linear-gradient(145deg, #e8f5c8 0%, #c5dd7a 50%, #f2f9dc 100%);--chip-grad:linear-gradient(135deg, #dceca8, #b5d15e);--card-ink:#3a4a12;--chip-ink:#3a4a12}.sync-pill.is-syncing{color:var(--danger);background:#fff1df}.sync-pill.is-error,.sync-pill.is-offline{color:#9a3412;background:#f3e8e8}.user-id-line{gap:4px;margin:0 0 10px;font-size:.82rem;display:grid}.user-id-line code{background:var(--surface-solid);border:1px solid var(--line);word-break:break-all;border-radius:10px;padding:8px 10px;font-size:.75rem;display:block}.sync-line{margin:0 0 12px;font-size:.85rem;font-weight:600}.sync-line.is-synced{color:var(--accent)}.sync-line.is-error,.sync-line.is-offline{color:#9a3412}.finance{gap:14px;display:grid}.finance-hero{background:radial-gradient(600px 240px at 10% 0%, #1f6b4a29, transparent 60%), var(--surface)}.finance-hero.is-ok{border-color:#1f6b4a59}.finance-hero.is-over{background:radial-gradient(600px 240px at 10% 0%, #d977062e, transparent 60%), var(--surface);border-color:#9a341259}.finance-hero-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.finance-kicker{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 4px;font-size:.78rem;font-weight:700}.finance-hero-value{margin:0;font-size:clamp(2rem,8vw,2.6rem);font-weight:700;line-height:1.05}.finance-metric strong{font-size:1.05rem}.finance-amount-input{padding:14px 12px!important;font-size:1.6rem!important;font-weight:700!important}.finance-hero.is-over .finance-hero-value{color:#9a3412}.finance-hero-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.finance-metric{background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.finance-metric span{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.68rem;font-weight:700}.finance-submit{min-height:48px;font-size:1rem}.finance-setup-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.finance-setup-head .panel-title{margin:0}.finance-sep{border:0;border-top:1px solid var(--line);margin:16px 0}.finance-accounts{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.finance-account-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.finance-account-bal{margin:0;font-size:1.25rem;font-weight:700}.finance-account-actions{flex-wrap:wrap;gap:6px;display:flex}.finance-balance-edit{gap:8px;margin-top:4px;display:grid}.finance-balance-edit input{border:1px solid var(--line);width:100%;font-size:1.2rem;font-weight:700;font-family:var(--font-brand);background:#fff;border-radius:10px;padding:10px 12px}.finance-balance-actions{gap:6px;display:flex}.finance-totals{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.finance-form{gap:10px;display:grid}.finance-form select,.finance-form input[type=date]{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-size:1rem;font-weight:600}.finance-row-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.finance-tx-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.finance-tx{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.finance-tx-main{gap:2px;min-width:0;display:grid}.finance-tx-main span,.finance-tx-main em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-style:normal;overflow:hidden}.finance-tx.income strong,.finance-metric strong.is-income,.finance-forecast-row strong.is-income{color:var(--accent)}.finance-metric strong.is-expense,.finance-forecast-row strong.is-expense{color:#9a3412}.finance-forecast{background:var(--surface-solid);border:1px solid var(--line);border-radius:12px;gap:8px;margin-top:12px;padding:12px;display:grid}.finance-forecast-row{justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.finance-forecast-row span{color:var(--muted)}.finance-forecast-row.is-total{border-top:1px solid var(--line);padding-top:8px;font-weight:700}.finance-tx.is-off{opacity:.5}.chart-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:.78rem;font-weight:700}.chart-bars{align-items:flex-end;gap:2px;height:120px;padding:8px 0 0;display:flex;overflow-x:auto}.chart-day{flex:1 0 8px;justify-items:center;gap:4px;min-width:6px;display:grid}.chart-col{background:#14201a0a;border-radius:4px 4px 0 0;align-items:flex-end;gap:1px;width:100%;height:96px;display:flex;overflow:hidden}.chart-income,.chart-expense{border-radius:3px 3px 0 0;flex:1;min-height:0}.chart-income{background:#1f6b4a}.chart-expense{background:#c2410c}.chart-day em{color:var(--muted);font-size:.58rem;font-style:normal}.chart-day em.is-hidden{opacity:0}.chart-legend{color:var(--muted);gap:12px;margin-top:8px;font-size:.78rem;display:flex}.leg-income:before,.leg-expense:before{content:"";border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.leg-income:before{background:#1f6b4a}.leg-expense:before{background:#c2410c}.cat-bars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cat-bars-top{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:.88rem;display:flex}.cat-track{background:#14201a14;border-radius:999px;height:8px;overflow:hidden}.cat-fill{border-radius:inherit;background:linear-gradient(90deg,#1f6b4a,#9fd4b5);height:100%}@media (width<=560px){.finance-accounts{grid-template-columns:1fr}}.tabs,.tabs-4,.tab{display:none}.dock{width:min(720px,100%);padding:6px 8px calc(8px + env(safe-area-inset-bottom));background:var(--surface-solid);border-top:1px solid var(--line);z-index:40;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.dock-btn{color:var(--muted);background:0 0;border:0;border-radius:12px;align-content:center;justify-items:center;gap:3px;min-height:52px;padding:4px 2px;font-size:.68rem;font-weight:600;display:grid}.dock-btn svg{display:block}.dock-btn.is-active{color:var(--accent);background:var(--accent-soft)}.muted-note{color:var(--muted);margin:0 0 12px;font-size:.88rem;line-height:1.4}.overview{gap:14px;margin-bottom:14px;display:grid}.overview-head{grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.overview-title-wrap{text-align:center}.overview-title{text-transform:capitalize;margin-bottom:2px}.overview-avg{color:var(--muted);margin:0;font-size:.82rem}.heat-weekdays{text-align:center;letter-spacing:.04em;color:var(--muted);grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;font-size:.68rem;font-weight:700;display:grid}.heat-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.heat-cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;place-content:center;gap:1px;padding:4px;transition:transform .12s,border-color .15s;display:grid}.heat-cell.is-empty{background:0 0;border:0}.heat-cell.is-selected{outline:2px solid var(--ink);outline-offset:1px}.heat-cell:not(.is-empty):hover{transform:translateY(-1px)}.heat-day{font-size:.78rem;font-weight:700}.heat-pct{opacity:.8;font-size:.62rem;font-weight:700}.heat-cell.tone-high{background:var(--accent);color:#f4fff8;border-color:#0000}.heat-cell.tone-mid{background:var(--accent-soft);color:var(--accent);border-color:#0000}.heat-cell.tone-low{color:var(--danger);background:#fff1df;border-color:#0000}.heat-cell.tone-zero{color:var(--muted);background:#e4e9e2}.heat-legend{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:.75rem;display:flex}.legend-swatch{border-radius:5px;width:16px;height:16px}.legend-swatch.tone-low{background:#fff1df}.legend-swatch.tone-mid{background:var(--accent-soft)}.legend-swatch.tone-high{background:var(--accent)}.matrix-panel{margin-bottom:14px}.matrix-scroll{margin:0 -4px;padding:0 4px;overflow-x:auto}.matrix-table{border-collapse:separate;border-spacing:0;width:100%;min-width:520px;font-size:.82rem}.matrix-table th,.matrix-table td{text-align:center;border-bottom:1px solid var(--line);padding:8px 6px}.matrix-table th:first-child,.matrix-table td:first-child{text-align:left;background:var(--surface-solid);z-index:1;position:sticky;left:0}.matrix-label{white-space:nowrap;font-weight:600}.matrix-day-btn{color:var(--ink-soft);background:0 0;border:0;gap:1px;padding:0;font-size:.72rem;font-weight:600;display:grid}.matrix-day-pct{color:var(--accent)}.matrix-table td.is-on{color:var(--accent);background:#1f6b4a14;font-weight:700}.settings{gap:14px;display:grid}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{background:var(--accent);color:#f4fff8;border:1px solid #0000;border-radius:12px;padding:10px 14px;font-weight:600;transition:transform .12s,opacity .15s}.btn:active{transform:scale(.98)}.btn-ghost{background:var(--surface-solid);color:var(--ink);border-color:var(--line)}.btn-sm{padding:6px 10px;font-size:.8rem}.settings-msg{color:var(--accent);margin:12px 0 0;font-size:.88rem;font-weight:600}.settings-habits-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.settings-habits-head .panel-title{margin:0}.settings-group{margin-top:16px}.settings-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:.82rem;font-weight:700}.settings-rows{gap:8px;display:grid}.settings-row{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;grid-template-columns:1.4fr .7fr .9fr;align-items:center;gap:8px;padding:10px;display:grid}.settings-row.is-off{opacity:.55}.settings-enable{align-items:center;gap:8px;font-weight:600;display:flex}.settings-enable input{width:16px;height:16px;accent-color:var(--accent)}.settings-field{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;gap:2px;font-size:.68rem;font-weight:600;display:grid}.settings-field input,.settings-field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:8px;font-size:.9rem;font-weight:600}.settings-field input:disabled{opacity:.45}.settings-spacer{min-height:1px}.hero-panel{margin-bottom:10px;padding:10px 12px}.hero-layout{grid-template-columns:52px 1fr;align-items:center;gap:10px;display:grid}.companion{width:52px;height:52px}.companion.is-pop{animation:.55s companion-pop}.companion-svg{filter:drop-shadow(0 10px 20px #14201a2e);width:100%;height:100%;display:block}.companion-lv{font-family:var(--font-brand);fill:#3d4f44;font-size:10px;font-weight:700}.hero-copy-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hero-pct{margin:0;font-size:.95rem;font-weight:700}.hero-name{font-family:var(--font-body);letter-spacing:-.03em;margin:0;font-size:1rem;font-weight:700}.hero-title{color:var(--muted);margin:1px 0 6px;font-size:.78rem}.xp-bar{background:#14201a14;border-radius:999px;height:6px;overflow:hidden}.xp-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#1f6b4a,#9fd4b5);height:100%;transition:width .35s}.xp-meta{color:var(--muted);margin:6px 0 0;font-size:.75rem}.hero-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.stat-chip{border:1px solid var(--line);background:#fff;border-radius:12px;gap:1px;min-width:0;padding:8px;display:grid}.stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.65rem;font-weight:700}.stat-chip strong{font-family:var(--font-brand);letter-spacing:-.02em;font-size:1rem}.quests-panel{margin-bottom:12px}.quests-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.quests-head .panel-title{margin:0}.quests-badge{background:var(--surface-solid);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700}.quests-badge.is-done{background:var(--accent);color:#f4fff8;border-color:#0000}.quest-list{grid-template-columns:1fr;gap:6px;display:grid}.quest-card{border:1px solid var(--line);background:var(--surface-solid);text-align:left;border-radius:12px;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:grid}.quest-card:active{transform:scale(.98)}.quest-card.is-done{background:var(--accent-soft);color:var(--accent);border-style:solid;border-color:#0000}.quest-mark{font-size:1.1rem;font-weight:700}.quest-label{font-weight:700}.quest-xp{font-size:.78rem;font-weight:700}.mode-switch{background:#14201a0f;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:3px;display:grid}.mode-btn{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px;font-size:.82rem;font-weight:600}.mode-btn.is-active{color:var(--ink);background:#fff}.quick-check{gap:14px;display:grid}.quick-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.quick-chip{border:1px solid var(--line);background:var(--surface-solid);text-align:left;border-radius:14px;flex-direction:column;justify-content:space-between;gap:6px;min-height:68px;padding:10px;display:flex}.quick-chip:active{transform:scale(.97)}.quick-chip.is-on{background:var(--accent-soft);color:var(--accent);border-color:#0000;animation:.35s chip-pop}.quick-chip-main{align-items:center;gap:8px;display:flex}.quick-chip-mark{background:#14201a0f;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.quick-chip.is-on .quick-chip-mark{background:#fff3}.quick-chip-label{font-size:.98rem;font-weight:700}.quick-chip-xp{font-size:.75rem;font-weight:700}.quick-control{grid-column:1/-1;gap:4px;display:grid}.quick-side-xp{color:var(--muted);justify-self:end;font-size:.72rem;font-weight:700}.details-toggle{width:100%;margin:14px 0}.overview-xp-panel{margin-bottom:14px}.settings-field-wide{gap:4px;display:grid}.settings-field-wide input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-size:1rem;font-weight:600}.reward-burst{z-index:50;background:var(--ink);color:#eef5ef;pointer-events:none;border-radius:18px;justify-items:center;gap:4px;padding:14px 18px;animation:1.4s forwards reward-fly;display:grid;position:fixed;top:18%;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #14201a47}.reward-xp{font-family:var(--font-brand);letter-spacing:-.03em;color:#9fd4b5;font-size:1.6rem;font-weight:700}.reward-label{opacity:.85;font-size:.85rem}@keyframes companion-pop{0%{transform:scale(1)}40%{transform:scale(1.08)rotate(-2deg)}to{transform:scale(1)}}@keyframes chip-pop{0%{transform:scale(.96)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes reward-fly{0%{opacity:0;transform:translate(-50%)translateY(12px)scale(.9)}15%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}70%{opacity:1;transform:translate(-50%)translateY(-8px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-28px)scale(.96)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media (width<=560px){.meta-grid{grid-template-columns:repeat(2,1fr)}.meta-grid label:first-child{grid-column:1/-1}.settings-row{grid-template-columns:1fr 1fr}.settings-enable{grid-column:1/-1}input,select{font-size:16px}}@media (width>=640px){.app{padding:calc(16px + env(safe-area-inset-top)) 18px calc(88px + env(safe-area-inset-bottom))}.topbar-title{font-size:1.2rem}.hero-layout{grid-template-columns:64px 1fr}.companion{width:64px;height:64px}.hero-name{font-size:1.12rem}}.reminder-banner,.install-banner{background:#fff6ea;border:1px solid #d9770647;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.install-banner{background:var(--accent-soft);border-color:#1f6b4a38}.reminder-banner strong,.install-banner strong{font-size:.95rem;display:block}.reminder-banner p,.install-banner p{color:var(--ink-soft);margin:4px 0 0;font-size:.84rem;line-height:1.35}.reminder-banner-actions{flex-wrap:wrap;gap:8px;display:flex}