*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:var(--font-body);background:#0a0a0f;color:#f5f1e8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary:#3ddcff;--primary-alt:#61e3ff;--primary-glow:rgba(61,220,255,.3);--primary-subtle:rgba(61,220,255,.08);--primary-border:rgba(61,220,255,.25);--primary-dark:#007fa8;--primary-light:rgba(61,220,255,.06);--primary-mid:rgba(61,220,255,.25);--gold:#d4af37;--gold-subtle:rgba(212,175,55,.1);--gold-border:rgba(212,175,55,.3);--gold-glow:rgba(212,175,55,.35);--bg:#0a0a0f;--surface:#14141c;--surface-1:#14141c;--surface-2:#1c1c26;--surface-3:#242430;--text:#f0f0f5;--text-secondary:#8a8a99;--text-tertiary:hsla(240,7%,57%,.6);--muted:hsla(240,7%,57%,.4);--sage:#8a8a99;--border:rgba(240,240,245,.07);--border-strong:rgba(240,240,245,.12);--border-accent:rgba(61,220,255,.25);--success:#4ade80;--success-subtle:rgba(74,222,128,.1);--warning:#fbbf24;--warning-subtle:rgba(251,191,36,.1);--danger:#ef4444;--danger-subtle:rgba(239,68,68,.1);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:9999px;--font-display:"Space Grotesk","Inter",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;--font-mono:"Space Mono","Roboto Mono","Courier New",monospace}[data-scheme=green]{--primary:#1d9e75;--primary-alt:#25c48f;--primary-glow:rgba(29,158,117,.25);--primary-subtle:rgba(29,158,117,.08);--primary-border:rgba(29,158,117,.3);--border-accent:rgba(29,158,117,.25);--primary-dark:#0d5c44;--primary-light:rgba(29,158,117,.08);--primary-mid:rgba(29,158,117,.35)}[data-scheme=blue]{--primary:#2563eb;--primary-alt:#3b82f6;--primary-glow:rgba(37,99,235,.25);--primary-subtle:rgba(37,99,235,.08);--primary-border:rgba(37,99,235,.3);--border-accent:rgba(37,99,235,.25);--primary-dark:#1e3a8a;--primary-light:rgba(37,99,235,.08);--primary-mid:rgba(37,99,235,.35)}[data-scheme=purple]{--primary:#7c3aed;--primary-alt:#8b5cf6;--primary-glow:rgba(124,58,237,.25);--primary-subtle:rgba(124,58,237,.08);--primary-border:rgba(124,58,237,.3);--border-accent:rgba(124,58,237,.25);--primary-dark:#3b0764;--primary-light:rgba(124,58,237,.08);--primary-mid:rgba(124,58,237,.35)}[data-scheme=red]{--primary:#dc2626;--primary-alt:#ef4444;--primary-glow:rgba(220,38,38,.25);--primary-subtle:rgba(220,38,38,.08);--primary-border:rgba(220,38,38,.3);--border-accent:rgba(220,38,38,.25);--primary-dark:#7f1d1d;--primary-light:rgba(220,38,38,.08);--primary-mid:rgba(220,38,38,.35)}[data-scheme=orange]{--primary:#ea580c;--primary-alt:#f97316;--primary-glow:rgba(234,88,12,.25);--primary-subtle:rgba(234,88,12,.08);--primary-border:rgba(234,88,12,.3);--border-accent:rgba(234,88,12,.25);--primary-dark:#7c2d12;--primary-light:rgba(234,88,12,.08);--primary-mid:rgba(234,88,12,.35)}.app{max-width:430px;margin:0 auto;background:var(--bg);min-height:100vh;display:flex;flex-direction:column;position:relative;animation:pageIn .18s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.header,.top-bar{padding:14px 20px;display:flex;align-items:center;gap:10px;background:rgba(10,10,15,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:-webkit-sticky;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border)}.logo{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);letter-spacing:.5px;text-decoration:none}.logo span{color:var(--primary)}.fab-analyze{position:-webkit-sticky;position:sticky;bottom:0;width:100%;padding:18px 24px;background:var(--primary);color:#fff;font-size:16px;font-weight:700;font-family:var(--font-body);cursor:pointer;z-index:90;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.3px;border:none;border-top:1px solid hsla(0,0%,100%,.08);transition:opacity .15s;flex-shrink:0}.fab-analyze:active{opacity:.88}.scroll-body{flex:1 1;overflow-y:auto;padding-bottom:24px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:430px;margin:0 auto;height:calc(58px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:rgba(10,10,15,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(240,240,245,.06);display:flex;align-items:stretch;z-index:80}.nav-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--sage);font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;position:relative;padding:0 2px;-webkit-tap-highlight-color:transparent;font-family:var(--font-body);transition:color .15s}.nav-tab.active{color:var(--primary)}.nav-tab:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%) scaleX(0);width:30px;height:2px;background:var(--primary);border-radius:0 0 3px 3px;box-shadow:0 0 10px var(--primary),0 0 20px var(--primary-glow);transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.nav-tab.active:before{transform:translateX(-50%) scaleX(1)}.nav-tab svg{transition:filter .15s;flex-shrink:0}.nav-tab.active svg{filter:drop-shadow(0 0 5px var(--primary))}.nav-spacer{height:calc(58px + env(safe-area-inset-bottom, 0px) + 20px);flex-shrink:0}.section-head{padding:32px 20px 12px;font-size:10px;font-weight:700;color:var(--sage);letter-spacing:1.2px;text-transform:uppercase;display:flex;align-items:center}.section-head:first-child{padding-top:20px}.profile-hero{background:linear-gradient(160deg,rgba(61,220,255,.04) 0,var(--bg) 70%);padding:28px 20px 24px;position:relative}.hero-top{gap:16px;margin-bottom:20px}.hero-top,.ovr-ring{display:flex;align-items:center}.ovr-ring{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);flex-direction:column;justify-content:center;flex-shrink:0}.ovr-num{font-family:var(--font-mono);font-size:28px;font-weight:700;color:#fff;line-height:1;letter-spacing:-1px}.ovr-label{font-size:9px;color:hsla(0,0%,100%,.6);font-weight:600;letter-spacing:.5px}.hero-info{flex:1 1}.hero-name{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text);letter-spacing:.5px;line-height:1.1}.hero-sub{font-size:13px;color:var(--sage);margin-top:3px}.tier-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--r-full);border:1px solid var(--primary-border);background:var(--primary-subtle);font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.3px;margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding:0 20px 20px}.stat-grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.stat-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);padding:20px 16px}.stat-icon{width:30px;height:30px;border-radius:8px;background:var(--primary-subtle);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.stat-label{font-size:10px;color:var(--sage);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-val{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.5px;line-height:1}.stat-sub{font-size:10px;color:var(--primary);margin-top:3px;font-weight:600}.btn-primary{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:var(--r-md);font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .2s;letter-spacing:.2px;font-family:var(--font-body)}.btn-primary:hover{opacity:.9;box-shadow:0 0 24px var(--primary-glow),0 4px 16px rgba(0,0,0,.3)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-outline{width:100%;padding:14px;background:transparent;color:var(--primary);border:1.5px solid var(--primary-border);border-radius:var(--r-md);font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;font-family:var(--font-body)}.btn-outline:hover{background:var(--primary-subtle)}.btn-outline:active{transform:scale(.97)}.btn-ghost{width:100%;padding:13px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--r-md);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;font-family:var(--font-body)}.btn-ghost:hover{background:var(--surface-3)}.btn-ghost:active{transform:scale(.97)}.input{width:100%;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-size:15px;color:var(--text);outline:none;transition:border-color .2s;-webkit-appearance:none;font-family:var(--font-body)}.input:focus{border-color:var(--primary)}.input::placeholder{color:var(--text-tertiary)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(138,155,142,0.6)' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}select.input option{background:#1c1c26;color:var(--text)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;letter-spacing:.2px}.badge-good{background:rgba(74,222,128,.1);color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge-warn{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.badge-bad{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:400% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:-100% 50%}}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;padding:32px}.spinner{width:40px;height:40px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.load-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-tertiary);opacity:.4;transition:opacity .3s,color .3s}.load-step.active{opacity:1;color:var(--text)}.load-step.done{opacity:1;color:var(--primary)}@keyframes ovrReveal{0%{transform:scale(.55);opacity:0}65%{transform:scale(1.12);opacity:1}80%{transform:scale(.96)}to{transform:scale(1);opacity:1}}@keyframes scoreReveal{0%{opacity:0;transform:translateY(12px) scale(.92)}60%{opacity:1;transform:translateY(-2px) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}.score-reveal{animation:scoreReveal .55s cubic-bezier(.34,1.56,.64,1) forwards}.kick-card{margin:0 20px 12px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-1);overflow:hidden;transition:border-color .2s}.kick-card:hover{border-color:var(--border-strong)}.kick-card-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.kick-thumb{object-fit:cover;display:block}.kick-thumb,.kick-thumb-placeholder{width:100%;aspect-ratio:16/9;background:var(--surface-2)}.kick-thumb-placeholder{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.kick-stats-row{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--border)}.ks{flex:1 1;padding:14px 16px;border-right:1px solid var(--border)}.ks:last-child{border-right:none}.ks-label{font-size:10px;color:var(--sage);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.ks-val{font-family:var(--font-mono);font-size:17px;font-weight:700;color:var(--text)}.kick-footer{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);background:var(--surface-2)}.form-label{display:block;font-size:11px;font-weight:700;color:var(--sage);text-transform:uppercase;letter-spacing:.8px;padding:16px 20px 8px}.dist-row{display:flex;align-items:center;gap:14px;padding:0 20px 16px}.dist-row input[type=range]{flex:1 1;accent-color:var(--primary)}.dist-val{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--text);min-width:56px;text-align:right}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:0 20px}.type-btn{padding:14px 8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-1);cursor:pointer;font-size:13px;color:var(--text-secondary);text-align:center;font-weight:600;transition:border-color .2s,background .2s;font-family:var(--font-body)}.type-btn.sel{border:1.5px solid var(--primary);color:var(--primary);background:var(--primary-subtle);font-weight:700}.upload-zone{margin:16px 20px;border:1.5px dashed var(--border-strong);border-radius:var(--r-xl);padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;background:var(--surface-1);text-align:center;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--primary);background:var(--primary-subtle)}.result-header{background:linear-gradient(160deg,rgba(61,220,255,.05) 0,var(--bg) 65%);padding:28px 20px;display:flex;justify-content:space-between;align-items:flex-start;position:relative}.r-score{font-family:var(--font-mono);font-size:56px;font-weight:700;color:var(--text);letter-spacing:-2px;line-height:1}.r-label{font-size:10px;color:var(--sage);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-top:4px}.r-dist{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.metric-name{font-size:14px;color:var(--text-secondary);font-weight:500}.fb-card{margin:0 20px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.fb-label{font-size:10px;color:var(--sage);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.fb-card p{font-size:14px;color:var(--text-secondary);line-height:1.7}.attr-row{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}.attr-name{font-size:13px;color:var(--text-secondary);width:95px;flex-shrink:0;font-weight:500}.attr-bar{flex:1 1;height:4px;background:var(--surface-3);overflow:hidden}.attr-bar,.attr-fill{border-radius:var(--r-full)}.attr-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-alt));transition:width .6s cubic-bezier(.34,1.56,.64,1)}.attr-val{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--text);width:26px;text-align:right}.chart-wrap{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.chart-label{font-size:10px;color:var(--sage);font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:90px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1 1}.bar{width:100%;background:linear-gradient(to top,var(--primary),var(--primary-alt));border-radius:4px 4px 0 0;min-height:4px;transition:height .5s ease}.bar-x{font-size:9px;color:var(--sage);font-weight:500}.bar-y{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);font-weight:700}.milestone{gap:14px;padding:16px 20px;border-bottom:1px solid var(--border)}.milestone,.ms-icon{display:flex;align-items:center}.ms-icon{width:40px;height:40px;border-radius:10px;justify-content:center;flex-shrink:0}.ms-icon.done{background:var(--primary-subtle);border:1px solid var(--primary-border)}.ms-icon.locked{background:var(--surface-2);border:1px solid var(--border);opacity:.5}.ms-title{font-size:14px;font-weight:700;color:var(--text)}.ms-desc{font-size:12px;color:var(--sage);margin-top:2px}.ms-badge{font-size:11px;padding:3px 10px;border-radius:var(--r-full);font-weight:700}.ms-done{background:var(--primary-subtle);color:var(--primary);border:1px solid var(--primary-border)}.ms-lock{background:var(--surface-2);color:var(--sage);border:1px solid var(--border)}.lb-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);transition:background .15s}.lb-row:hover{background:var(--surface-1)}.lb-rank{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--sage);width:28px;flex-shrink:0;text-align:center}.lb-rank.gold{color:var(--gold)}.lb-rank.silver{color:#94a3b8}.lb-rank.bronze{color:#b45309}.lb-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary-subtle);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--primary);flex-shrink:0;overflow:hidden}.lb-info{flex:1 1;min-width:0}.lb-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-sub{font-size:11px;color:var(--sage);margin-top:2px}.lb-ovr{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--primary);letter-spacing:-.5px}.lb-ovr-label{font-size:9px;color:var(--sage);text-align:right;font-weight:700;letter-spacing:.5px}.lb-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 4px}.lb-tab{flex:1 1;padding:12px 4px;text-align:center;font-size:12px;font-weight:700;color:var(--sage);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;margin-bottom:-1px}.lb-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.you-row{background:var(--primary-subtle)!important;border-left:2px solid var(--primary)}.podium-card{border-radius:var(--r-lg);overflow:hidden;margin:0 20px 10px}.podium-gold{background:linear-gradient(135deg,rgba(212,175,55,.08) 0,var(--surface-1) 100%);border:1px solid rgba(212,175,55,.2)}.podium-silver{background:linear-gradient(135deg,rgba(148,163,184,.06) 0,var(--surface-1) 100%);border:1px solid rgba(148,163,184,.12)}.podium-bronze{background:linear-gradient(135deg,rgba(180,83,9,.06) 0,var(--surface-1) 100%);border:1px solid rgba(180,83,9,.12)}.auth-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px 24px;gap:20px;background:var(--bg)}.auth-logo{font-family:var(--font-display);font-size:42px;font-weight:700;color:var(--text);letter-spacing:1px;margin-bottom:4px}.auth-logo span{color:var(--primary)}.auth-card{width:100%;max-width:380px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px 24px;display:flex;flex-direction:column;gap:14px}.auth-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);letter-spacing:.3px;margin-bottom:2px}.divider{display:flex;align-items:center;gap:12px;color:var(--sage);font-size:12px;font-weight:500}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.error-msg{font-size:13px;color:#f87171;background:var(--danger-subtle);border:1px solid rgba(239,68,68,.15);padding:12px 14px;border-radius:var(--r-md);line-height:1.5}.scheme-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;padding:0 20px 12px}.scheme-btn{height:36px;border-radius:8px;border:2.5px solid transparent;cursor:pointer;transition:transform .15s}.scheme-btn.sel,.scheme-btn:hover{transform:scale(1.1)}.scheme-btn.sel{border-color:var(--text)}.onboarding-wrap{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;max-width:430px;margin:0 auto}.step-dots{display:flex;gap:6px;align-items:center}.step-dot{width:6px;height:6px;border-radius:50%;background:var(--surface-3);transition:all .3s ease}.step-dot.active{width:20px;border-radius:3px;background:var(--primary)}.step-dot.done{background:var(--primary);opacity:.5}.color-option{width:60px;height:60px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s;box-shadow:0 4px 16px rgba(0,0,0,.4)}.color-option:hover{transform:scale(1.08)}.color-option.selected{border-color:#fff;transform:scale(1.15)}.goal-option{width:100%;padding:16px 20px;background:var(--surface-1);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);text-align:left;transition:border-color .15s,background .15s,color .15s;font-family:var(--font-body)}.goal-option:hover{border-color:var(--primary);color:var(--text)}.goal-option.sel{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.confetti-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:200}.confetti-piece{position:absolute;top:-10px;border-radius:2px;animation:confettiFall 3.5s ease-in forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}.filmstrip{display:flex;gap:10px;overflow-x:auto;padding:0 20px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.filmstrip::-webkit-scrollbar{display:none}.frame-card{flex-shrink:0;width:140px;border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--border);overflow:hidden;scroll-snap-align:start;cursor:pointer;transition:border-color .2s}.frame-card.active{border-color:var(--primary)}.frame-canvas{width:100%;display:block;background:var(--surface-2)}.frame-label{padding:6px 8px;font-size:10px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.drill-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;margin:0 20px 12px}.drill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.drill-name{font-size:14px;font-weight:700;color:var(--text);flex:1 1}.drill-sets{font-size:12px;font-weight:700;color:var(--primary);background:var(--primary-subtle);padding:2px 8px;border-radius:var(--r-full);border:1px solid var(--primary-border);white-space:nowrap;margin-left:8px}.drill-desc{font-size:13px;color:var(--text-secondary);line-height:1.65}.drill-target{margin-top:6px;font-size:11px;color:var(--sage);font-weight:500}.settings-row{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-1);cursor:pointer;transition:background .15s}.settings-row:hover{background:var(--surface-2)}.settings-label{font-size:15px;color:var(--text);flex:1 1}.settings-value{font-size:14px;color:var(--sage);margin-right:8px}.pricing-card{margin:0 20px 16px;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface-1);overflow:hidden}.pricing-card.featured{border:2px solid var(--primary-border)}.pricing-card.current{background:linear-gradient(135deg,rgba(61,220,255,.04) 0,var(--surface-1) 100%);border-color:var(--primary-border)}.pricing-badge{background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:7px 0;text-align:center;letter-spacing:.8px;text-transform:uppercase}.pricing-body{padding:24px}.pricing-name{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);letter-spacing:.5px}.pricing-desc{font-size:12px;color:var(--sage);margin-top:3px}.pricing-price{font-family:var(--font-mono);font-size:38px;font-weight:700;color:var(--text);letter-spacing:-1px;line-height:1.1;margin:16px 0 2px}.pricing-price-mo{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--sage);letter-spacing:0}.weekly-card{margin:20px;background:linear-gradient(135deg,rgba(61,220,255,.05) 0,var(--surface-1) 100%);border:1px solid var(--primary-border);border-radius:var(--r-xl);padding:24px}.camera-overlay{position:fixed;inset:0;background:#000;z-index:1000;display:flex;flex-direction:column;max-width:430px;margin:0 auto}.camera-preview{flex:1 1;background:#000;object-fit:cover;width:100%}.camera-controls{padding:24px 20px 40px;gap:32px;background:rgba(0,0,0,.9)}.camera-controls,.record-btn-outer{display:flex;align-items:center;justify-content:center}.record-btn-outer{width:72px;height:72px;border-radius:50%;border:3px solid hsla(0,0%,100%,.3);cursor:pointer;transition:border-color .2s}.record-btn-outer:hover{border-color:hsla(0,0%,100%,.6)}.record-btn-inner{width:54px;height:54px;border-radius:50%;background:var(--danger);transition:border-radius .2s,transform .2s}.record-btn-inner.recording{border-radius:8px;transform:scale(.72)}@keyframes badgeSlideUp{0%{transform:translateX(-50%) translateY(100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes badgePop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.goat-badge-outer{width:160px;height:160px;background:conic-gradient(from 0deg,#ff0080,#ff8c00,#ffe600,#00ff60,#00cfff,#c0f,#ff0080);animation:goatSpin 3.5s linear infinite;position:relative;z-index:1}.goat-badge-inner,.goat-badge-outer{border-radius:50%;display:flex;align-items:center;justify-content:center}.goat-badge-inner{width:142px;height:142px;background:rgba(8,8,8,.88)}@keyframes goatSpin{to{transform:rotate(1turn)}}.goat-ring{position:absolute;border-radius:50%;background:transparent;animation:goatRingPulse 2.2s ease-in-out infinite}.goat-ring-1{width:188px;height:188px;border:2px solid rgba(255,100,255,.45);animation-delay:0s}.goat-ring-2{width:222px;height:222px;border:1.5px solid rgba(100,255,180,.28);animation-delay:.45s}.goat-ring-3{width:256px;height:256px;border:1px solid rgba(255,220,0,.18);animation-delay:.9s}@keyframes goatRingPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:1}}@keyframes legendAura{0%,to{box-shadow:0 0 22px rgba(212,175,55,.5),0 0 45px rgba(212,175,55,.2)}50%{box-shadow:0 0 38px rgba(212,175,55,.75),0 0 75px rgba(212,175,55,.3)}}@keyframes legendParticleFly{0%{transform:translate(0) scale(1);opacity:.9}to{transform:translate(var(--px),var(--py)) scale(.1);opacity:0}}@keyframes legendShimmer{0%{background-position:-300%}to{background-position:300%}}@keyframes auroraFlow{0%,to{background-position:0 50%;transform:rotate(0deg) scale(1.25)}33%{background-position:100% 50%}66%{background-position:50% 0;transform:rotate(1.5deg) scale(1.3)}}@keyframes goldShimmer{0%{background-position:-300%}to{background-position:300%}}@keyframes goldRingCW{to{transform:rotate(1turn)}}@keyframes goldRingCCW{to{transform:rotate(-1turn)}}@keyframes eliteRainbow{0%,to{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes footballFloat{0%,to{transform:translateY(0) rotate(0deg);opacity:var(--fb-op,.07)}50%{transform:translateY(-14px) rotate(18deg);opacity:calc(var(--fb-op,.07)*1.8)}}@keyframes starTwinkle{0%{opacity:var(--s-lo,.2);transform:scale(.85)}to{opacity:var(--s-hi,.7);transform:scale(1.2)}}@keyframes nebulaDrift{0%,to{transform:translate(0) scale(1);opacity:.18}50%{transform:translate(10px,-8px) scale(1.06);opacity:.26}}@keyframes supernovaPulse{0%,to{box-shadow:0 0 30px rgba(255,215,0,.6),0 0 60px rgba(255,140,0,.3)}50%{box-shadow:0 0 55px rgba(255,215,0,.9),0 0 110px rgba(255,140,0,.55);transform:scale(1.07)}}@keyframes holoShift{0%{filter:hue-rotate(0deg) brightness(1.1)}33%{filter:hue-rotate(120deg) brightness(1.3)}66%{filter:hue-rotate(240deg) brightness(1.1)}to{filter:hue-rotate(1turn) brightness(1.1)}}@keyframes orbitA{0%{transform:rotate(0deg) translateX(46px) rotate(0deg)}to{transform:rotate(1turn) translateX(46px) rotate(-1turn)}}@keyframes orbitB{0%{transform:rotate(120deg) translateX(46px) rotate(-120deg)}to{transform:rotate(480deg) translateX(46px) rotate(-480deg)}}@keyframes orbitC{0%{transform:rotate(240deg) translateX(46px) rotate(-240deg)}to{transform:rotate(600deg) translateX(46px) rotate(-600deg)}}@keyframes crownFloat{0%,to{transform:translateX(-50%) translateY(0) rotate(-5deg)}50%{transform:translateX(-50%) translateY(-5px) rotate(5deg)}}@keyframes crownGlowGold{0%,to{filter:drop-shadow(0 0 4px #D4AF37) drop-shadow(0 0 9px rgba(212,175,55,.4))}50%{filter:drop-shadow(0 0 9px #D4AF37) drop-shadow(0 0 18px rgba(212,175,55,.65))}}@keyframes crownGlowSilver{0%,to{filter:drop-shadow(0 0 3px #94A3B8) drop-shadow(0 0 7px rgba(148,163,184,.4))}50%{filter:drop-shadow(0 0 7px #94A3B8) drop-shadow(0 0 14px rgba(148,163,184,.65))}}@keyframes crownGlowBronze{0%,to{filter:drop-shadow(0 0 3px #CD7C3A) drop-shadow(0 0 7px rgba(205,124,58,.4))}50%{filter:drop-shadow(0 0 6px #CD7C3A) drop-shadow(0 0 12px rgba(205,124,58,.65))}}@keyframes galaxyRow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes transcendReveal{0%{opacity:0;transform:scale(.88) translateY(16px)}18%{opacity:1;transform:scale(1.02) translateY(0)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes transcendLine{0%{transform:scaleX(0) translateX(-50%);opacity:0}40%{transform:scaleX(1) translateX(0);opacity:1}to{transform:scaleX(1) translateX(0);opacity:0}}@keyframes top3PodiumGlow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 20px var(--glow-color,rgba(212,175,55,.35))}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.ovr-banner{background:linear-gradient(160deg,rgba(61,220,255,.05) 0,var(--bg) 60%);padding:24px 20px;display:flex;align-items:center;gap:16px}.ovr-info{flex:1 1}.ovr-name{font-size:16px;font-weight:700;color:var(--text)}.ovr-pos{font-size:13px;color:var(--sage);margin-bottom:8px}.ovr-tier{display:inline-block;font-size:11px;padding:3px 12px;border-radius:var(--r-full);background:var(--primary-subtle);color:var(--primary);font-weight:700;border:1px solid var(--primary-border)}.ovr-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}