:root{--bg: #EFEDFB;--surface: #FFFFFF;--surface-2: #F4F2FC;--line: #E4E1F2;--text: #1A1726;--muted: #6B6680;--dim: #A8A3BC;--accent: #A3E635;--accent-ink: #3D5410;--accent-dim: #C4EE7E;--danger: #E5484D;--shadow: 0 1px 2px rgba(40, 30, 80, .04), 0 8px 24px rgba(40, 30, 80, .06);--shadow-lg: 0 4px 12px rgba(40, 30, 80, .08), 0 16px 48px rgba(40, 30, 80, .1);--r: 18px;--r-sm: 12px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{max-width:520px;margin:0 auto;min-height:100%;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.page{padding:20px 18px 32px}.page-head{margin-bottom:22px}.page-title{font-size:26px;font-weight:700;letter-spacing:-.02em}.page-sub{color:var(--muted);font-size:14px;margin-top:4px}.nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:50}.nav-inner{max-width:520px;margin:0 auto;display:flex}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--dim);font-size:10px;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:color .15s;position:relative}.nav-item.active{color:var(--accent-ink)}.nav-item svg{width:21px;height:21px}.nav-dot{position:absolute;top:4px;right:50%;margin-right:-16px;width:7px;height:7px;border-radius:50%;background:var(--accent-ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:12px}.streak{text-align:center;padding:30px 20px 26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);position:relative;overflow:hidden}.streak:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,var(--glow, rgba(197, 242, 119, .07)),transparent 65%);pointer-events:none}.streak-num{font-size:76px;font-weight:800;line-height:.92;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--accent)}.streak-num.cold{color:var(--dim)}.streak-label{margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.level-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.level-name{font-size:16px;font-weight:700;letter-spacing:-.01em}.level-tag{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.05em}.bar{height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.2,0,0,1)}.level-foot{margin-top:9px;font-size:12.5px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.02em}.badge-dot{width:6px;height:6px;border-radius:50%}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:left;text-decoration:none;color:var(--text);display:block;position:relative;box-shadow:var(--shadow);transition:box-shadow .15s,transform .1s}.tile:hover{box-shadow:var(--shadow-lg)}.tile:active{transform:scale(.985)}.tile-name{font-size:15px;font-weight:700;margin-top:9px}.tile-sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.35}.tile-mark{width:9px;height:9px;border-radius:3px}.tile-done{border-color:var(--accent-dim)}.tile-tick{position:absolute;top:14px;right:14px;color:var(--accent-ink);width:16px;height:16px}.q{margin-bottom:22px}.q-text{font-size:15.5px;font-weight:600;margin-bottom:11px;line-height:1.35}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{padding:9px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13.5px;font-weight:600;transition:all .12s}.opt:active{transform:scale(.96)}.opt.on{color:var(--accent-ink);font-weight:700}.note{width:100%;min-height:90px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;color:var(--text);font-size:14.5px;line-height:1.5;resize:vertical}.note::placeholder{color:var(--dim)}.btn{width:100%;padding:15px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font-size:15px;font-weight:800;letter-spacing:-.01em;box-shadow:0 2px 8px #a3e63559;transition:opacity .15s,transform .1s,box-shadow .15s}.btn:hover{box-shadow:0 4px 14px #a3e63573}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:var(--surface);border:1px solid var(--line);color:var(--text);box-shadow:var(--shadow)}.btn-sm{width:auto;padding:9px 16px;font-size:13px}.datebar{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:11px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm)}.datebar label{font-size:12.5px;color:var(--muted);font-weight:600}.datebar input{margin-left:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:6px 9px;font-size:13px;color-scheme:light}.backfill-warn{margin-top:9px;font-size:12px;color:var(--muted);line-height:1.45}.lb-row{display:flex;align-items:center;gap:13px;padding:12px 14px;border-bottom:1px solid var(--line)}.lb-row:last-child{border-bottom:none}.lb-row.me{background:#c5f2770d}.lb-rank{width:24px;font-size:14px;font-weight:800;color:var(--dim);font-variant-numeric:tabular-nums}.lb-rank.top{color:var(--accent)}.lb-name{font-size:14.5px;font-weight:600}.lb-lvl{font-size:11.5px;margin-top:1px}.lb-streak{margin-left:auto;text-align:right;font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}.lb-streak span{display:block;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.08em}.ann{padding:15px 0;border-bottom:1px solid var(--line)}.ann:first-child{padding-top:0}.ann:last-child{border-bottom:none;padding-bottom:0}.ann-new{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.1em;color:var(--bg);background:var(--accent);padding:2px 6px;border-radius:4px;margin-bottom:7px}.ann-title{font-size:15.5px;font-weight:700;letter-spacing:-.01em}.ann-body{font-size:14px;color:var(--muted);line-height:1.55;margin-top:5px;white-space:pre-wrap}.ann-date{font-size:11.5px;color:var(--dim);margin-top:8px}.money-head{display:flex;gap:10px;margin-bottom:14px}.money-stat{flex:1;text-align:center;padding:14px 8px}.money-stat-val{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.money-stat-key{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.txn{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.txn:last-child{border-bottom:none}.txn-note{font-size:14px;font-weight:600}.txn-meta{font-size:11.5px;color:var(--dim);margin-top:2px}.txn-amt{margin-left:auto;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.field{margin-bottom:12px}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px;letter-spacing:.03em}.field input,.field select,.field textarea{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);padding:11px 12px;font-size:15px;color-scheme:light}.seg{display:flex;gap:7px}.seg button{flex:1;padding:10px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:13.5px;font-weight:700}.seg button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.vid{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.vid:last-child{border-bottom:none}.vid img{width:120px;height:68px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.vid-title{font-size:13.5px;font-weight:600;line-height:1.35}.vid-date{font-size:11.5px;color:var(--dim);margin-top:5px}.levelup{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;animation:fade .35s ease}@keyframes fade{0%{opacity:0}}.levelup-eyebrow{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}.levelup-ring{width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;letter-spacing:-.03em;margin-bottom:24px;animation:pop .6s cubic-bezier(.2,1.5,.4,1) .1s both}@keyframes pop{0%{transform:scale(.3);opacity:0}}.levelup-name{font-size:32px;font-weight:800;letter-spacing:-.03em}.levelup-blurb{font-size:14.5px;color:var(--muted);margin-top:10px;max-width:260px;line-height:1.5}.levelup-btn{margin-top:34px;padding:13px 40px;border-radius:99px;font-weight:700;font-size:15px}.auth{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:30px 24px;max-width:400px;margin:0 auto}.auth-logo{width:60px;height:60px;border-radius:18px;background:var(--text);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:var(--accent);font-family:Georgia,serif;margin-bottom:24px;box-shadow:var(--shadow)}.auth-title{font-size:28px;font-weight:800;letter-spacing:-.03em}.auth-sub{color:var(--muted);font-size:14.5px;margin-top:7px;margin-bottom:28px;line-height:1.5}.auth-switch{text-align:center;margin-top:18px;font-size:13.5px;color:var(--muted)}.auth-switch button{color:var(--accent);font-weight:700}.err{background:#fdecec;border:1px solid #F5C6C7;color:#c0393e;padding:11px 13px;border-radius:var(--r-sm);font-size:13.5px;margin-bottom:14px;line-height:1.45}.empty{text-align:center;padding:40px 20px;color:var(--dim);font-size:14px;line-height:1.5}.spin{width:22px;height:22px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.sec-title{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:26px 0 11px}.hero-logo{display:inline-flex;align-items:center;background:var(--text);color:var(--accent);font-weight:800;font-size:15px;letter-spacing:-.01em;padding:9px 18px;border-radius:99px;margin:0 auto 30px;box-shadow:var(--shadow)}.hero-title{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:.98;text-align:center;color:var(--text)}.hero-title em{font-style:normal;color:var(--accent-ink)}.hero-sub{text-align:center;color:var(--muted);font-size:15px;margin-top:16px;line-height:1.5}.pillars-row{display:flex;justify-content:center;gap:14px;margin:28px 0 8px}.pillar-ico{display:flex;flex-direction:column;align-items:center;gap:7px}.pillar-ico-circle{width:52px;height:52px;border-radius:16px;display:grid;place-items:center}.pillar-ico-circle svg{width:24px;height:24px}.pillar-ico-label{font-size:11px;font-weight:700;color:var(--muted)}@media (max-width: 380px){.hero-title{font-size:44px}.pillars-row{gap:9px}.pillar-ico-circle{width:46px;height:46px}}