:root{--bg:#0e1116;--bg-elevated:#161b22;--ink:#f2f4f7;--muted:#8b95a5;--line:#f2f4f71a;--accent:#d4ff3a;--accent-dim:#d4ff3a24;--accent-2:#b8e62e;--warn:#ff8a4c;--ok:#3dff9a;--font-display:"Syne", system-ui, sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--glow-a:#d4ff3a1f;--glow-b:#ff8a4c1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app.mode-weight{--accent:#3de8c8;--accent-dim:#3de8c829;--accent-2:#2bb8ff;--ok:#7dffd4;--glow-a:#3de8c829;--glow-b:#2bb8ff1f;background:radial-gradient(ellipse 90% 60% at 10% -10%, var(--glow-a), transparent 55%), radial-gradient(ellipse 70% 50% at 100% 0%, var(--glow-b), transparent 50%), linear-gradient(165deg, #0c1418 0%, #0a1216 45%, #071014 100%);background-attachment:fixed;min-height:100vh}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);background:radial-gradient(ellipse 90% 60% at 10% -10%, var(--glow-a,#d4ff3a1f), transparent 55%), radial-gradient(ellipse 70% 50% at 100% 0%, var(--glow-b,#ff8a4c1a), transparent 50%), linear-gradient(165deg, #12161d 0%, var(--bg) 45%, #0a0c10 100%);color:var(--ink);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0e1116bf;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.topbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;display:flex}.mode-tabs{gap:.35rem;margin-right:.25rem;display:flex}.mode-tabs button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:.4rem;padding:.4rem .85rem;font-size:.85rem;font-weight:600}.mode-tabs button.active,.mode-tabs button:hover{color:var(--bg);background:var(--accent);border-color:var(--accent)}.panel-meta{color:var(--muted);font-size:.9rem;font-weight:600}.goal-desc{color:var(--muted);margin-top:.15rem;font-size:.8rem;font-weight:400;line-height:1.35}.fitness-goals .goal{align-items:flex-start}.fitness-checks{max-height:420px;overflow:auto}.fitness-check{justify-content:flex-start;align-items:flex-start}.fitness-check>span{text-align:left;flex-direction:column;flex:1;gap:.15rem;display:flex}.check-desc{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.hint-box{color:var(--warn);margin:1rem 0 0;font-size:.9rem}.auth-avatar{width:2rem!important;height:2rem!important}.auth-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{text-align:center;width:min(100%,420px)}.auth-brand{justify-content:center;margin-bottom:.75rem;font-size:1.5rem}.auth-lead{color:var(--muted);margin:0 0 1.25rem;line-height:1.45}.auth-note{color:var(--muted);margin:1.25rem 0 0;font-size:.85rem}.auth-clerk-root{margin:0 auto}.auth-clerk-card{border:1px solid var(--line)!important;box-shadow:none!important;background:#161b22f2!important}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:baseline;gap:.45rem;font-size:1.15rem;font-weight:800;display:flex}.brand span{color:var(--accent)}.nav{gap:.4rem;display:flex}.nav button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:.45rem .9rem;transition:background .2s,color .2s,border-color .2s}.nav button.active,.nav button:hover{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.display{gap:1.5rem;display:grid}.hero{gap:1.25rem;animation:.7s ease-out both rise;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:.72rem;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:800;line-height:.95}.hero-title em{color:var(--accent);font-style:normal}.hero-sub{max-width:38rem;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.5}.metrics{grid-template-columns:repeat(3,1fr);gap:1rem;animation:.7s ease-out .12s both rise;display:grid}.metric{border-top:1px solid var(--line);background:linear-gradient(#ffffff08,#0000);padding:1.25rem 1.35rem}.metric-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:.55rem;font-size:.75rem}.metric-value{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1}.metric-value.accent{color:var(--accent)}.progress-block{animation:.7s ease-out .2s both rise}.progress-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.65rem;display:flex}.progress-head strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem}.progress-track{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;height:14px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2,#b8e62e), var(--accent));height:100%;box-shadow:0 0 24px var(--accent-dim);transition:width .8s cubic-bezier(.22,1,.36,1)}.progress-fill.weight-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));box-shadow:0 0 28px #3de8c873}.panels{grid-template-columns:1.1fr 1fr;gap:1.25rem;animation:.7s ease-out .28s both rise;display:grid}.panel{border:1px solid var(--line);background:#161b22a6;min-height:220px;padding:1.35rem}.panel h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1rem;font-size:1.15rem}.goals{gap:.75rem;display:grid}.goal{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem 0;display:grid}.goal:last-child{border-bottom:none}.goal-check{border:2px solid var(--line);width:1.55rem;height:1.55rem;color:var(--bg);border-radius:.35rem;place-items:center;font-size:.85rem;font-weight:700;transition:background .25s,border-color .25s,transform .25s;display:grid}.goal-check.done{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.goal-label{font-weight:500}.goal-count{font-family:var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:600}.goal-count.done{color:var(--accent)}.journal-grid{gap:1rem;display:grid}.journal-item h3{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 .35rem;font-size:.72rem;font-weight:600}.journal-item p{white-space:pre-wrap;color:var(--ink);min-height:1.4em;margin:0;line-height:1.45}.journal-item p.empty{color:var(--muted);font-style:italic}.mantra{border-top:1px solid var(--line);font-family:var(--font-display);letter-spacing:-.02em;margin-top:.5rem;padding:1.25rem 0 .5rem;font-size:clamp(1.1rem,2.5vw,1.45rem);font-weight:700;animation:.7s ease-out .36s both rise}.mantra span{color:var(--accent)}.history{margin-top:.5rem;animation:.7s ease-out .4s both rise}.history h2{font-family:var(--font-display);margin:0 0 .85rem;font-size:1.15rem}.history-list{gap:.5rem;display:grid}.history-row{border-bottom:1px solid var(--line);grid-template-columns:4.5rem 1fr auto;align-items:center;gap:1rem;padding:.75rem 0;font-size:.95rem;display:grid}.history-row .day{font-family:var(--font-display);color:var(--accent);font-weight:700}.history-row .snippet{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-row .earn{font-variant-numeric:tabular-nums;font-weight:600}.log{max-width:640px;animation:.5s ease-out both rise}.log h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .35rem;font-size:clamp(1.8rem,4vw,2.4rem)}.log-lead{color:var(--muted);margin:0 0 1.5rem}.form{gap:1.1rem;display:grid}.field label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.field input[type=number],.field input[type=text],.field textarea{background:var(--bg-elevated);border:1px solid var(--line);border-radius:.5rem;outline:none;width:100%;padding:.75rem .9rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field textarea{resize:vertical;min-height:90px}.row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.checks{border:1px solid var(--line);background:#161b2280;border-radius:.65rem;gap:.65rem;padding:1rem;display:grid}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;display:flex}.check input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.actions{flex-wrap:wrap;gap:.65rem;margin-top:.5rem;display:flex}.btn{border:none;border-radius:999px;padding:.75rem 1.35rem;font-weight:600;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--ink);border-color:var(--muted)}.toast{background:var(--accent-dim);color:var(--accent);border-radius:.5rem;margin-top:1rem;padding:.75rem 1rem;font-weight:600;animation:.35s ease-out both rise}.toast-error{color:var(--warn);background:#ff8a4c29}.data-bar{flex-wrap:wrap;gap:.65rem;margin-bottom:1.35rem;display:flex}.section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.55rem;font-size:.78rem;font-weight:600}.field-hint{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}.outreach-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.outreach-row{grid-template-columns:1fr 4.5rem auto;align-items:center;gap:.45rem;display:grid}.outreach-row input,.add-channel-row input{background:var(--bg-elevated);border:1px solid var(--line);border-radius:.5rem;outline:none;width:100%;padding:.75rem .9rem}.outreach-row input:focus,.add-channel-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.target-input{font-size:.9rem}.btn-icon{border:1px solid var(--line);width:2.2rem;height:2.2rem;color:var(--muted);background:0 0;border-radius:.45rem;font-size:1.25rem;line-height:1}.btn-icon:hover{color:var(--warn);border-color:var(--warn)}.add-channel{margin-top:.25rem}.add-channel-row{grid-template-columns:1fr 5rem auto;gap:.55rem;margin-bottom:.5rem;display:grid}@media (width<=820px){.outreach-grid,.add-channel-row,.metrics,.panels,.row-2{grid-template-columns:1fr}.history-row{grid-template-columns:3.5rem 1fr}.history-row .earn{grid-column:2}}.display-mode .topbar{opacity:.55;transition:opacity .25s}.display-mode .topbar:hover{opacity:1}.display-mode .main{max-width:1400px;padding-top:2rem}.reports{animation:.5s ease-out both rise}.reports-hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:.35rem 0 .5rem;font-size:clamp(1.8rem,4vw,2.6rem)}.period-tabs{flex-wrap:wrap;gap:.45rem;margin:.5rem 0 1.35rem;display:flex}.period-tabs button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:.5rem 1rem;transition:background .2s,color .2s,border-color .2s}.period-tabs button.active,.period-tabs button:hover{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.report-list{gap:1rem;display:grid}.report-card{border:1px solid var(--line);background:#161b22a6;padding:1.25rem 1.35rem}.report-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.report-card-head h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.25rem}.report-range{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.report-income{font-family:var(--font-display);color:var(--accent);letter-spacing:-.03em;font-size:1.6rem;font-weight:800}.report-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.85rem;padding:.85rem 0;display:grid}.report-stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.3rem;font-size:.7rem;display:block}.report-stats strong{font-family:var(--font-display);font-size:1.05rem}.report-activity{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.75rem;display:grid}.report-activity div{flex-direction:column;gap:.2rem;display:flex}.report-activity span{color:var(--muted);font-size:.75rem}.report-activity strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.reports-empty{color:var(--muted);padding:1.5rem 0;font-style:italic}@media (width<=820px){.report-stats,.report-activity{grid-template-columns:1fr 1fr}.report-card-head{flex-direction:column}}
