:root{--bg: #06090b;--surface: #0c1217;--surface-soft: #101922;--line: #1b2933;--text: #ecf2f6;--muted: #8d9aa6;--accent: #20d07d;--accent-soft: #133f2a;--danger: #ef7c86;--shadow: rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 12% 8%,#0f251b 0%,transparent 34%),radial-gradient(circle at 90% 0%,#10202d 0%,transparent 30%),var(--bg);color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}.app-header{padding:4px 2px}.app{max-width:920px;margin:0 auto;min-height:100%;padding:18px 14px 96px;position:relative}.background-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(33,172,108,.08),transparent 45%)}.app-header h1{font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.03em;margin:6px 0 0;font-size:clamp(1.75rem,5vw,2.15rem)}.kicker{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:600}.subhead{color:var(--muted);margin:8px 0 0;font-size:.94rem}.status-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;min-height:30px}.message{margin:0;color:var(--muted);font-size:.9rem}.chip{border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.78rem}.page-wrap{margin-top:14px}.card{background:#0a0f13eb;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 42px var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:rise .2s ease}.card-head h2{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.45rem}.card-head p{color:var(--muted);margin:8px 0 0}.card-head strong{color:var(--accent)}.rep-row{margin:24px auto;display:grid;grid-template-columns:90px minmax(170px,1fr) 90px;gap:12px;align-items:center;width:min(520px,100%)}.main-button{width:100%;aspect-ratio:1 / 1;border:1px solid #185135;border-radius:999px;background:radial-gradient(circle at 30% 30%,#2ee79a,#17a967 74%);color:#041d10;cursor:pointer;display:grid;place-items:center;box-shadow:0 14px 32px #0e422a80;transition:transform .14s ease}.main-button:active{transform:scale(.96)}.main-button strong{font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2.2rem,9vw,3.3rem);line-height:1}.side-button{width:90px;height:90px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-size:1.5rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,transform .1s ease}.side-button:hover{border-color:#28523f}.side-button:active{transform:scale(.96)}.card-actions{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit}.primary,.ghost{border-radius:999px;padding:10px 16px;font-weight:600;cursor:pointer}.primary{border:0;background:var(--accent);color:#062112}.ghost{border:1px solid var(--line);background:transparent;color:var(--text)}.search,select{width:100%;border-radius:10px;border:1px solid var(--line);background:#0a1218;color:var(--text);padding:11px 12px;margin-top:12px}.leaderboard-list{margin-top:12px;display:grid;gap:10px}.leaderboard-header{display:grid;grid-template-columns:44px minmax(0,1fr) 74px 74px 74px;align-items:center;gap:10px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:0 12px}.leaderboard-header-rank{text-align:center}.leaderboard-item{border:1px solid var(--line);background:#0c151d;color:var(--text);border-radius:12px;padding:12px;text-align:left;display:grid;grid-template-columns:44px minmax(0,1fr) 74px 74px 74px;align-items:center;gap:10px;cursor:pointer}.rank{width:36px;height:36px;border-radius:999px;border:1px solid #244133;background:#102117;color:var(--accent);display:grid;place-items:center;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.athlete-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.athlete-metric,.athlete-total{text-align:right;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.athlete-metric{color:var(--text);font-size:.96rem}.athlete-total{color:var(--accent);font-size:1.02rem}.empty{margin-top:14px;color:var(--muted)}.profile-top{display:flex;align-items:center;gap:12px}.profile-top h2{margin:2px 0 0}.avatar{width:60px;height:60px;border-radius:999px;border:1px solid #24513c;background:linear-gradient(160deg,#143021,#1d4631);color:#8ef4bf;display:grid;place-items:center;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-weight:700;font-size:1.3rem}.stats-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-grid article{border:1px solid var(--line);border-radius:12px;padding:12px;background:#0a1318}.stat-value{margin:0;color:var(--accent);font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:1.5rem}.stat-label{margin:6px 0 0;color:var(--muted);font-size:.86rem}.setting-block,.heatmap-block{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#0b141b}.auth-screen{max-width:560px;margin:0 auto}.auth-panel{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#0a1319}.auth-panel h3{margin:0 0 10px}.auth-mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.verify-tag{margin:10px 0 12px;border:1px solid #24513b;border-radius:999px;background:#10261b;color:#8ef4bf;font-size:.85rem;font-weight:600;padding:8px 12px;display:inline-flex}.auth-mode-toggle button{border:1px solid var(--line);border-radius:999px;padding:9px 10px;background:transparent;color:var(--muted);cursor:pointer}.auth-mode-toggle button.active{border-color:#2b5a43;background:#11241a;color:var(--text)}.auth-form{display:grid;gap:8px}.auth-form label{font-size:.85rem;color:var(--muted)}.auth-form input{width:100%;border-radius:10px;border:1px solid var(--line);background:#081017;color:var(--text);padding:10px 11px}.oauth-divider{display:flex;align-items:center;justify-content:center;margin:8px 0;color:var(--muted);font-size:.8rem}.auth-note{margin:8px 0 0;color:var(--muted);font-size:.8rem}.heatmap-block h3{margin:0 0 10px}.calendar-tabs{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:4px;margin-bottom:10px;background:#081119}.calendar-tab{border:0;border-radius:999px;background:transparent;color:var(--muted);padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer}.calendar-tab.active{background:#143021;color:var(--text)}.heatmap-wrap{width:100%;overflow-x:auto}.heatmap-month-row{display:grid;grid-auto-flow:column;grid-auto-columns:9px;gap:3px;margin-bottom:8px;padding-left:26px;width:fit-content;min-width:100%}.heatmap-month{color:var(--muted);font-size:.64rem;line-height:1}.heatmap-body{display:flex;align-items:flex-start;gap:6px}.heatmap-weekdays{display:grid;grid-template-rows:repeat(7,9px);gap:3px;width:18px}.heatmap-weekdays span{font-size:.54rem;color:var(--muted);line-height:9px}.heatmap-grid{display:grid;grid-template-rows:repeat(7,9px);grid-auto-flow:column;grid-auto-columns:9px;gap:3px;width:fit-content}.heat-cell,.legend-dot{width:9px;height:9px;border-radius:2px}.heat-cell.level-0,.legend-dot.level-0{background:#091118}.heat-cell.level-1,.legend-dot.level-1{background:#1a3d2a}.heat-cell.level-2,.legend-dot.level-2{background:#14532b}.heat-cell.level-3,.legend-dot.level-3{background:#187839}.heat-cell.level-4,.legend-dot.level-4{background:#1fa048}.heatmap-legend{margin-top:8px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.72rem}.heatmap-empty{margin:10px 0 0;color:var(--muted);font-size:.82rem}.nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(560px,calc(100% - 14px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#080b0ef0;border:1px solid #111c23;border-radius:999px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tracker-card{display:grid;gap:14px}.tracker-shell{display:grid;gap:12px}.camera-stage{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#070e12}.camera-video,.camera-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.camera-video{object-fit:cover;transform:scaleX(-1)}.camera-canvas{pointer-events:none}.tracker-hud{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#0a1318}.tracker-status{margin:0;color:var(--muted);font-size:.88rem}.tracker-reps{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;color:var(--accent);font-size:1.8rem;line-height:1}.tracker-actions{display:flex;gap:10px}.tracker-summary{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#0a1218}.tracker-summary p{margin:0;color:var(--muted)}.tracker-summary p+p{margin-top:6px}.tracker-summary strong{color:var(--accent)}.nav button{border:0;border-radius:999px;padding:10px 8px;color:var(--muted);background:transparent;cursor:pointer;font-weight:600}.nav button.active{background:#12281d;color:var(--text)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;padding:16px}.modal-content{width:min(640px,100%);margin:5vh auto;background:#091218;border:1px solid var(--line);border-radius:16px;padding:18px;position:relative}.close{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer}.public-total{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--muted)}.public-total strong{color:var(--accent);font-size:1.2rem;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.public-totals{margin:8px 0 12px;display:grid;gap:8px}.modal-heatmaps{display:grid;gap:12px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #2f8f61;outline-offset:1px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.app{padding:12px 10px 90px}.app-header h1{font-size:1.8rem}.subhead{font-size:.88rem}.card{padding:16px;border-radius:16px}.rep-row{grid-template-columns:72px minmax(140px,1fr) 72px;gap:10px}.side-button{width:72px;height:72px;font-size:1.25rem}.auth-mode-toggle{grid-template-columns:1fr}.heatmap-month-row{padding-left:20px}.heatmap-weekdays{width:16px}.heatmap-weekdays span{font-size:.5rem}.calendar-tab{padding:6px 10px;font-size:.76rem}.tracker-actions{flex-direction:column}.card-actions,.card-actions .primary,.card-actions .ghost{width:100%}.stats-grid{grid-template-columns:1fr}.leaderboard-item{grid-template-columns:40px minmax(0,1fr) 56px 56px 56px;padding:10px;gap:8px}.leaderboard-header{grid-template-columns:40px minmax(0,1fr) 56px 56px 56px;padding:0 10px;gap:8px;font-size:.65rem}.athlete-metric,.athlete-total{font-size:.84rem}}