: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{padding:.85rem 1.25rem .9rem;padding-top:max(.85rem, env(safe-area-inset-top));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#0e1116f0;flex-direction:column;align-items:stretch;gap:.7rem;display:flex}.topbar-row-primary{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.topbar-meta{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.55rem;margin-left:auto;display:flex}.topbar-row-nav{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.seg{border:1px solid var(--line);background:#ffffff0a;border-radius:.7rem;grid-auto-columns:1fr;grid-auto-flow:column;gap:.2rem;min-width:0;padding:.22rem;display:inline-grid}.seg button{appearance:none;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:.55rem;min-height:2.35rem;padding:.5rem .95rem;font-size:.875rem;font-weight:600;transition:background .18s,color .18s,transform .18s}.seg button:hover{color:var(--ink);background:#ffffff0d}.seg button.active{color:var(--bg);background:var(--accent);box-shadow:inset 0 1px #ffffff1f}.seg button:active{transform:scale(.98)}.sync-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:600}.sync-badge.sync-synced{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.sync-badge.sync-syncing,.sync-badge.sync-error{color:var(--warn);border-color:var(--warn)}.sync-error-banner{border:1px solid var(--warn);background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--text);border-radius:8px;margin:0 1.25rem .75rem;padding:.65rem .9rem;font-size:.85rem;line-height:1.4}.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)}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}@media (width<=720px){.topbar{padding:.7rem .9rem .8rem;padding-top:max(.7rem, env(safe-area-inset-top));gap:.6rem}.brand{gap:.3rem;font-size:1rem}.topbar-row-nav{flex-direction:column;align-items:stretch;gap:.45rem}.seg{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:row;width:100%;display:grid}.seg button{text-align:center;width:100%;min-height:2.6rem;padding:.55rem .35rem;font-size:.88rem}.sync-badge{padding:.25rem .45rem;font-size:.65rem}.sync-error-banner{margin:0 .9rem .65rem;font-size:.8rem}.main{padding:1rem .9rem 1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.hero-title{font-size:clamp(2rem,12vw,3rem);line-height:1.05}.hero-sub{font-size:.95rem}.metric{padding:.95rem 1rem}.metric-value{font-size:clamp(1.5rem,8vw,2.1rem)}.daily-targets{grid-template-columns:1fr 1fr;gap:.55rem}.daily-target-value{font-size:clamp(1.15rem,6vw,1.55rem)}.panel{min-height:0;padding:1rem}.goal{align-items:flex-start;gap:.55rem}.goal-label{font-size:.92rem;line-height:1.3}.log h1{font-size:1.55rem}.form .actions,.data-bar,.add-channel-row{flex-direction:column;align-items:stretch;display:flex}.form .actions .btn,.data-bar .btn,.add-channel-row .btn,.add-channel-row input{width:100%}.outreach-row{grid-template-columns:1fr auto auto}.display-mode .topbar{opacity:1}.display-mode .main{padding-top:1rem}}.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}.daily-targets{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:.75rem;margin:0 0 1.1rem;padding-bottom:1rem;display:grid}.daily-target-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.25rem;font-size:.7rem;font-weight:600}.daily-target-value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(1.45rem,3.2vw,2rem);font-weight:700;line-height:1.1}.daily-target-value.accent{color:var(--accent)}.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}.day-set-field{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.day-set-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.day-set-row input{width:6.5rem}.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}.focus-view{flex-direction:column;gap:1.5rem;max-width:720px;margin:0 auto;padding:.5rem 0 2rem;animation:.45s ease-out focus-in;display:flex}@keyframes focus-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.focus-hero{text-align:center}.focus-phase{font-family:var(--font-display);letter-spacing:-.03em;margin:.25rem 0;font-size:clamp(2rem,5vw,3rem)}.focus-sub{color:var(--muted);margin:0;font-size:.95rem}.focus-timer-wrap{justify-content:center;padding:.5rem 0 .25rem;display:flex}.focus-ring{--focus-progress:0%;aspect-ratio:1;background:radial-gradient(circle at center, var(--bg-elevated) 62%, transparent 63%), conic-gradient(var(--accent) var(--focus-progress), #f2f4f714 0);width:min(280px,72vw);box-shadow:0 0 0 1px var(--line), 0 20px 60px #00000059;border-radius:50%;place-items:center;transition:background .2s linear;display:grid}.focus-view.phase-short-break .focus-ring,.focus-view.phase-long-break .focus-ring{background:radial-gradient(circle at center, var(--bg-elevated) 62%, transparent 63%), conic-gradient(var(--ok) var(--focus-progress), #f2f4f714 0)}.focus-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2.8rem,10vw,3.75rem);line-height:1}.focus-clock-label{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.35rem;font-size:.85rem}.focus-label-block label{color:var(--muted);margin-bottom:.4rem;font-size:.8rem;display:block}.focus-label-row input{border:1px solid var(--line);background:var(--bg-elevated);border-radius:12px;width:100%;padding:.75rem 1rem}.focus-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.focus-actions .btn.active-toggle{border-color:var(--accent);color:var(--accent)}.focus-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.focus-presets-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-left:.35rem;font-size:.75rem}.focus-presets-label:first-child{margin-left:0}.focus-recovery-tip{text-align:center;color:var(--ok);margin:0;font-size:.95rem}.focus-plan{border:1px solid var(--line);background:#161b228c;border-radius:16px;padding:1rem 1.15rem}.focus-plan h2{margin:0 0 .35rem;font-size:1rem}.focus-plan-hint{color:var(--muted);margin:0 0 .75rem;font-size:.88rem}.focus-plan textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:12px;width:100%;min-height:10rem;padding:.75rem 1rem;line-height:1.45}.focus-stats{grid-template-columns:1.4fr .8fr;gap:1rem;display:grid}.focus-stat{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;padding:1rem 1.15rem}.focus-stat-label{color:var(--muted);margin-bottom:.35rem;font-size:.8rem}.focus-stat-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem}.focus-stat-value.accent{color:var(--accent)}.focus-hours-track{margin-top:.75rem}.focus-history h2{margin:0 0 .75rem;font-size:1rem}.focus-history-list{flex-direction:column;gap:.45rem;display:flex}.focus-history-row{border:1px solid var(--line);background:#161b228c;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.65rem .85rem;display:grid}.focus-history-remove{color:var(--muted);text-underline-offset:2px;background:0 0;border:none;padding:.2rem .35rem;font-size:.75rem;text-decoration:underline}.focus-history-remove:hover{color:var(--warn)}.focus-actions .btn:disabled{opacity:.4;cursor:not-allowed}.focus-kind{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.2rem .5rem;font-size:.72rem}.focus-kind-work{color:var(--accent);border-color:#d4ff3a59}.focus-kind-break,.focus-kind-long-break{color:var(--ok);border-color:#3dff9a4d}.focus-history-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-history-mins{color:var(--muted);font-variant-numeric:tabular-nums}@media (width<=820px){.report-stats,.report-activity{grid-template-columns:1fr 1fr}.report-card-head{flex-direction:column}.focus-stats{grid-template-columns:1fr}}