*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #F5F0EB;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #FAFAF8;--bg-subtle: #F0EBE5;--sage: #7C9082;--sage-light: #9AB3A2;--sage-dark: #5A7062;--sage-bg: rgba(124, 144, 130, .08);--sage-border: rgba(124, 144, 130, .2);--blush: #D4A5A5;--blush-light: #E8C4C4;--blush-dark: #B8817F;--blush-bg: rgba(212, 165, 165, .1);--terracotta: #C4917A;--warm: #D4B896;--text-primary: #2D2D2D;--text-secondary: #6B6560;--text-muted: #A09B93;--border: rgba(45, 45, 45, .08);--border-hover: rgba(45, 45, 45, .15);--shadow-sm: 0 1px 3px rgba(45, 45, 45, .06);--shadow-md: 0 4px 16px rgba(45, 45, 45, .08);--shadow-lg: 0 8px 32px rgba(45, 45, 45, .1);--shadow-xl: 0 16px 48px rgba(45, 45, 45, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--ff-heading: "Outfit", sans-serif;--ff-body: "DM Sans", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}body{font-family:var(--ff-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--ff-heading);font-weight:700;line-height:1.15;color:var(--text-primary)}h2{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em}h3{font-size:1.15rem;color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{padding:14px 36px;border-radius:100px;font-family:var(--ff-heading);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .3s var(--ease-out);letter-spacing:.02em}.btn--primary{background:var(--sage);color:#fff;box-shadow:0 4px 6px #7c908240,0 2px 4px #0000001a,inset 0 1px #fff3}.btn--primary:hover{background:var(--sage-dark);transform:translateY(-2px);box-shadow:0 8px 16px #7c908259,0 4px 8px #0000001f,inset 0 1px #fff3}.btn--primary:active{transform:translateY(1px);box-shadow:0 2px 3px #7c908233,0 1px 2px #00000014,inset 0 1px #ffffff1a}.btn--outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-hover)}.btn--outline:hover{border-color:var(--sage);color:var(--sage);transform:translateY(-2px)}.btn--full{width:100%}.btn--sm{padding:8px 24px;font-size:.82rem}.btn--lg{padding:18px 48px;font-size:1.05rem;letter-spacing:.03em}.landing{min-height:100vh;overflow-x:hidden;background:var(--bg-primary)}.landing__nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#f5f0ebb3;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);border-bottom:1px solid rgba(45,45,45,.05);transition:background .3s,box-shadow .3s}.landing__nav-logo{display:flex;align-items:center;gap:10px}.landing__nav-logo-text{font-family:var(--ff-heading);font-size:1.5rem;font-weight:900;letter-spacing:-.03em;color:var(--text-primary)}.landing__hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;overflow:hidden}.landing__hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(124,144,130,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(212,165,165,.12) 0%,transparent 50%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(196,145,122,.1) 0%,transparent 50%),linear-gradient(135deg,#f5f0eb,#e8ede9,#f5f0eb,#f0e8e4,#f5f0eb);background-size:100% 100%,100% 100%,100% 100%,300% 300%;animation:gradientWave 12s ease infinite;z-index:0}.landing__hero:before,.landing__hero:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);z-index:0;will-change:transform}.landing__hero:before{width:600px;height:600px;top:-10%;left:-10%;background:radial-gradient(circle,#7c908240,#7c908200 70%);animation:blobFloat1 8s ease-in-out infinite}.landing__hero:after{width:500px;height:500px;bottom:-5%;right:-5%;background:radial-gradient(circle,#d4a5a533,#d4a5a500 70%);animation:blobFloat2 10s ease-in-out infinite}.landing__hero-bg:before{content:"";position:absolute;width:400px;height:400px;top:30%;right:20%;border-radius:50%;background:radial-gradient(circle,#c4917a2e,#c4917a00 70%);filter:blur(60px);animation:blobFloat3 12s ease-in-out infinite;z-index:0}.landing__hero-content{position:relative;z-index:1;max-width:720px;padding:0 24px}.landing__badge{display:inline-block;padding:8px 24px;margin-bottom:32px;background:linear-gradient(135deg,#7c90821f,#7c90820f);border:1px solid rgba(124,144,130,.25);border-radius:100px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--sage-dark);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeInUp .8s var(--ease-out) both}.landing__title{font-family:var(--ff-heading);font-size:clamp(4.5rem,14vw,9rem);font-weight:900;line-height:.9;letter-spacing:-.05em;margin-top:8px;margin-bottom:16px;color:var(--text-primary);background:linear-gradient(135deg,#2d2d2d,#5a7062,#2d2d2d);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s .15s var(--ease-out) both,titleShimmer 6s ease infinite}.landing__tagline{font-family:var(--ff-heading);font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:600;color:var(--sage);letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px;animation:fadeInUp 1s .25s var(--ease-out) both}.landing__subtitle{font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.7;color:var(--text-secondary);margin-bottom:48px;animation:fadeInUp 1s .35s var(--ease-out) both}.landing__cta{animation:fadeInUp 1s .45s var(--ease-out) both}.landing__cta .btn--primary{padding:16px 48px;font-size:1.05rem;font-weight:700;border-radius:100px;box-shadow:0 8px 32px #7c90824d,0 2px 8px #7c908233;transition:all .4s var(--ease-out)}.landing__cta .btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7c908266,0 4px 12px #7c908240}.landing__stats-section{padding:72px 0;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-primary) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}.landing__stats{display:flex;justify-content:center;gap:100px}.landing__stat{text-align:center;transition:transform .3s var(--ease-out)}.landing__stat:hover{transform:translateY(-4px)}.landing__stat-number{display:block;font-family:var(--ff-heading);font-size:2.8rem;font-weight:800;color:var(--sage);filter:drop-shadow(0 2px 8px rgba(124,144,130,.2))}.landing__stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-top:6px;font-weight:500}.landing__values{padding:100px 0}.landing__values-heading{text-align:center;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin-bottom:60px;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.08)}.landing__values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing__value-card{background:#fffc;border:1px solid rgba(45,45,45,.06);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;transition:all .5s var(--ease-out);box-shadow:0 2px 8px #0000000a,0 8px 24px #00000008;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.landing__value-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(124,144,130,.08) 0%,transparent 50%,rgba(212,165,165,.06) 100%);opacity:0;transition:opacity .5s var(--ease-out)}.landing__value-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a;border-color:#7c908233}.landing__value-card:hover:before{opacity:1}.landing__value-icon{font-size:2.8rem;margin-bottom:20px;display:inline-block;animation:iconFloat 3s ease-in-out infinite}.landing__value-card:nth-child(2) .landing__value-icon{animation-delay:.5s}.landing__value-card:nth-child(3) .landing__value-icon{animation-delay:1s}.landing__value-title{font-family:var(--ff-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;position:relative;z-index:1}.landing__value-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.7;position:relative;z-index:1}.landing__testimonials{padding:100px 0;background:var(--bg-surface);border-top:1px solid var(--border);position:relative}.landing__testimonials-heading{text-align:center;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;margin-bottom:56px;letter-spacing:-.02em}.landing__testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing__testimonial-card{background:linear-gradient(145deg,var(--bg-primary),rgba(255,255,255,.6));border:1px solid rgba(45,45,45,.06);border-radius:var(--radius-lg);padding:36px;transition:all .5s var(--ease-out);box-shadow:0 2px 8px #0000000a,0 8px 24px #00000008;position:relative;overflow:hidden}.landing__testimonial-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(124,144,130,.06) 0%,transparent 50%);opacity:0;transition:opacity .5s;pointer-events:none}.landing__testimonial-card:hover{transform:translateY(-6px);box-shadow:0 8px 32px #00000014,0 4px 12px #0000000a;border-color:#7c908226}.landing__testimonial-card:hover:after{opacity:1}.landing__testimonial-text{font-size:.95rem;font-style:italic;color:var(--text-secondary);line-height:1.7;margin-bottom:20px;position:relative;z-index:1}.landing__testimonial-author{display:flex;align-items:center;gap:12px}.landing__testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.landing__testimonial-name{font-weight:700;font-size:.9rem;color:var(--text-primary)}.landing__testimonial-role{font-size:.75rem;color:var(--text-muted)}.landing__bottom-cta{text-align:center;padding:100px 0 120px;position:relative;overflow:hidden}.landing__bottom-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 80%,rgba(124,144,130,.08) 0%,transparent 70%);pointer-events:none}.landing__bottom-title{font-family:var(--ff-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin-bottom:16px;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.08)}.landing__bottom-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:32px}.landing__footer{border-top:1px solid var(--border);padding:40px 0}.landing__footer-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.landing__footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--ff-heading);font-weight:800;font-size:1.1rem;color:var(--text-primary)}.landing__footer-links{display:flex;gap:24px}.landing__footer-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .2s}.landing__footer-links a:hover{color:var(--sage)}.landing__footer-copy{font-size:.75rem;color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing__particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.lp{position:absolute;bottom:-10px;border-radius:50%;background:var(--sage);opacity:0;animation:floatParticle linear infinite;will-change:transform}.lp:nth-child(1){left:5%;width:5px;height:5px;opacity:.15;animation-duration:14s;animation-delay:0s}.lp:nth-child(2){left:12%;width:4px;height:4px;opacity:.1;animation-duration:18s;animation-delay:2s}.lp:nth-child(3){left:20%;width:6px;height:6px;opacity:.18;animation-duration:12s;animation-delay:1s}.lp:nth-child(4){left:28%;width:3px;height:3px;opacity:.12;animation-duration:16s;animation-delay:4s}.lp:nth-child(5){left:35%;width:5px;height:5px;opacity:.08;animation-duration:20s;animation-delay:.5s}.lp:nth-child(6){left:42%;width:7px;height:7px;opacity:.2;animation-duration:11s;animation-delay:3s;background:var(--blush)}.lp:nth-child(7){left:50%;width:4px;height:4px;opacity:.1;animation-duration:15s;animation-delay:5s}.lp:nth-child(8){left:57%;width:6px;height:6px;opacity:.16;animation-duration:13s;animation-delay:1.5s}.lp:nth-child(9){left:63%;width:5px;height:5px;opacity:.12;animation-duration:17s;animation-delay:6s}.lp:nth-child(10){left:70%;width:4px;height:4px;opacity:.08;animation-duration:19s;animation-delay:2.5s;background:var(--terracotta)}.lp:nth-child(11){left:76%;width:6px;height:6px;opacity:.18;animation-duration:14s;animation-delay:.8s}.lp:nth-child(12){left:82%;width:5px;height:5px;opacity:.14;animation-duration:16s;animation-delay:3.5s}.lp:nth-child(13){left:88%;width:4px;height:4px;opacity:.1;animation-duration:18s;animation-delay:7s;background:var(--blush)}.lp:nth-child(14){left:93%;width:6px;height:6px;opacity:.16;animation-duration:12s;animation-delay:1.2s}.lp:nth-child(15){left:8%;width:5px;height:5px;opacity:.12;animation-duration:15s;animation-delay:4.5s;background:var(--terracotta)}.lp:nth-child(16){left:45%;width:4px;height:4px;opacity:.08;animation-duration:21s;animation-delay:8s}.lp:nth-child(17){left:68%;width:7px;height:7px;opacity:.22;animation-duration:10s;animation-delay:2s}.lp:nth-child(18){left:32%;width:5px;height:5px;opacity:.14;animation-duration:14s;animation-delay:5.5s;background:var(--blush)}.lp:nth-child(19){left:15%;width:4px;height:4px;opacity:.1;animation-duration:16s;animation-delay:3s}.lp:nth-child(20){left:55%;width:6px;height:6px;opacity:.16;animation-duration:13s;animation-delay:6.5s;background:var(--terracotta)}.lp:nth-child(21){left:78%;width:3px;height:3px;opacity:.08;animation-duration:19s;animation-delay:1s}.lp:nth-child(22){left:40%;width:5px;height:5px;opacity:.12;animation-duration:15s;animation-delay:7.5s;background:var(--blush)}.lp:nth-child(23){left:60%;width:4px;height:4px;opacity:.1;animation-duration:17s;animation-delay:4s}.lp:nth-child(24){left:25%;width:6px;height:6px;opacity:.18;animation-duration:11s;animation-delay:2.5s}@keyframes floatParticle{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}10%{opacity:var(--particle-opacity, .12);transform:translateY(-10vh) translate(5px) scale(1)}50%{transform:translateY(-55vh) translate(20px) scale(1.1)}90%{opacity:var(--particle-opacity, .12)}to{transform:translateY(-110vh) translate(-10px) scale(.5);opacity:0}}@keyframes gradientWave{0%{background-position:0% 50%}25%{background-position:50% 25%}50%{background-position:100% 50%}75%{background-position:50% 75%}to{background-position:0% 50%}}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(60px,-40px) scale(1.1)}50%{transform:translate(30px,50px) scale(.95)}75%{transform:translate(-30px,20px) scale(1.05)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-50px,30px) scale(1.08)}50%{transform:translate(-20px,-50px) scale(.92)}75%{transform:translate(40px,-20px) scale(1.05)}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,-30px) scale(1.1)}66%{transform:translate(30px,40px) scale(.9)}}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.landing .reveal.reveal--visible{opacity:1;transform:translateY(0)}@keyframes logoBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.landing__nav-logo-icon,.nav__logo svg{animation:logoBreathe 4s ease-in-out infinite}.landing__value-card,.landing__testimonial-card,.lb__row,.card--leaderboard .lb__podium-item{position:relative;overflow:hidden}.landing__value-card:before,.landing__testimonial-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(124,144,130,.12) 0%,transparent 70%);transform:translate(-50%,-50%);left:var(--mouse-x, -200px);top:var(--mouse-y, -200px);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.landing__value-card:hover:before,.landing__testimonial-card:hover:before{opacity:1}.app-wrapper{display:none}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#f5f0ebe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav__logo{display:flex;align-items:center;gap:8px;font-family:var(--ff-heading);font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.nav__toggle{display:flex;position:absolute;left:50%;transform:translate(-50%);background:var(--bg-subtle);border-radius:100px;padding:4px;border:1px solid var(--border)}.nav__toggle-btn{flex:1;padding:8px 28px;border-radius:100px;border:none;background:transparent;color:var(--text-muted);font-family:var(--ff-body);font-size:.85rem;font-weight:500;cursor:pointer;position:relative;z-index:2;transition:color .3s;white-space:nowrap;text-align:center;min-width:110px}.nav__toggle-btn--active{color:#fff}.nav__toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--sage);border-radius:100px;transition:transform .4s var(--ease-spring);z-index:1}.nav__toggle--studio .nav__toggle-slider{transform:translate(100%)}.nav__user{display:flex;align-items:center;gap:10px}.nav__user-level{font-size:.75rem;font-weight:700;color:var(--sage);letter-spacing:.05em}.nav__user-avatar{width:36px;height:36px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s}.nav__user-avatar:hover{transform:scale(1.05)}.view{display:none}.view--active{display:block}.section{padding:64px 0}.section__header{text-align:center;margin-bottom:48px}.section__title{margin-bottom:8px}.section__subtitle{color:var(--text-secondary);font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all .4s var(--ease-out);box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a}.card:hover{box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f;border-color:var(--border-hover);transform:translateY(-2px)}.card__title{font-size:1.15rem;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.card__desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:20px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:20px}.card--profile{grid-column:1;grid-row:1/4}.card--res{grid-column:2;grid-row:1}.card--btl{grid-column:2;grid-row:2}.card--boss{grid-column:2;grid-row:3}.profile__header{display:flex;align-items:center;gap:20px;margin-bottom:24px}.profile__avatar-ring{position:relative;width:90px;height:90px;flex-shrink:0}.profile__avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--sage),var(--sage-dark));display:flex;align-items:center;justify-content:center;font-family:var(--ff-heading);font-size:1.5rem;font-weight:800;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile__ring-svg{position:absolute;inset:0;width:90px;height:90px;transform:rotate(-90deg)}.profile__ring-bg{fill:none;stroke:var(--border);stroke-width:4}.profile__ring-fill{fill:none;stroke:var(--sage);stroke-width:4;stroke-linecap:round;stroke-dasharray:339.292;stroke-dashoffset:108.57;transition:stroke-dashoffset 1.5s var(--ease-out)}.profile__name{font-size:1.4rem;font-weight:700}.profile__level{display:flex;align-items:center;gap:8px;margin-top:4px}.profile__level-badge{padding:3px 10px;border-radius:100px;background:var(--sage-bg);border:1px solid var(--sage-border);font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--sage)}.profile__level-num{font-size:.8rem;color:var(--text-secondary)}.profile__xp-bar{margin-bottom:24px}.profile__xp-track{height:8px;background:var(--bg-subtle);border-radius:100px;overflow:hidden;margin-bottom:6px}.profile__xp-fill{height:100%;background:linear-gradient(90deg,var(--sage-dark),var(--sage),var(--sage-light));border-radius:100px;transition:width 1.5s var(--ease-out);position:relative}.profile__xp-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));border-radius:100px;animation:xpShimmer 2s infinite}@keyframes xpShimmer{0%,to{opacity:0}50%{opacity:1}}.profile__xp-text{font-size:.75rem;color:var(--text-secondary);text-align:right}.profile__streaks{display:flex;flex-direction:column;gap:12px}.profile__streak{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border)}.profile__streak-icon{font-size:1.5rem}.profile__streak-info{flex:1}.profile__streak-count{display:block;font-weight:700;font-size:.95rem}.profile__streak-label{font-size:.75rem;color:var(--text-secondary)}.profile__streak-multiplier,.profile__streak-bonus{padding:4px 12px;border-radius:100px;font-size:.7rem;font-weight:700;letter-spacing:.05em}.profile__streak-multiplier{background:var(--sage-bg);border:1px solid var(--sage-border);color:var(--sage)}.profile__streak-bonus{background:var(--blush-bg);border:1px solid rgba(212,165,165,.25);color:var(--blush-dark)}.res__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.res__score-container{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.res__score{font-family:var(--ff-heading);font-size:3.5rem;font-weight:900;letter-spacing:-.03em;color:var(--sage)}.res__trend{font-size:.85rem;font-weight:700;padding:4px 10px;border-radius:100px}.res__trend--up{background:var(--sage-bg);color:var(--sage)}.res__trend--down{background:var(--blush-bg);color:var(--blush-dark)}.res__breakdown{display:flex;flex-direction:column;gap:10px}.res__metric{display:flex;align-items:center;gap:10px}.res__metric-label{width:75px;font-size:.8rem;color:var(--text-secondary)}.res__metric-bar{flex:1;height:6px;background:var(--bg-subtle);border-radius:100px;overflow:hidden}.res__metric-fill{height:100%;border-radius:100px;transition:width 1.2s var(--ease-out)}.res__metric-fill[data-color=strain]{background:linear-gradient(90deg,var(--sage-dark),var(--sage))}.res__metric-fill[data-color=hr]{background:linear-gradient(90deg,var(--blush-dark),var(--blush))}.res__metric-fill[data-color=steps]{background:linear-gradient(90deg,var(--terracotta),var(--warm))}.res__metric-fill[data-color=recovery]{background:linear-gradient(90deg,#7b8ec4,#a3b0e8)}.res__metric-val{width:36px;text-align:right;font-size:.8rem;font-weight:600;color:var(--text-secondary)}.btl__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.btl__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.btl__badge{padding:3px 10px;border-radius:100px;background:var(--sage-bg);border:1px solid var(--sage-border);font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--sage);text-transform:uppercase}.btl__badge--generic{background:var(--bg-subtle);border-color:var(--border);color:var(--text-secondary)}.btl__vibe-score-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.btl__vibe-score{font-family:var(--ff-heading);font-size:2.8rem;font-weight:900;letter-spacing:-.03em;color:var(--sage)}.btl__provider{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;letter-spacing:.08em;color:var(--text-secondary)}.btl__provider-dot{width:6px;height:6px;border-radius:50%;background:var(--sage);animation:btlDotPulse 2s infinite}@keyframes btlDotPulse{0%,to{opacity:.5}50%{opacity:1}}.btl__categories{display:flex;flex-direction:column;gap:12px}.btl__cat{transition:transform .2s var(--ease-out)}.btl__cat:hover{transform:translate(4px)}.btl__cat-header{display:flex;align-items:center;gap:8px;margin-bottom:5px}.btl__cat-icon{font-size:.85rem;width:20px;text-align:center}.btl__cat-name{flex:1;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.btl__cat-value{font-size:.8rem;font-weight:700;font-family:var(--ff-heading)}.btl__cat-bar{height:6px;background:var(--bg-subtle);border-radius:100px;overflow:hidden}.btl__cat-fill{height:100%;border-radius:100px;transition:width 1.4s var(--ease-out)}.btl__cat-fill--power{background:linear-gradient(90deg,var(--sage-dark),var(--sage))}.btl__cat-fill--flow{background:linear-gradient(90deg,#5aadaf,#7dd4d6)}.btl__cat-fill--grit{background:linear-gradient(90deg,var(--terracotta),var(--warm))}.btl__cat-fill--zen{background:linear-gradient(90deg,#7b8ec4,#a3b0e8)}.btl__cat[data-cat=power] .btl__cat-value{color:var(--sage)}.btl__cat[data-cat=flow] .btl__cat-value{color:#5aadaf}.btl__cat[data-cat=grit] .btl__cat-value{color:var(--terracotta)}.btl__cat[data-cat=zen] .btl__cat-value{color:#7b8ec4}.btl__bonuses{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.btl__bonus-tag{padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:600;letter-spacing:.04em}.btl__bonus-tag--positive{background:var(--sage-bg);border:1px solid var(--sage-border);color:var(--sage)}.btl__bonus-tag--penalty{background:var(--blush-bg);border:1px solid rgba(212,165,165,.25);color:var(--blush-dark)}.boss__header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.boss__crown{font-size:1.2rem}.boss__title{font-size:.85rem;font-weight:600;color:var(--sage)}.boss__current{display:flex;align-items:center;gap:12px;margin-bottom:20px}.boss__avatar{width:40px;height:40px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.boss__name{font-weight:600;font-size:.9rem}.boss__score{display:block;font-size:.75rem;color:var(--sage)}.boss__avg-bar{position:relative;height:8px;background:var(--bg-subtle);border-radius:100px;overflow:visible;margin-bottom:10px}.boss__avg-fill{height:100%;background:linear-gradient(90deg,var(--text-muted),var(--text-secondary));border-radius:100px;transition:width 1.5s var(--ease-out)}.boss__avg-marker{position:absolute;top:-22px;transform:translate(-50%);font-size:.65rem;font-weight:700;color:var(--sage);padding:2px 8px;background:var(--sage-bg);border-radius:100px;white-space:nowrap}.boss__avg-marker:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(124,144,130,.2)}.boss__avg-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.boss__beat-badge{color:var(--sage);font-weight:700}.section--profile-card,.section--res,.section--btl,.section--bnco-score,.section--boss{padding:8px 0}.section--profile-card .container,.section--res .container,.section--btl .container,.section--bnco-score .container,.section--boss .container{max-width:520px}.leaderboard-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:24px;flex-wrap:wrap}.lb-tab{padding:8px 22px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:var(--ff-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s var(--ease-out)}.lb-tab:hover{border-color:var(--sage);color:var(--sage)}.lb-tab--active{background:var(--sage);color:#fff;border-color:transparent;font-weight:700}.lb__live{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:24px;background:var(--sage-bg);border:1px solid var(--sage-border);border-radius:var(--radius-md);font-size:.8rem;font-weight:600;color:var(--sage)}.lb__live-dot{width:8px;height:8px;background:var(--sage);border-radius:50%;animation:livePulse 1.5s infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.lb__podium{display:flex;justify-content:center;align-items:flex-end;gap:16px;margin-bottom:32px;padding:20px 0}.lb__podium-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;border-radius:var(--radius-lg);background:var(--bg-subtle);border:1px solid var(--border);min-width:120px;transition:transform .3s var(--ease-out)}.lb__podium-item--1{padding:24px 28px;background:var(--sage-bg);border-color:var(--sage-border);order:2}.lb__podium-item--2{order:1}.lb__podium-item--3{order:3}.lb__podium-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--text-secondary)}.lb__podium-avatar--gold{border-color:var(--sage);background:var(--sage-bg);color:var(--sage)}.lb__podium-name{font-size:.85rem;font-weight:600}.lb__podium-score{font-size:.8rem;color:var(--sage);font-weight:700}.lb__podium-rank{font-family:var(--ff-heading);font-size:1.2rem;font-weight:900;color:var(--text-muted)}.lb__podium-item--1 .lb__podium-rank{color:var(--sage)}.lb__podium-item--2 .lb__podium-rank{color:var(--text-secondary)}.lb__podium-item--3 .lb__podium-rank{color:var(--blush)}.lb__table{display:flex;flex-direction:column;gap:4px}.lb__row{display:grid;grid-template-columns:48px 44px 1fr 80px 60px;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);transition:background .2s}.lb__row:hover{background:var(--bg-subtle)}.lb__row--you{background:var(--sage-bg);border:1px solid var(--sage-border)}.lb__rank{font-family:var(--ff-heading);font-weight:800;font-size:.9rem;color:var(--text-muted);text-align:center}.lb__row--you .lb__rank{color:var(--sage)}.lb__avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.lb__name{font-size:.85rem;font-weight:500}.lb__score{font-size:.85rem;font-weight:700;color:var(--sage);text-align:right}.lb__change{font-size:.75rem;font-weight:600;text-align:right}.lb__change--up{color:var(--sage)}.lb__change--down{color:var(--blush-dark)}.lb__change--same{color:var(--text-muted)}.ghost__header{margin-bottom:24px}.ghost__vs{display:flex;align-items:center;justify-content:center;gap:24px}.ghost__racer{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8rem;font-weight:600}.ghost__racer-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.ghost__racer--you .ghost__racer-avatar{background:var(--sage);color:#fff}.ghost__racer-avatar--ghost{background:var(--blush-bg);border:1px solid rgba(212,165,165,.25)}.ghost__vs-text{font-family:var(--ff-heading);font-size:1.5rem;font-weight:900;color:var(--text-muted)}.ghost__timeline{margin-bottom:20px}.ghost__track{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.ghost__bar{height:28px;border-radius:var(--radius-sm);position:relative;transition:width 1.5s var(--ease-out);display:flex;align-items:center;padding:0 12px;font-size:.7rem;font-weight:700}.ghost__bar--you{background:linear-gradient(90deg,var(--sage-dark),var(--sage));color:#fff;width:72%}.ghost__bar--ghost{background:linear-gradient(90deg,#d4a5a54d,#d4a5a526);color:var(--blush-dark);width:66%;border:1px solid rgba(212,165,165,.2)}.ghost__bar:after{content:attr(data-label);position:absolute;right:12px}.ghost__minutes{display:flex;justify-content:space-between;font-size:.65rem;color:var(--text-muted);padding:0 4px}.ghost__status{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--sage-bg);border:1px solid var(--sage-border);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.ghost__status-icon{font-size:1.2rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.achievement{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:24px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out);cursor:default;box-shadow:var(--shadow-sm)}.achievement:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.achievement--locked{opacity:.35;filter:grayscale(.8)}.achievement--locked:hover{transform:none;opacity:.45}.achievement__icon{font-size:2.2rem}.achievement__name{font-size:.8rem;font-weight:700}.achievement__desc{font-size:.65rem;color:var(--text-muted);line-height:1.4}.achievement--earned{border-color:var(--sage-border)}.achievement--earned .achievement__name{color:var(--sage)}.studio-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.card--stat{text-align:center;padding:24px 16px}.stat__icon{font-size:2rem;margin-bottom:8px}.stat__value{font-family:var(--ff-heading);font-size:2.2rem;font-weight:900;color:var(--sage);letter-spacing:-.02em}.stat__label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mission-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.form-input,.form-select{padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--ff-body);font-size:.9rem;transition:border-color .3s;outline:none}.form-input:focus,.form-select:focus{border-color:var(--sage);box-shadow:0 0 0 3px #7c90821a}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6560' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-select option{background:var(--bg-surface);color:var(--text-primary)}.missions-list{display:flex;flex-direction:column;gap:12px}.mission-item{padding:16px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.mission-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mission-item__name{font-weight:700;font-size:.9rem}.mission-item__badge{padding:3px 10px;border-radius:100px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mission-item__badge--active{background:var(--sage-bg);color:var(--sage);border:1px solid var(--sage-border)}.mission-item__progress-track{height:6px;background:#2d2d2d0f;border-radius:100px;overflow:hidden;margin-bottom:6px}.mission-item__progress-fill{height:100%;background:linear-gradient(90deg,var(--sage-dark),var(--sage));border-radius:100px;transition:width 1s var(--ease-out)}.mission-item__meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.controls-list{display:flex;flex-direction:column;gap:12px}.control-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border)}.control-info{display:flex;align-items:center;gap:12px}.control-name{font-weight:600;font-size:.9rem}.control-weight{font-size:.75rem;color:var(--sage);font-weight:700}.toggle{position:relative;width:48px;height:26px;display:inline-block}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;inset:0;background:var(--bg-subtle);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:background .3s}.toggle__slider:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-muted);transition:all .3s var(--ease-spring)}.toggle input:checked+.toggle__slider{background:var(--sage);border-color:var(--sage)}.toggle input:checked+.toggle__slider:before{transform:translate(22px);background:#fff}.analytics-chart{display:flex;flex-direction:column;gap:10px}.analytics-bar{display:flex;align-items:center;gap:12px}.analytics-bar__label{width:140px;font-size:.8rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-bar__track{flex:1;height:24px;background:var(--bg-subtle);border-radius:var(--radius-sm);overflow:hidden;position:relative}.analytics-bar__fill{height:100%;border-radius:var(--radius-sm);transition:width 1.2s var(--ease-out);display:flex;align-items:center;padding-left:10px;font-size:.7rem;font-weight:700;color:#fff}.analytics-bar__fill--1st{background:linear-gradient(90deg,var(--sage-dark),var(--sage))}.analytics-bar__fill--2nd{background:linear-gradient(90deg,var(--text-muted),var(--text-secondary))}.analytics-bar__fill--3rd{background:linear-gradient(90deg,var(--blush-dark),var(--blush))}.analytics-bar__fill--you{background:linear-gradient(90deg,var(--sage),var(--sage-light));box-shadow:0 0 12px #7c90824d}.analytics-bar__rank{width:28px;font-size:.75rem;font-weight:700;color:var(--text-muted);text-align:right}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal--visible{opacity:1;transform:translateY(0)}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardSlideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes cardSlideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scoreCountUp{0%{opacity:0;transform:scale(.5)}40%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{width:0}}@keyframes gaugeStroke{0%{stroke-dashoffset:var(--gauge-circumference, 282)}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}.app-nav.app-animate{animation:navSlideDown .5s var(--ease-out) both}.app-animate .card--profile{animation:cardSlideRight .6s var(--ease-out) .1s both}.app-animate .card--res{animation:cardSlideLeft .6s var(--ease-out) .2s both}.app-animate .card--btl{animation:cardSlideLeft .6s var(--ease-out) .35s both}.app-animate .card--boss{animation:cardSlideLeft .6s var(--ease-out) .5s both}.app-animate .card--bnco-score{animation:cardSlideUp .7s var(--ease-out) .3s both}.app-animate .bnco-score__value,.app-animate .res__score,.app-animate .btl__score{animation:scoreCountUp .8s var(--ease-spring) .6s both}.app-animate .bnco-score__bar-fill,.app-animate .btl__bar-fill,.app-animate .res__bar-fill{animation:barGrow 1.2s var(--ease-out) .7s both}#leaderboardSection.app-animate{animation:sectionReveal .7s var(--ease-out) .15s both}#ghostSection.app-animate{animation:sectionReveal .7s var(--ease-out) .3s both}#achievementsSection.app-animate{animation:sectionReveal .7s var(--ease-out) .45s both}#goalsSection.app-animate{animation:sectionReveal .7s var(--ease-out) .6s both}#settingsSection.app-animate{animation:sectionReveal .7s var(--ease-out) .75s both}.app-animate .podium__card:nth-child(1){animation:badgePop .5s var(--ease-spring) .5s both}.app-animate .podium__card:nth-child(2){animation:badgePop .5s var(--ease-spring) .65s both}.app-animate .podium__card:nth-child(3){animation:badgePop .5s var(--ease-spring) .8s both}.app-animate .profile__level-badge{animation:badgePop .6s var(--ease-spring) .4s both}.app-animate .profile__streak:nth-child(1){animation:cardSlideUp .5s var(--ease-out) .5s both}.app-animate .profile__streak:nth-child(2){animation:cardSlideUp .5s var(--ease-out) .65s both}.app-animate .goals__stat:nth-child(1){animation:cardSlideUp .4s var(--ease-out) .7s both}.app-animate .goals__stat:nth-child(2){animation:cardSlideUp .4s var(--ease-out) .8s both}.app-animate .goals__stat:nth-child(3){animation:cardSlideUp .4s var(--ease-out) .9s both}.card{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.app-nav__link--active{position:relative}.app-nav__link--active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--accent-sage);border-radius:50%;animation:badgePop .4s var(--ease-spring) both}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#f5f0ebeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:6px 0 env(safe-area-inset-bottom,6px)}.mobile-tab-bar__inner{display:flex;justify-content:space-around;align-items:center;max-width:400px;margin:0 auto}.mobile-tab-bar__btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-family:var(--ff-body);font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius-md);transition:color .3s;min-width:72px;min-height:44px}.mobile-tab-bar__btn--active{color:var(--sage)}.mobile-tab-bar__icon{font-size:1.3rem;line-height:1}.auth-modal{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out)}.auth-modal--visible{opacity:1;pointer-events:auto}.auth-modal__backdrop{position:absolute;inset:0;background:#2d2d2d80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-modal__container{position:relative;z-index:1;width:100%;max-width:420px;padding:0 24px}.auth-modal__card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 32px;box-shadow:var(--shadow-xl)}.auth-modal__logo{font-family:var(--ff-heading);font-size:1.8rem;font-weight:900;text-align:center;margin-bottom:4px;letter-spacing:-.02em;color:var(--text-primary)}.auth-modal__tagline{text-align:center;font-size:.85rem;color:var(--text-secondary);margin-bottom:28px}.auth-modal__tabs{display:flex;position:relative;background:var(--bg-subtle);border-radius:100px;padding:4px;margin-bottom:24px;border:1px solid var(--border)}.auth-modal__tab{flex:1;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-family:var(--ff-body);font-size:.85rem;font-weight:600;cursor:pointer;position:relative;z-index:2;transition:color .3s;text-align:center;border-radius:100px}.auth-modal__tab--active{color:#fff}.auth-modal__tab-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--sage);border-radius:100px;transition:transform .4s var(--ease-spring);z-index:1}.auth-modal__form{display:flex;flex-direction:column;gap:16px}.auth-modal__field{display:flex;flex-direction:column;gap:6px}.auth-modal__error{padding:10px 16px;background:var(--blush-bg);border:1px solid rgba(212,165,165,.25);border-radius:var(--radius-md);color:var(--blush-dark);font-size:.82rem;margin-bottom:16px}.auth-modal__spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:authSpin .6s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-modal__divider{display:flex;align-items:center;gap:16px;margin:20px 0;color:var(--text-muted);font-size:.75rem}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-modal__google{display:flex;justify-content:center}.auth-modal__google-btn{display:flex;align-items:center;gap:10px;padding:12px 28px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:100px;color:var(--text-primary);font-family:var(--ff-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s var(--ease-out);width:100%;justify-content:center}.auth-modal__google-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.onboarding{position:fixed;inset:0;z-index:9500;display:flex;align-items:flex-start;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out);overflow-y:auto;-webkit-overflow-scrolling:touch}.onboarding--visible{opacity:1;pointer-events:auto}.onboarding__backdrop{position:fixed;inset:0;background:#2d2d2d99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.onboarding__container{position:relative;z-index:1;width:100%;max-width:520px;padding:24px 24px 48px;margin:40px auto;min-height:min-content}.onboarding__progress{margin-bottom:32px}.onboarding__progress-track{height:4px;background:var(--bg-subtle);border-radius:100px;overflow:hidden;margin-bottom:12px}.onboarding__progress-fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--sage-light));border-radius:100px;transition:width .5s var(--ease-out)}.onboarding__steps-indicator{display:flex;justify-content:center;gap:12px}.onboarding__step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);transition:all .3s var(--ease-out)}.onboarding__step-dot--active{background:var(--sage-bg);border-color:var(--sage-border);color:var(--sage)}.onboarding__step-dot--current{background:var(--sage);border-color:transparent;color:#fff}.onboarding__step{display:none;text-align:center}.onboarding__step--active{display:block;animation:fadeInUp .5s var(--ease-out)}.onboarding__step-icon{font-size:3rem;margin-bottom:16px}.onboarding__step-title{font-family:var(--ff-heading);font-size:1.6rem;font-weight:800;margin-bottom:8px;color:var(--text-primary)}.onboarding__step-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:28px}.onboarding__search{position:relative;margin-bottom:20px}.onboarding__search-input{width:100%;text-align:center}.onboarding__search-results{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:4px;max-height:240px;overflow-y:auto;box-shadow:var(--shadow-lg)}.onboarding__search-result{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-family:var(--ff-body);cursor:pointer;transition:background .2s;text-align:left}.onboarding__search-result:hover{background:var(--bg-subtle)}.onboarding__result-name{font-weight:600;font-size:.9rem}.onboarding__result-location{font-size:.75rem;color:var(--text-muted)}.onboarding__search-loading,.onboarding__search-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:.85rem}.onboarding__selected-card{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--sage-bg);border:1px solid var(--sage-border);border-radius:var(--radius-md);margin-bottom:20px}.onboarding__selected-icon{font-size:1.2rem}.onboarding__selected-name{flex:1;font-weight:600;color:var(--sage)}.onboarding__selected-remove{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px}.onboarding__selected-remove:hover{color:var(--blush-dark)}.onboarding__frequency{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.onboarding__freq-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--ff-body);cursor:pointer;transition:all .3s var(--ease-out)}.onboarding__freq-btn:hover{border-color:var(--border-hover)}.onboarding__freq-btn--active{background:var(--sage-bg);border-color:var(--sage);box-shadow:0 0 20px #7c908226}.onboarding__freq-num{font-family:var(--ff-heading);font-size:1.8rem;font-weight:900;color:var(--sage)}.onboarding__freq-label{font-size:.75rem;color:var(--text-secondary)}.onboarding__freq-tag{font-size:.65rem;padding:2px 10px;border-radius:100px;background:var(--bg-subtle);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.onboarding__freq-btn--active .onboarding__freq-tag{background:var(--sage-bg);color:var(--sage)}.onboarding__devices{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;text-align:left}.onboarding__device{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .3s var(--ease-out)}.onboarding__device--connected{background:var(--sage-bg);border-color:var(--sage-border)}.onboarding__device-logo{font-family:var(--ff-heading);font-size:.95rem;font-weight:800;color:var(--text-primary)}.onboarding__device-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px}.onboarding__device-btn{white-space:nowrap;padding:8px 20px;font-size:.82rem}.btn--connected{background:var(--sage-bg)!important;border-color:var(--sage-border)!important;color:var(--sage)!important}.onboarding__actions{display:flex;gap:12px;justify-content:center}.onboarding__actions .btn{min-width:140px}.onboarding__skip{display:block;margin:12px auto 0;background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:8px 16px;transition:color .2s}.onboarding__skip:hover{color:var(--text-secondary)}.nav__settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-out)}.nav__settings-btn:hover{border-color:var(--sage-border);color:var(--sage);background:var(--sage-bg)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card--settings{background:var(--bg-card)}.settings__title-icon{font-size:1.1rem}.settings__device{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;transition:all .3s var(--ease-out)}.settings__device--connected{background:var(--sage-bg);border-color:var(--sage-border)}.settings__device-left{display:flex;align-items:center;gap:12px}.settings__device-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.settings__device-status--connected{background:var(--sage);box-shadow:0 0 8px #7c908266;animation:livePulse 2s infinite}.settings__device-status--disconnected{background:var(--text-muted)}.settings__device-name{font-family:var(--ff-heading);font-size:.95rem;font-weight:700;color:var(--text-primary)}.settings__device-detail{font-size:.78rem;color:var(--text-muted);margin-top:2px}.settings__device-action{white-space:nowrap;flex-shrink:0}.settings__device-action--disconnect{color:var(--blush-dark)!important;border-color:#d4a5a54d!important}.settings__device-action--disconnect:hover{background:var(--blush-bg)!important;border-color:var(--blush)!important}.settings__appstore-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:default}.settings__appstore-icon{font-size:.85rem}.settings__devices-list{margin-top:8px}.settings__devices-list-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.settings__devices-empty{font-size:.82rem;color:var(--text-muted);padding:12px 0}.settings__privacy-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.settings__privacy-label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.settings__privacy-desc{font-size:.78rem;color:var(--text-muted);margin-top:4px}@media(max-width:768px){.settings-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.settings__device,.settings__privacy-item{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.nav__settings-btn{width:32px;height:32px}.nav__settings-btn svg{width:15px;height:15px}}.role-selector{display:none}.role-selector--visible{display:block;animation:fadeInUp .5s var(--ease-out)}.role-selector__title{font-family:var(--ff-heading);font-size:1.3rem;font-weight:800;text-align:center;margin-bottom:8px;color:var(--text-primary)}.role-selector__desc{font-size:.85rem;color:var(--text-secondary);text-align:center;margin-bottom:24px}.role-selector__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.role-selector__card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s var(--ease-out);text-align:center}.role-selector__card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.role-selector__card--active{border-color:var(--sage);background:var(--sage-bg);box-shadow:0 0 20px #7c908226}.role-selector__card-icon{font-size:2.5rem}.role-selector__card-title{font-family:var(--ff-heading);font-size:.95rem;font-weight:700;color:var(--text-primary)}.role-selector__card-desc{font-size:.72rem;color:var(--text-muted)}.studio-onboarding__field{text-align:left;margin-bottom:16px}.studio-onboarding__field .form-label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.studio-onboarding__type-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:20px}.studio-onboarding__type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s var(--ease-out);font-family:var(--ff-body);color:var(--text-primary);font-size:.78rem;font-weight:600}.studio-onboarding__type-btn:hover{border-color:var(--border-hover)}.studio-onboarding__type-btn--active{background:var(--sage-bg);border-color:var(--sage)}.studio-onboarding__type-icon{font-size:1.4rem}.studio-onboarding__invite-code{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:12px;margin-bottom:20px}.studio-onboarding__invite-value{font-family:var(--ff-heading);font-size:1.2rem;font-weight:800;color:var(--sage);flex:1;letter-spacing:.1em}.studio-onboarding__invite-copy{padding:6px 16px;font-size:.78rem;border-radius:100px;background:var(--sage);color:#fff;border:none;font-family:var(--ff-heading);font-weight:600;cursor:pointer;transition:background .2s}.studio-onboarding__invite-copy:hover{background:var(--sage-dark)}.studio-onboarding__leaderboard-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;text-align:left}.studio-onboarding__leaderboard-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}.studio-onboarding__leaderboard-desc{font-size:.72rem;color:var(--text-muted);margin-top:2px}@media(max-width:480px){.role-selector__cards{grid-template-columns:1fr;gap:12px}.studio-onboarding__type-grid{grid-template-columns:1fr 1fr}}.card--loading{position:relative;overflow:hidden}.card--loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(124,144,130,.04) 50%,transparent 100%);animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{background:var(--bg-subtle);border-radius:var(--radius-sm);animation:skeletonPulse 1.5s infinite ease-in-out}.skeleton--text{height:14px;width:60%;margin-bottom:8px}.skeleton--title{height:24px;width:40%;margin-bottom:12px}.skeleton--circle{width:48px;height:48px;border-radius:50%}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:1}}.error-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;text-align:center}.error-state__icon{font-size:2.5rem;opacity:.6}.error-state__message{font-size:.9rem;color:var(--text-secondary)}.error-state__retry{padding:8px 24px;background:var(--sage-bg);border:1px solid var(--sage-border);border-radius:100px;color:var(--sage);font-family:var(--ff-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out)}.error-state__retry:hover{background:#7c908226}.lobby-body{overflow:hidden;height:100vh}.lobby{display:flex;flex-direction:column;height:100vh;padding:24px 32px;background:var(--bg-primary)}.lobby__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:24px}.lobby__logo{display:flex;align-items:center;gap:8px;font-family:var(--ff-heading);font-size:1.5rem;font-weight:900;letter-spacing:-.02em;color:var(--text-primary)}.lobby__studio-name{font-family:var(--ff-heading);font-size:1.2rem;font-weight:700;color:var(--text-secondary)}.lobby__live{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--sage);letter-spacing:.08em}.lobby__live-dot{width:10px;height:10px;background:var(--sage);border-radius:50%;animation:livePulse 1.5s infinite}.lobby__grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:20px;min-height:0}.lobby__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);overflow:hidden}.lobby__card-title{font-family:var(--ff-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px}.lobby__card--goal{grid-column:1 / -1}.lobby__goal-name{font-family:var(--ff-heading);font-size:1.4rem;font-weight:800;color:var(--sage);margin-bottom:16px}.lobby__goal-progress{margin-bottom:8px}.lobby__goal-track{height:12px;background:var(--bg-subtle);border-radius:100px;overflow:hidden;margin-bottom:8px}.lobby__goal-fill{height:100%;background:linear-gradient(90deg,var(--sage-dark),var(--sage),var(--sage-light));border-radius:100px;transition:width 1s var(--ease-out);position:relative}.lobby__goal-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));border-radius:100px;animation:xpShimmer 2s infinite}.lobby__goal-stats{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.lobby__goal-pct{font-family:var(--ff-heading);font-size:2rem;font-weight:900;color:var(--sage);text-align:right}.lobby__athlete{display:flex;align-items:center;gap:16px}.lobby__athlete-avatar{width:64px;height:64px;border-radius:50%;background:var(--sage);display:flex;align-items:center;justify-content:center;font-family:var(--ff-heading);font-size:1.2rem;font-weight:800;color:#fff;flex-shrink:0}.lobby__athlete-name{font-family:var(--ff-heading);font-size:1.3rem;font-weight:800;color:var(--text-primary)}.lobby__athlete-score{font-size:.9rem;color:var(--sage);font-weight:700;margin-top:4px}.lobby__lb-list{display:flex;flex-direction:column;gap:6px}.lobby__lb-row{display:grid;grid-template-columns:36px 44px 1fr 80px;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);transition:background .2s}.lobby__lb-row--first{background:var(--sage-bg);border:1px solid var(--sage-border)}.lobby__lb-rank{font-family:var(--ff-heading);font-weight:900;font-size:1rem;color:var(--text-muted);text-align:center}.lobby__lb-row--first .lobby__lb-rank{color:var(--sage)}.lobby__lb-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-secondary)}.lobby__lb-name{font-size:.95rem;font-weight:600}.lobby__lb-score{font-size:.95rem;font-weight:700;color:var(--sage);text-align:right}.lobby__lb-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:.85rem}.lobby__challenges-list{display:flex;flex-direction:column;gap:12px}.lobby__challenge{padding:12px 16px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md)}.lobby__challenge-name{font-weight:700;font-size:.85rem;margin-bottom:8px}.lobby__challenge-bar{height:6px;background:#2d2d2d0f;border-radius:100px;overflow:hidden;margin-bottom:6px}.lobby__challenge-fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--sage-light));border-radius:100px;transition:width 1s var(--ease-out)}.lobby__challenge-meta{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.lobby__footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border);margin-top:20px}.lobby__footer-text{font-size:.75rem;color:var(--text-muted)}.lobby__footer-time{font-family:var(--ff-heading);font-size:1.1rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em}.lobby__connection{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--blush-bg);border:1px solid rgba(212,165,165,.25);border-radius:100px;color:var(--blush-dark);font-size:.82rem;font-weight:600;z-index:100}.lobby__connection-dot{width:8px;height:8px;background:var(--blush-dark);border-radius:50%;animation:livePulse 1s infinite}.lobby__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;text-align:center}.lobby__error-icon{font-size:4rem}.lobby__error-message{font-size:1.2rem;color:var(--text-secondary)}@media(max-width:480px){.container{padding:0 16px}.section{padding:40px 0}.section__header{margin-bottom:28px}.section__title{font-size:1.5rem}.section__subtitle{font-size:.82rem}.nav{padding:10px 16px}.nav__logo{font-size:1.1rem}.nav__toggle{display:none}.nav__user-level{font-size:.65rem}.nav__user-avatar{width:32px;height:32px;font-size:.65rem}.mobile-tab-bar{display:block}body{padding-bottom:64px}.card{padding:20px 16px;border-radius:var(--radius-md)}.profile-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:14px}.card--profile,.card--res,.card--btl,.card--boss{grid-column:1;grid-row:auto}.profile__header{gap:14px;margin-bottom:18px}.profile__avatar-ring{width:70px;height:70px}.profile__avatar{width:56px;height:56px;font-size:1.2rem}.profile__ring-svg{width:70px;height:70px}.profile__name{font-size:1.15rem}.profile__level-badge{font-size:.6rem;padding:2px 8px}.profile__level-num{font-size:.72rem}.res__score{font-size:2.8rem}.res__metric-label{width:60px;font-size:.72rem}.res__metric-val{font-size:.72rem}.boss__avg-marker{font-size:.6rem;top:-20px}.leaderboard-tabs{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;gap:4px}.leaderboard-tabs::-webkit-scrollbar{display:none}.lb-tab{flex-shrink:0;padding:8px 16px;font-size:.75rem;min-height:40px}.lb__live{font-size:.72rem;padding:6px 12px}.lb__podium{gap:6px;padding:12px 0;margin-bottom:20px}.lb__podium-item{min-width:80px;padding:10px 8px;gap:4px}.lb__podium-item--1{padding:14px 12px}.lb__podium-avatar{width:38px;height:38px;font-size:.7rem}.lb__podium-name{font-size:.72rem}.lb__podium-score{font-size:.7rem}.lb__podium-rank{font-size:1rem}.lb__row{grid-template-columns:32px 32px 1fr 52px 40px;gap:6px;padding:10px;min-height:44px}.lb__rank{font-size:.8rem}.lb__avatar{width:30px;height:30px;font-size:.6rem}.lb__name,.lb__score{font-size:.78rem}.lb__change{font-size:.65rem}.ghost__vs{gap:16px}.ghost__racer-avatar{width:40px;height:40px;font-size:1rem}.ghost__vs-text{font-size:1.2rem}.ghost__bar{height:24px;font-size:.62rem;padding:0 8px}.ghost__minutes span{font-size:.58rem}.ghost__status{font-size:.78rem;padding:10px 12px}.achievements-grid{grid-template-columns:repeat(3,1fr);gap:10px}.achievement{padding:16px 8px;gap:6px;border-radius:var(--radius-md)}.achievement__icon{font-size:1.6rem}.achievement__name{font-size:.68rem}.achievement__desc{font-size:.58rem}.studio-stats{grid-template-columns:1fr 1fr;gap:10px}.card--stat{padding:16px 10px}.stat__icon{font-size:1.5rem;margin-bottom:4px}.stat__value{font-size:1.6rem}.stat__label{font-size:.65rem}.studio-grid{grid-template-columns:1fr;gap:14px}.form-row{grid-template-columns:1fr}.form-input,.form-select{padding:12px 14px;font-size:.85rem;min-height:44px}.btn--full{padding:14px;min-height:48px}.mission-item{padding:14px}.mission-item__name{font-size:.82rem}.control-item{padding:12px 14px}.control-name{font-size:.82rem}.analytics-bar{gap:8px}.analytics-bar__label{width:100px;font-size:.7rem}.analytics-bar__track{height:20px}.analytics-bar__fill{font-size:.62rem;padding-left:6px}.analytics-bar__rank{font-size:.68rem}.landing__nav{padding:12px 16px}.landing__nav-logo-text{font-size:1.15rem}.landing__title{font-size:3.5rem}.landing__tagline{font-size:.9rem;letter-spacing:.08em}.landing__stats{gap:20px}.landing__stat-number{font-size:1.5rem}.btn--lg{padding:16px 36px;font-size:.95rem;width:100%}.landing__cta{padding:0 16px}.landing__values{padding:60px 0}.landing__values-grid{grid-template-columns:1fr;gap:16px}.landing__value-card{padding:28px 20px}.landing__testimonials-grid{grid-template-columns:1fr;gap:16px}.landing__bottom-cta{padding:60px 0 80px}.auth-modal__card{padding:28px 20px;border-radius:var(--radius-lg)}.auth-modal__logo{font-size:1.5rem}.onboarding__container{padding:16px 16px 64px}.onboarding__step-title{font-size:1.3rem}.onboarding__frequency{grid-template-columns:1fr 1fr;gap:8px}.onboarding__freq-btn{padding:14px 10px}.onboarding__freq-num{font-size:1.4rem}.onboarding__actions{flex-direction:column}.onboarding__actions .btn{width:100%}}@media(min-width:481px)and (max-width:768px){.container{padding:0 20px}.section{padding:48px 0}.nav__toggle{display:none}.mobile-tab-bar{display:block}body{padding-bottom:64px}.landing__title{font-size:4rem}.landing__values-grid,.landing__testimonials-grid{grid-template-columns:1fr;gap:16px;max-width:480px;margin:0 auto}.btn--lg{padding:16px 40px;width:100%;max-width:320px}.landing__cta{display:flex;justify-content:center}.profile-grid{grid-template-columns:1fr;gap:16px}.card--profile,.card--res,.card--btl,.card--boss{grid-column:1;grid-row:auto}.leaderboard-tabs{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px}.leaderboard-tabs::-webkit-scrollbar{display:none}.lb__podium-item{min-width:100px}.lb__row{grid-template-columns:40px 38px 1fr 64px 48px;gap:8px;padding:10px 14px}.achievements-grid{grid-template-columns:repeat(4,1fr);gap:12px}.studio-stats{grid-template-columns:repeat(2,1fr);gap:14px}.studio-grid{grid-template-columns:1fr;gap:16px}.form-row{grid-template-columns:1fr 1fr}}@media(min-width:769px)and (max-width:1024px){.profile-grid{grid-template-columns:1fr 1fr;gap:16px}.studio-stats{grid-template-columns:repeat(4,1fr)}.studio-grid{grid-template-columns:1fr 1fr;gap:16px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(min-width:1025px){.mobile-tab-bar{display:none!important}body{padding-bottom:0!important}}@media(hover:none)and (pointer:coarse){.card:hover{box-shadow:var(--shadow-sm);border-color:var(--border)}.achievement:hover,.lb__podium-item:hover{transform:none}.card:active{background:var(--bg-card-hover)}.achievement:active,.lb__podium-item:active{transform:scale(.97)}.lb-tab:active{transform:scale(.95)}.btn:active{transform:scale(.97)}.toggle{width:52px;height:30px}.toggle__slider:before{width:24px;height:24px}.toggle input:checked+.toggle__slider:before{transform:translate(22px)}}@supports (padding: env(safe-area-inset-bottom)){.mobile-tab-bar{padding-bottom:env(safe-area-inset-bottom,6px)}.nav{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media(max-width:768px){.lobby{padding:16px}.lobby__grid{grid-template-columns:1fr}.lobby__header{flex-wrap:wrap;gap:8px}.lobby__studio-name{font-size:.95rem}}.card--bnco-score{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.bnco-score__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.bnco-score__label{font-family:var(--ff-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.bnco-score__badge{background:var(--sage-bg);color:var(--sage);font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:100px;letter-spacing:.04em;text-transform:uppercase}.bnco-score__gauge-row{display:flex;justify-content:center;margin-bottom:24px}.bnco-score__gauge{position:relative;width:140px;height:140px}.bnco-score__gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.bnco-score__gauge-bg{fill:none;stroke:var(--bg-subtle);stroke-width:8}.bnco-score__gauge-fill{fill:none;stroke:var(--sage);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1)}.bnco-score__gauge-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-family:var(--ff-heading);font-size:2.2rem;font-weight:800;color:var(--text-primary)}.bnco-score__gauge-label{position:absolute;top:50%;left:50%;transform:translate(-50%,60%);font-size:.8rem;color:var(--text-muted)}.bnco-score__breakdown{display:flex;flex-direction:column;gap:16px}.bnco-score__metric-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bnco-score__metric-icon{font-size:1rem}.bnco-score__metric-name{font-size:.88rem;font-weight:600;color:var(--text-primary);flex:1}.bnco-score__metric-weight{font-size:.72rem;color:var(--text-muted);background:var(--bg-subtle);padding:2px 8px;border-radius:100px}.bnco-score__metric-val{font-family:var(--ff-heading);font-size:.95rem;font-weight:700;color:var(--sage);min-width:28px;text-align:right}.bnco-score__metric-bar{height:8px;background:var(--bg-subtle);border-radius:100px;overflow:hidden}.bnco-score__metric-fill{height:100%;border-radius:100px;transition:width 1s var(--ease-out)}.bnco-score__metric-fill--control{background:var(--sage)}.bnco-score__metric-fill--stillness{background:var(--blush)}.bnco-score__metric-fill--respiratory{background:var(--terracotta)}.bnco-score__metric-desc{font-size:.72rem;color:var(--text-muted);margin-top:4px}.lb__precision-banner{display:flex;align-items:center;gap:8px;background:var(--sage-bg);border:1px solid var(--sage-border);border-radius:var(--radius-md);padding:10px 16px;margin-bottom:16px}.lb__precision-icon{font-size:1.1rem}.lb__precision-text{font-size:.82rem;color:var(--sage-dark);font-weight:500}.card--studio-challenge{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);margin-top:20px}.studio-challenge__matchups{display:flex;flex-direction:column;gap:16px}.studio-challenge__matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px;background:var(--bg-subtle);border-radius:var(--radius-md);position:relative}.studio-challenge__team{display:flex;flex-direction:column;gap:4px}.studio-challenge__team:last-of-type{text-align:right}.studio-challenge__team-name{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.studio-challenge__team--winning .studio-challenge__team-name{color:var(--sage-dark)}.studio-challenge__team-score{font-family:var(--ff-heading);font-size:1.4rem;font-weight:800;color:var(--text-primary)}.studio-challenge__team--winning .studio-challenge__team-score{color:var(--sage)}.studio-challenge__vs{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.studio-challenge__status{position:absolute;top:8px;right:12px;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:100px}.studio-challenge__status--live{background:#dc3c3c1a;color:#c44}.studio-challenge__status--completed{background:var(--sage-bg);color:var(--sage)}.section--goals{padding:48px 0}.card--week-summary{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border);margin-bottom:24px}.week-summary__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.week-summary__stat{text-align:center;padding:12px;background:var(--bg-subtle);border-radius:var(--radius-md)}.week-summary__stat-value{font-family:var(--ff-heading);font-size:1.6rem;font-weight:800;color:var(--text-primary)}.week-summary__stat-label{font-size:.78rem;color:var(--text-muted);margin-top:2px}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.card--goal{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.goal__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.goal__icon{font-size:1.2rem}.goal__label{font-size:.88rem;font-weight:600;color:var(--text-primary);flex:1}.goal__pct{font-family:var(--ff-heading);font-size:.88rem;font-weight:700;color:var(--sage)}.goal__progress-track{height:8px;background:var(--bg-subtle);border-radius:100px;overflow:hidden;margin-bottom:8px}.goal__progress-fill{height:100%;background:var(--sage);border-radius:100px;transition:width .6s var(--ease-out)}.goal__meta{font-size:.78rem;color:var(--text-muted)}.card--set-goal{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.goal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.goal-form .form-group{display:flex;flex-direction:column;gap:4px}.form-select{padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--ff-body);font-size:.9rem;background:var(--bg-surface);color:var(--text-primary);appearance:none;cursor:pointer}.card--tension-goal{background:var(--bg-card);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-md);border:1px solid var(--border);margin-bottom:24px}.tension-goal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.tension-goal__contributors{display:flex;align-items:center;gap:6px}.tension-goal__contributor-count{font-family:var(--ff-heading);font-size:1.1rem;font-weight:700;color:var(--sage)}.tension-goal__contributor-label{font-size:.78rem;color:var(--text-muted)}.tension-goal__target{font-size:.88rem;color:var(--text-secondary);margin-bottom:16px;font-weight:500}.tension-goal__progress{margin-bottom:8px}.tension-goal__bar-track{height:16px;background:var(--bg-subtle);border-radius:100px;overflow:hidden;margin-bottom:8px}.tension-goal__bar-fill{height:100%;background:linear-gradient(90deg,var(--sage),var(--sage-light));border-radius:100px;transition:width 1.2s var(--ease-out);position:relative}.tension-goal__bar-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#fff9;border-radius:100px}.tension-goal__stats{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-secondary)}.tension-goal__pct{margin-left:auto;font-family:var(--ff-heading);font-weight:700;color:var(--sage);font-size:.95rem}.section--warroom{padding:0 0 48px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.studio-grid{grid-template-columns:1fr}}.card--studio-wars,.card--at-risk{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.card__desc{font-size:.82rem;color:var(--text-muted);margin-bottom:16px}.studio-wars__list{display:flex;flex-direction:column;gap:12px}.studio-war__item{padding:16px;background:var(--bg-subtle);border-radius:var(--radius-md)}.studio-war__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.studio-war__opponent{font-size:.88rem;font-weight:600;color:var(--text-primary)}.studio-war__badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:100px}.studio-war__badge--winning{background:var(--sage-bg);color:var(--sage-dark)}.studio-war__badge--losing{background:#dc643c1a;color:var(--terracotta)}.studio-war__scores{display:flex;align-items:center;justify-content:center;gap:16px}.studio-war__score{display:flex;flex-direction:column;align-items:center;gap:4px}.studio-war__score-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.studio-war__score-value{font-family:var(--ff-heading);font-size:1.5rem;font-weight:800;color:var(--text-secondary)}.studio-war__score-value--winning{color:var(--sage)}.studio-war__vs{font-size:.75rem;color:var(--text-muted);font-weight:600}.studio-war__ends{font-size:.72rem;color:var(--text-muted);text-align:center;margin-top:8px}.at-risk__list{display:flex;flex-direction:column;gap:12px}.at-risk__item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-subtle);border-radius:var(--radius-md);border-left:3px solid transparent}.at-risk__item--high{border-left-color:#c44}.at-risk__item--medium{border-left-color:var(--terracotta)}.at-risk__item--low{border-left-color:var(--text-muted)}.at-risk__avatar{width:36px;height:36px;border-radius:50%;background:var(--sage-bg);color:var(--sage);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.at-risk__info{flex:1;min-width:0}.at-risk__name{font-size:.88rem;font-weight:600;color:var(--text-primary)}.at-risk__reason{font-size:.72rem;color:var(--text-muted);margin-top:2px}.at-risk__recovery{font-size:.78rem;font-weight:600;color:var(--terracotta);white-space:nowrap}.at-risk__action{padding:6px 14px!important;font-size:.72rem!important;flex-shrink:0}.btn--sm{padding:6px 14px;font-size:.78rem}.settings__data-info{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.settings__data-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:var(--ff-body);font-size:.88rem;font-weight:600;color:var(--text-primary);padding:8px 0}.settings__data-chevron{font-size:.72rem;color:var(--text-muted);transition:transform .3s}.settings__data-content{padding:12px 0;display:flex;flex-direction:column;gap:16px}.settings__data-item{padding:12px 16px;background:var(--bg-subtle);border-radius:var(--radius-md)}.settings__data-item-title{font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.settings__data-item-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.5}.onboarding__detect-btn{margin-top:8px;width:100%}.onboarding__device-btn--apple{font-size:.82rem}.stat__live-dot{width:8px;height:8px;background:#4caf50;border-radius:50%;display:inline-block;margin-top:4px;animation:pulse-live 2s infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.lb__podium-item{transition:transform .3s var(--ease-out)}.lb__podium-item:hover{transform:translateY(-4px)}.lb__row{transition:background .2s,transform .2s}.lb__row:hover{background:var(--bg-subtle);transform:translate(4px)}.lb__row--you{background:var(--sage-bg);border-left:3px solid var(--sage)}.toggle--athlete-only,.mobile-tab--hidden{display:none!important}.studio-demo-banner{background:linear-gradient(135deg,#2d2d2d,#3a3a3a);color:#fff;padding:12px 24px;position:sticky;top:60px;z-index:100;border-bottom:2px solid var(--sage)}.studio-demo-banner__content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.studio-demo-banner__icon{font-size:18px}.studio-demo-banner__text{font-family:var(--font-body);font-size:14px;font-weight:500;color:#ffffffe6}.studio-demo-banner__cta{font-size:13px;padding:6px 18px;white-space:nowrap;text-decoration:none}.demo-watermark{position:absolute;top:12px;right:12px;background:#2d2d2d14;color:#2d2d2d40;font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none}.studio-view--demo .card{border:1px dashed rgba(124,144,130,.3)}.studio-upgrade-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out)}.studio-upgrade-popup--visible{opacity:1;pointer-events:auto}.studio-upgrade-popup__backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.studio-upgrade-popup__card{position:relative;background:#fff;border-radius:var(--radius-lg);padding:40px 36px;max-width:480px;width:90%;box-shadow:0 24px 80px #0003;text-align:center;transform:translateY(20px) scale(.96);transition:transform .4s var(--ease-spring)}.studio-upgrade-popup--visible .studio-upgrade-popup__card{transform:translateY(0) scale(1)}.studio-upgrade-popup__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.studio-upgrade-popup__close:hover{background:var(--bg-subtle)}.studio-upgrade-popup__icon{font-size:48px;margin-bottom:12px}.studio-upgrade-popup__title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.studio-upgrade-popup__desc{font-family:var(--font-body);font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.studio-upgrade-popup__features{list-style:none;padding:0;margin:0 0 24px;text-align:left}.studio-upgrade-popup__features li{font-family:var(--font-body);font-size:14px;color:var(--text-primary);padding:8px 0;border-bottom:1px solid var(--bg-subtle)}.studio-upgrade-popup__features li:last-child{border-bottom:none}.studio-upgrade-popup__buy{display:block;text-decoration:none;font-size:16px;padding:14px 32px;margin-bottom:12px}.studio-upgrade-popup__note{font-family:var(--font-body);font-size:12px;color:var(--text-muted)}@media(max-width:480px){.studio-upgrade-popup__card{padding:28px 20px;width:95%}.studio-upgrade-popup__title{font-size:20px}.studio-demo-banner__content{flex-direction:column;gap:8px}.studio-demo-banner__text{font-size:13px;text-align:center}}.wearable-feed__title{font-size:.85rem;font-weight:600;color:var(--text-secondary, #ccc);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.wearable-feed__empty{text-align:center;padding:24px 16px}.wearable-feed__empty-icon{font-size:2rem;margin-bottom:8px}.wearable-feed__empty-text{font-size:.95rem;font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.wearable-feed__empty-sub{font-size:.8rem;color:var(--text-muted, #888)}.wearable-feed__list{display:flex;flex-direction:column;gap:8px}.wearable-feed__item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0a;border-radius:10px;border:1px solid rgba(255,255,255,.06);transition:background .2s}.wearable-feed__item:hover{background:#ffffff14}.wearable-feed__item-left{display:flex;align-items:center;gap:10px}.wearable-feed__source{font-size:1.1rem;width:28px;text-align:center}.wearable-feed__info{display:flex;flex-direction:column}.wearable-feed__date{font-size:.85rem;font-weight:500;color:var(--text-primary, #fff)}.wearable-feed__meta{font-size:.75rem;color:var(--text-muted, #888)}.wearable-feed__score{font-size:1.1rem;font-weight:700;padding:4px 12px;border-radius:8px;min-width:44px;text-align:center}.wearable-feed__score--high{color:#4ade80;background:#4ade801f}.wearable-feed__score--mid{color:#facc15;background:#facc151f}.wearable-feed__score--low{color:#f87171;background:#f871711f}.become-studio-cta{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-top:20px;background:var(--bg-surface);border:1.5px dashed var(--sage-border);border-radius:var(--radius-md);transition:border-color .3s}.become-studio-cta:hover{border-color:var(--sage)}.become-studio-cta__icon{font-size:1.5rem;flex-shrink:0}.become-studio-cta__text{flex:1;min-width:0}.become-studio-cta__title{font-family:var(--ff-heading);font-size:.9rem;font-weight:700;color:var(--text-primary)}.become-studio-cta__desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.become-studio-cta .btn--sm{flex-shrink:0;white-space:nowrap}.become-studio-cta--hidden{display:none!important}.onboarding__step .onboarding__actions{padding-bottom:24px}.studio-onboarding__field:last-of-type{margin-bottom:12px}@media(max-width:480px){.become-studio-cta{flex-wrap:wrap;gap:10px;padding:14px 16px}.become-studio-cta .btn--sm{width:100%;text-align:center}}html.dark-mode{--bg-primary: #1a1a2e;--bg-surface: #222240;--bg-card: #2a2a4a;--bg-card-hover: #32325a;--bg-subtle: #252545;--text-primary: #E8E4E0;--text-secondary: #A09B93;--text-muted: #6B6560;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .35)}@media(max-width:480px){.onboarding__container{padding:16px 16px 64px;margin:16px auto}.role-selector__cards{flex-direction:column;gap:12px}.onboarding__frequency{grid-template-columns:1fr 1fr;gap:8px}.onboarding__device{flex-direction:column;text-align:center;gap:12px}.studio-onboarding__type-grid{grid-template-columns:1fr 1fr;gap:8px}}.onboarding__autocomplete-wrap{position:relative}.onboarding__autocomplete-results{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:4px;max-height:220px;overflow-y:auto;box-shadow:var(--shadow-lg)}.onboarding__autocomplete-results:empty{display:none}.onboarding__autocomplete-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary);font-family:var(--ff-body);cursor:pointer;transition:background .2s;text-align:left;font-size:.85rem}.onboarding__autocomplete-item:hover{background:var(--bg-subtle)}.onboarding__autocomplete-main{font-weight:600;font-size:.85rem}.onboarding__autocomplete-secondary{font-size:.75rem;color:var(--text-muted)}.onboarding__autocomplete-item--manual{border-top:1px solid var(--border);color:var(--sage)}.onboarding__autocomplete-item--manual .onboarding__autocomplete-main{color:var(--sage)}.onboarding__personal-fields{text-align:left;margin-bottom:28px}.onboarding__field-group{margin-bottom:20px}.onboarding__birthday-row{display:flex;gap:8px}.onboarding__birthday-select,.onboarding__gender-select{flex:1;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--ff-body);font-size:.9rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.onboarding__gender-select{width:100%}.form-label-hint{font-weight:400;color:var(--text-muted);font-size:.8rem}.settings__account-info,.settings__about-info,.settings__role-info{padding:4px 0}.settings__account-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.settings__account-row:last-child{border-bottom:none}.settings__account-label{font-size:.85rem;color:var(--text-secondary)}.settings__account-value{font-size:.85rem;font-weight:600;color:var(--text-primary)}.settings__role-current{display:flex;align-items:center;gap:8px;margin-bottom:16px}.settings__role-label{font-size:.85rem;color:var(--text-secondary)}.settings__role-value{font-size:.85rem;font-weight:700;color:var(--sage)}.settings__role-action{text-align:center}.settings__role-desc{font-size:.78rem;color:var(--text-muted);margin-top:8px;line-height:1.4}.settings__about-links{display:flex;flex-direction:column;gap:8px;padding-top:12px}.settings__about-link{font-size:.85rem;color:var(--sage);text-decoration:none;transition:color .2s}.settings__about-link:hover{color:var(--sage-dark)}.profile__avatar-img,.nav__user-avatar .profile__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.settings__pfp-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.settings__pfp{width:72px;height:72px;border-radius:50%;background:var(--sage-bg);color:var(--sage);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;overflow:hidden}.settings__pfp-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.settings__pfp-change{font-size:.8rem;color:var(--sage);font-weight:600;cursor:pointer;text-decoration:underline}.settings__pfp-change:hover{color:var(--sage-dark, #5a7360)}.pricing-modal{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.pricing-modal--visible{opacity:1;pointer-events:auto}.pricing-modal__backdrop{position:absolute;inset:0;background:#2d2d2d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pricing-modal__content{position:relative;z-index:1;width:90%;max-width:680px;max-height:90vh;background:var(--bg-surface);border-radius:var(--radius-xl);padding:32px;overflow-y:auto;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.pricing-modal--visible .pricing-modal__content{transform:translateY(0)}.pricing-modal__close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--bg-subtle);border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.pricing-modal__header{text-align:center;margin-bottom:28px}.pricing-modal__title{font-family:var(--ff-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.pricing-modal__subtitle{font-family:var(--ff-body);font-size:.95rem;color:var(--text-secondary)}.pricing-modal__cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:580px){.pricing-modal__cards{grid-template-columns:1fr}}.pricing-modal__note{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:20px}.pricing-modal__restore{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:12px}.pricing-modal__restore-btn{background:none;border:none;color:var(--sage, #7C9082);font-weight:600;cursor:pointer;text-decoration:underline;font-size:.8rem;padding:0}.pricing-modal__restore-btn:hover{color:var(--sage-dark, #5A7062)}.pricing-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;transition:all .5s var(--ease-out)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.pricing-card--lifetime{border-color:var(--sage);border-width:2px;box-shadow:0 0 0 1px var(--sage-border),0 4px 20px #7c90821f}.pricing-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--sage);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 14px;border-radius:100px;font-family:var(--ff-body);letter-spacing:.05em}.pricing-card__badge--save{background:var(--terracotta)}.pricing-card__name{font-family:var(--ff-heading);font-size:1.15rem;font-weight:700;margin-top:12px;margin-bottom:8px}.pricing-card__price{margin-bottom:4px}.pricing-card__amount{font-family:var(--ff-heading);font-size:2rem;font-weight:800;color:var(--text-primary)}.pricing-card__period{font-size:.85rem;color:var(--text-secondary);margin-left:2px}.pricing-card__savings{font-size:.8rem;color:var(--sage);font-weight:600;margin-bottom:16px}.pricing-card__features{list-style:none;padding:0;margin:16px 0 24px;flex:1}.pricing-card__features li{padding:6px 0;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.pricing-card__features li:before{content:"✓";color:var(--sage);font-weight:700;font-size:.9rem}.pricing-card__cta{margin-top:auto}.landing__pricing{padding:80px 0;text-align:center}.landing__pricing-title{font-family:var(--ff-heading);font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:12px}.landing__pricing-subtitle{font-family:var(--ff-body);font-size:1rem;color:var(--text-secondary);margin-bottom:40px}.landing__pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:680px;margin:0 auto}@media(max-width:580px){.landing__pricing-cards{grid-template-columns:1fr;padding:0 16px}}.landing__nav-right{display:flex;align-items:center;gap:16px}.landing__nav-link{font-family:var(--ff-body);font-size:.9rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:color .2s}.landing__nav-link:hover{color:var(--sage)}.studio-reg-modal{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.studio-reg-modal--visible{opacity:1;pointer-events:auto}.studio-reg-modal__backdrop{position:absolute;inset:0;background:#2d2d2d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.studio-reg-modal__content{position:relative;z-index:1;width:90%;max-width:440px;background:var(--bg-surface);border-radius:var(--radius-xl);padding:32px;overflow-y:auto;max-height:90vh;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.studio-reg-modal--visible .studio-reg-modal__content{transform:translateY(0)}.studio-reg-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);border:none;font-size:1.4rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.studio-reg-modal__close:hover{background:var(--bg-hover, var(--border-hover))}.studio-reg-modal__title{font-family:var(--ff-heading);font-size:1.3rem;font-weight:700;margin-bottom:8px}.studio-reg-modal__subtitle{font-size:.9rem;color:var(--text-secondary);margin-bottom:24px}.studio-reg-modal__form{display:flex;flex-direction:column;gap:16px}.onboarding__join-code-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);text-align:center}.onboarding__join-code-text{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.onboarding__join-code-input{display:flex;gap:8px;max-width:320px;margin:0 auto}.onboarding__join-code-input .form-input{flex:1;text-transform:uppercase;letter-spacing:.1em;text-align:center}.onboarding__join-code-result{margin-top:8px;font-size:.85rem;min-height:20px}.onboarding__join-code-result--success{color:var(--sage);font-weight:600}.onboarding__join-code-result--error{color:#ff3b30}.add-studio-btn{margin:16px auto;display:block}.modal-close-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#0000000f;border-radius:50%;font-size:18px;line-height:32px;text-align:center;cursor:pointer;color:#666;z-index:10;transition:background .2s}.modal-close-x:hover{background:#0000001f;color:#333}