:root{color-scheme:dark;font-family:Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(58,245,162,.16),transparent 24%),radial-gradient(circle at top right,rgba(93,146,255,.08),transparent 22%),linear-gradient(180deg,#08110f,#040605 55%,#020303);color:#effff6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #040706;--surface: rgba(8, 18, 15, .8);--surface-strong: rgba(9, 24, 19, .95);--surface-soft: rgba(255, 255, 255, .03);--border: rgba(135, 255, 201, .18);--border-strong: rgba(135, 255, 201, .4);--text: #effff6;--muted: #97b8aa;--accent: #6effbc;--accent-strong: #b7ffd7;--accent-cool: #9ec5ff;--accent-warm: #ffd38a;--danger: #ff8b9d;--shadow-soft: 0 24px 60px rgba(0, 0, 0, .22);--shadow-card: 0 18px 36px rgba(0, 0, 0, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea,button{transition:border-color .18s ease,transform .18s ease,background-color .18s ease,color .18s ease,opacity .18s ease,box-shadow .22s ease}input:focus,textarea:focus,button:focus-visible{outline:2px solid rgba(110,255,188,.4);outline-offset:2px}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:32px 20px}.background-fx,.background-fx span{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.background-fx{overflow:hidden}.orb{filter:blur(80px);opacity:.45}.orb-a{inset:-10% auto auto -10%;width:320px;height:320px;background:#6effbc2e;animation:drift 12s ease-in-out infinite alternate}.orb-b{inset:auto -10% -15% auto;width:380px;height:380px;background:#55b7ff1f;animation:drift 15s ease-in-out infinite alternate-reverse}.grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 95%);mask-image:linear-gradient(180deg,rgba(0,0,0,.78),transparent 95%)}.scanlines{background:linear-gradient(to bottom,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 1px,transparent 2px,transparent 6px);background-size:100% 6px;opacity:.18}.dashboard,.auth-panel{position:relative;z-index:1}.dashboard{max-width:1180px;margin:0 auto;display:grid;gap:20px}.single-column-dashboard{max-width:980px}.panel{border:1px solid rgba(135,255,201,.12);border-radius:24px;background:linear-gradient(180deg,#0a1412d6,#060a09f0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0a,var(--shadow-soft)}.auth-panel{width:min(100%,540px);margin:5vh auto 0;padding:24px;animation:rise-in .7s ease both}.auth-header,.auth-form,.preset-block{display:grid}.auth-header{gap:10px;margin-bottom:24px}.auth-form{gap:0}.auth-input-row{gap:12px}.preset-block{gap:10px;margin-top:18px}.hero-panel,.composer-panel,.habits-panel{padding:24px}.habit-editor-panel{padding:28px}.hero-panel{animation:rise-in .65s ease both}.content-grid{display:grid;gap:20px;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.eyebrow,.habit-label,.field-label,.metric-card span,.status-row,.limit-badge{font-family:Berkeley Mono,IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font-family:Inter Tight,Inter,SF Pro Display,system-ui,sans-serif;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin-top:.4rem}.auth-panel h1{font-size:clamp(2.2rem,7vw,3.8rem);line-height:.95;margin-top:0}h2{font-family:Inter Tight,Inter,SF Pro Display,system-ui,sans-serif;font-size:1.35rem;letter-spacing:-.03em}h3{font-family:Inter Tight,Inter,SF Pro Display,system-ui,sans-serif;font-size:1.1rem;letter-spacing:-.02em}.lede,.section-copy,.habit-meta,.metric-card small,.empty-state p{color:var(--muted);line-height:1.6}.stack{display:grid;gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.input-row{display:flex;gap:10px}input,textarea{min-width:0;flex:1;padding:15px 16px;border:1px solid rgba(135,255,201,.12);border-radius:16px;background:#0308079e;color:var(--text);box-shadow:inset 0 1px #ffffff08}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#97b8aa99}button{font-family:Berkeley Mono,IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border:1px solid rgba(135,255,201,.12);border-radius:16px;background:linear-gradient(180deg,#6effbc1a,#6effbc0a);color:var(--accent-strong);padding:14px 16px;box-shadow:inset 0 1px #ffffff08}.auth-input-row button{min-width:136px}button:hover:not(:disabled){border-color:var(--border-strong);background:linear-gradient(180deg,#6effbc29,#6effbc14);box-shadow:0 12px 24px #0000002e;transform:translateY(-2px)}button:disabled{cursor:not-allowed;opacity:.45}.ghost-button{background:#ffffff08;color:var(--text);padding:10px 14px}.preset-row,.status-row,.hero-topline,.section-heading,.hero-grid{display:flex;align-items:center}.preset-row,.status-row,.hero-grid{gap:10px}.preset-row .ghost-button{min-width:92px;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.status-row{padding-top:12px}.status-row span,.limit-badge{border:1px solid rgba(135,255,201,.12);background:#ffffff08;padding:6px 8px}.compact{padding-top:18px}.error-text{color:var(--danger);font-size:.9rem;margin-top:14px}.hero-topline,.section-heading{justify-content:space-between;gap:20px}.hero-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:stretch}.hero-identity{display:grid;gap:12px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.operator-team{color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.hero-copy{max-width:42rem;color:var(--muted);font-size:1.02rem}.refined-hero-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(260px,360px);align-items:start}.hero-today-panel{border:1px solid rgba(135,255,201,.12);border-radius:22px;background:linear-gradient(180deg,#0f1b18e6,#080e0cf5);padding:22px;display:grid;gap:16px;box-shadow:var(--shadow-card)}.hero-today-heading{margin-bottom:4px}.hero-today-list{display:grid;gap:12px}.hero-today-row{width:100%;border:1px solid rgba(135,255,201,.12);border-radius:18px;background:#ffffff08;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}.hero-today-row.done{border-color:#6effbc57;background:linear-gradient(180deg,#0e251cf0,#0a1915fa);animation:done-pop .32s ease}.hero-today-copy{display:grid;gap:4px}.hero-today-copy strong{font-size:1.05rem}.hero-today-copy span,.hero-today-state{color:var(--muted)}.hero-today-copy span{line-height:1.55}.hero-today-state.done{color:var(--accent-strong)}.hero-metrics-cluster{display:grid;gap:12px}.metric-card{min-height:96px;padding:18px;border:1px solid rgba(135,255,201,.1);border-radius:20px;background:linear-gradient(180deg,#ffffff09,#ffffff04);display:grid;gap:8px;align-content:start;box-shadow:var(--shadow-card)}.metric-card strong{font-size:clamp(1.4rem,3vw,2.3rem);color:var(--accent-strong);line-height:1;overflow-wrap:anywhere}.habit-description{margin-top:10px;color:#effff6e0;line-height:1.55}.habit-description+.habit-meta{margin-top:10px}.compact-metric-card{min-height:auto;padding:18px;gap:8px}.compact-metric-card strong{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1}.profile-hero-grid{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.profile-summary-card{border:1px solid rgba(135,255,201,.1);border-radius:22px;background:linear-gradient(180deg,#ffffff09,#ffffff04);padding:22px;display:grid;gap:10px;box-shadow:var(--shadow-card)}.profile-summary-card strong{font-family:Inter Tight,Inter,system-ui,sans-serif;font-size:1.6rem;letter-spacing:-.03em}.profile-summary-card p{color:var(--muted);line-height:1.6}.profile-metrics-cluster{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-metric-card:nth-child(2) strong{color:var(--accent-cool)}.compact-metric-card:nth-child(3) strong{color:var(--accent-warm)}.nav-panel,.leaderboard-panel,.calendar-panel,.onboarding-panel{padding:24px}.onboarding-screen{padding:28px;display:grid;gap:28px}.dedicated-onboarding-panel{padding:32px}.dedicated-onboarding-panel{padding-block:28px}.view-tabs{display:flex;gap:12px;flex-wrap:wrap}.view-tab{min-width:140px;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;background:#ffffff06}.view-tab.active{border-color:#6effbc6b;background:linear-gradient(180deg,#0e251cf0,#0a1915fa)}.calendar-copy{margin-top:14px;max-width:760px}.calendar-panel,.leaderboard-panel,.onboarding-panel,.nav-panel,.hero-panel,.auth-panel{box-shadow:var(--shadow-soft)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.calendar-weekdays{margin-top:20px}.calendar-weekdays span{color:var(--muted);font-size:.72rem;letter-spacing:.18em;text-align:center;text-transform:uppercase}.calendar-grid{list-style:none;margin:10px 0 0;padding:0}.calendar-item{list-style:none}.calendar-cell{width:100%;min-height:108px;padding:12px;border:1px solid rgba(135,255,201,.08);border-radius:16px;background:#ffffff06;display:grid;gap:12px;text-align:left}.calendar-cell.selected{border-color:#6effbc85;box-shadow:0 0 0 1px #6effbc2e}.calendar-cell.static{cursor:default}.selected-day-panel{margin-top:20px;display:grid;gap:14px}.selected-day-list{display:grid;gap:12px}.selected-day-card{border:1px solid rgba(135,255,201,.1);border-radius:18px;background:#ffffff08;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.selected-day-card.done{border-color:#6effbc57;background:linear-gradient(180deg,#0e251cf0,#0a1915fa);animation:done-pop .32s ease}.onboarding-copy{max-width:760px}.onboarding-hero{display:grid;gap:10px;max-width:44rem}.onboarding-progress-shell{display:grid;gap:10px;max-width:28rem}.onboarding-progress-track{position:relative;height:10px;border-radius:999px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(135,255,201,.08)}.onboarding-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-cool) 100%);box-shadow:0 0 18px #6effbc59;transition:width .32s ease}.onboarding-progress-label{font-family:Berkeley Mono,IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.onboarding-simple-form{display:grid;gap:20px}.onboarding-habit-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-habit-card{border:1px solid rgba(135,255,201,.14);background:linear-gradient(180deg,#0c1815f5,#070c0bf5);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #0000002e;border-radius:22px;padding:24px;display:grid;gap:16px;opacity:0;animation:rise-in .52s ease forwards}.onboarding-habit-card:nth-child(2){animation-delay:90ms}.onboarding-submit-row{display:flex;align-items:center;justify-content:flex-end;gap:16px}.onboarding-submit-row button{min-width:220px}.habit-setup-form{margin-top:18px}.onboarding-heading{align-items:start}.onboarding-title-block{display:grid;gap:10px}.habit-form-shell{border:1px solid rgba(135,255,201,.14);background:linear-gradient(180deg,#0c1815f5,#070c0bf5);box-shadow:inset 0 1px #ffffff0a,0 18px 40px #0000002e;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px}.habit-form-fields{display:grid;gap:14px}.habit-form-field{display:grid;gap:8px}.habit-form-sidebar{display:grid;align-content:start;gap:12px;padding-left:18px;border-left:1px solid rgba(135,255,201,.12)}.habit-form-sidebar p{color:var(--muted);line-height:1.6}.onboarding-step{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.habit-editor-list{display:grid;gap:12px;margin-top:18px}.habit-editor-card{border:1px solid var(--border);background:linear-gradient(180deg,#0a1412f0,#060b0af5);border-radius:22px;position:relative;padding:14px 16px 16px;display:grid;gap:10px}.habit-editor-card.editing{padding:16px;gap:12px}.habit-editor-summary{display:grid;gap:6px;padding:2px 64px 2px 0}.habit-editor-summary strong{font-size:1.15rem;line-height:1.2}.habit-editor-summary p{margin:0;color:var(--muted);line-height:1.5}.habit-editor-fields{display:grid;gap:12px 16px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding-right:64px}.habit-editor-head{position:absolute;top:14px;right:16px}.habit-editor-card.editing .habit-editor-head{position:static;justify-content:flex-end}.edit-habit-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:999px}.edit-habit-save{min-width:88px;height:40px}.habit-editor-card.editing .habit-editor-fields{padding-right:0}.pencil-icon{width:14px;height:14px;flex:0 0 auto}.onboarding-team-panel{display:grid;gap:20px;max-width:44rem}.onboarding-roster-block{display:grid;gap:10px}.team-roster-list{display:flex;flex-wrap:wrap;gap:10px}.team-roster-chip{border:1px solid rgba(135,255,201,.16);border-radius:999px;background:#ffffff08;padding:10px 12px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.leaderboard-subheading{margin-top:22px}.calendar-cell.partial,.calendar-cell.today{border-color:#6effbc42}.calendar-cell.complete{border-color:#6effbc6b;background:#0a1c15eb}.calendar-cell.future{opacity:.76}.calendar-cell.future:disabled{cursor:not-allowed;opacity:.42}.calendar-cell-top,.calendar-pips{display:flex;align-items:center}.calendar-cell-top{justify-content:space-between;gap:10px}.calendar-cell-top strong{font-size:1rem}.calendar-cell-top span,.calendar-score{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.calendar-cell-top span{color:var(--muted)}.calendar-score{color:var(--accent-strong)}.calendar-cell.idle .calendar-score{color:var(--muted)}.calendar-pips{gap:6px}.calendar-pip{width:8px;height:8px;border-radius:999px;border:1px solid rgba(135,255,201,.24);background:#ffffff0a}.calendar-pip.active{border-color:#6effbc85;background:var(--accent);box-shadow:0 0 12px #6effbc47}.team-filter-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.team-filter-card,.leaderboard-row{border:1px solid rgba(135,255,201,.1);border-radius:22px;background:linear-gradient(180deg,#ffffff09,#ffffff04);box-shadow:var(--shadow-card)}.team-filter-card{padding:20px;display:grid;gap:10px;text-align:left}.team-filter-card.active{border-color:#6effbc66;background:linear-gradient(180deg,#0e251cf0,#0a1915fa);transform:translateY(-2px)}.team-filter-card.podium-1{border-color:#ffd38a47}.team-filter-card.podium-2{border-color:#9ec5ff38}.team-filter-card.podium-3{border-color:#87ffc92e}.team-total-head,.leaderboard-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.team-rank,.leaderboard-rank,.team-members,.team-filter-copy,.leaderboard-user span,.leaderboard-points{color:var(--muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.team-filter-card strong,.leaderboard-user strong{font-size:1rem}.leaderboard-copy{color:var(--muted)}.leaderboard-empty-state{margin-top:18px}.leaderboard-list{display:grid;gap:14px;margin-top:18px}.leaderboard-row{padding:18px 20px;text-align:left}.leaderboard-row.current-user{border-color:#6effbc66}.leaderboard-row.podium-1{border-color:#ffd38a4d}.leaderboard-row.podium-2{border-color:#9ec5ff38}.leaderboard-row.podium-3{border-color:#87ffc933}.leaderboard-user{display:grid;gap:8px;flex:1}.leaderboard-user span{line-height:1.5}.leaderboard-streak{display:flex;align-items:center;gap:6px}.leaderboard-streak-dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(135,255,201,.24);background:#ffffff0a;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.leaderboard-streak-dot.active{border-color:#6effbc85;background:var(--accent);box-shadow:0 0 12px #6effbc47}.leaderboard-row:hover:not(:disabled) .leaderboard-streak-dot.active{transform:scale(1.12)}.leaderboard-intro{margin-top:10px;max-width:40rem}.habit-list{display:grid;gap:14px;margin-top:18px}.habit-card{border:1px solid rgba(135,255,201,.1);border-radius:22px;background:linear-gradient(180deg,#ffffff09,#ffffff04);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;opacity:0;animation:rise-in .5s ease forwards}.habit-card.done{border-color:#6effbc57;background:linear-gradient(180deg,#0e251cf0,#0a1915fa)}.habit-label{margin-bottom:8px}.habit-meta{margin-top:8px}.toggle-button{min-width:132px}.toggle-button.active{background:#6effbc2e;border-color:#6effbc73;color:var(--accent-strong)}.empty-state{margin-top:18px;padding:24px;border:1px dashed rgba(135,255,201,.16);border-radius:20px;background:linear-gradient(180deg,#ffffff06,#ffffff04);display:grid;gap:14px;justify-items:start}.empty-pulse{width:14px;height:14px;border-radius:999px;background:var(--accent);box-shadow:0 0 #6effbc80;animation:pulse 2.2s ease-out infinite}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #6effbc80}70%{box-shadow:0 0 0 16px #6effbc00}to{box-shadow:0 0 #6effbc00}}@keyframes done-pop{0%{transform:scale(.985);box-shadow:0 0 #6effbc47}55%{transform:scale(1.01);box-shadow:0 0 0 10px #6effbc00}to{transform:scale(1);box-shadow:0 0 #6effbc00}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(40px,-20px,0) scale(1.08)}}@media (max-width: 920px){.content-grid,.refined-hero-grid,.profile-hero-grid,.profile-metrics-cluster,.habit-form-shell{grid-template-columns:1fr}.habit-form-sidebar{padding-left:0;padding-top:16px;border-left:0;border-top:1px solid rgba(135,255,201,.12)}.team-filter-grid,.onboarding-habit-grid{grid-template-columns:1fr}.habit-card,.selected-day-card,.hero-today-row{align-items:flex-start;flex-direction:column}.habit-editor-head{align-items:stretch;flex-direction:column}.toggle-button{width:100%}}@media (max-width: 640px){.app-shell{padding:18px 12px 28px}.auth-panel,.hero-panel,.nav-panel,.calendar-panel,.onboarding-panel,.composer-panel,.habits-panel,.leaderboard-panel{padding:18px}.dedicated-onboarding-panel{padding:20px}.calendar-weekdays,.calendar-grid{gap:6px}.calendar-weekdays span{font-size:.62rem;letter-spacing:.12em}.calendar-cell{min-height:84px;padding:8px;gap:8px}.calendar-cell-top{flex-direction:column;align-items:flex-start;gap:4px}.calendar-cell-top span,.calendar-score{font-size:.68rem}.auth-panel{width:100%;margin-top:4vh}.input-row,.hero-topline,.section-heading,.leaderboard-row,.team-total-head,.view-tabs,.hero-actions,.onboarding-heading,.onboarding-submit-row{flex-direction:column;align-items:stretch}.hero-grid,.habit-editor-fields{grid-template-columns:1fr}.hero-copy,.leaderboard-intro,.onboarding-copy{max-width:none}.input-row>*{width:100%}}