:root{--bg:#07121d;--bg2:#0b1925;--panel:#101e2b;--panel2:#142432;--line:#263745;--white:#f4f7f8;--muted:#8597a4;--mint:#89f5d2;--mint2:#45dcb6;--orange:#ffb66e;--orange2:#f39048;--red:#ff7c82;--font:'Heebo',Arial,sans-serif;--latin:'Outfit','Heebo',sans-serif;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.4}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;flex-shrink:0}p{line-height:1.85}h1,h2,h3,p{margin-top:0}.svg-sprites{position:absolute;width:0;height:0;overflow:hidden}.app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:260px;background:#0b1824;border-left:1px solid var(--line);display:flex;flex-direction:column;flex:none;padding:29px 18px 24px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:1px 8px 42px;direction:ltr;justify-content:flex-end}.brand-emblem{width:47px;height:47px;border:1px solid #61e5c1;background:linear-gradient(145deg,#15394b,#0a222e);color:var(--mint);font:900 34px/44px var(--latin);text-align:center;transform:skew(-7deg);border-radius:10px;position:relative}.brand-small-dot{color:var(--orange)}.brand-word{font:900 23px/.95 var(--latin);letter-spacing:.6px;direction:ltr}.brand-word span{color:var(--mint)}.brand-sub{font:700 8px/2.4 var(--latin);letter-spacing:2.25px;color:var(--muted)}.sidebar-label,.kicker,.eyebrow,.mini-kicker{font:700 10px var(--latin);letter-spacing:2px;color:var(--mint);direction:ltr}.sidebar-label{color:#6f8492;padding:0 16px 16px;direction:ltr;text-align:right}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;text-align:right;border:0;border-radius:12px;padding:14px 17px;color:#98a8b4;background:transparent;font-weight:600;width:100%;position:relative}.nav-link:hover,.sidebar-settings:hover{color:var(--white);background:#152736}.nav-link.active{background:#18342f;color:var(--mint)}.nav-link.active:before{content:'';width:3px;position:absolute;right:0;top:12px;bottom:12px;border-radius:8px;background:var(--mint)}.nav-link svg{width:18px;height:18px}.sidebar-spacer{flex:1;min-height:30px}.side-community{border:1px solid #335447;border-radius:18px;padding:23px 18px;background:radial-gradient(circle at top left,#1a4e49 0%,transparent 65%),#102a2b;position:relative;overflow:hidden}.side-community:after{content:'↗';font:700 165px var(--latin);position:absolute;bottom:-84px;left:-18px;color:#85f9d2;opacity:.06}.community-mark{border-radius:12px;width:34px;height:34px;background:#24564b;color:var(--mint);display:grid;place-items:center;margin-bottom:18px}.side-community .kicker{color:#76e5bd}.side-community-title{font:800 22px var(--latin);margin-top:8px;direction:ltr;text-align:right}.side-community p{font-size:12px;color:#bbd4cd;line-height:1.8;margin:9px 0 16px}.side-community button{border:0;background:transparent;padding:0;color:var(--mint);display:flex;align-items:center;gap:8px;font-weight:700}.side-community button svg{width:15px;height:15px}.sidebar-settings{width:100%;margin-top:22px;padding:14px 12px;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-top:1px solid var(--line);color:#879aab;text-align:right}.sidebar-settings svg{width:18px;height:18px}.main-area{flex:1;min-width:0;min-height:100vh}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,4vw,58px);background:#0a1722}.crumb{display:flex;gap:15px;align-items:center}.crumb-prefix{font:700 10px var(--latin);letter-spacing:2px;color:#748998}.crumb-separator{color:#354a56}.crumb strong{font-size:13px}.topbar-end{display:flex;gap:20px;align-items:center}.connection-state{color:#9eafbd;font-size:12px;display:flex;align-items:center;gap:8px}.status-dot,.live-pulse,.result-led{height:7px;width:7px;background:var(--orange);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #ffb66e19}.connection-state.connected .status-dot{background:var(--mint);box-shadow:0 0 0 4px #89f5d21a}.avatar-button{width:37px;height:37px;border:1px solid #37605b;background:#173c3d;border-radius:12px;color:var(--mint);font:800 17px var(--latin)}.page-content{width:100%;max-width:1640px;padding:38px clamp(24px,4vw,58px) 60px;margin:auto}.page{display:none;animation:pageIn .22s ease-out}.page.active{display:block}@keyframes pageIn{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:17px}.page-heading h1{font-size:clamp(37px,4.8vw,67px);line-height:1.17;font-weight:900;letter-spacing:-2px;margin-bottom:14px}.headline-outline{color:var(--mint)}.page-heading p{font-size:14px;color:var(--muted);margin-bottom:0}.btn{border-radius:11px;border:1px solid transparent;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;min-height:49px;transition:transform .16s,background .16s,box-shadow .16s;text-align:center;white-space:nowrap}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn svg{width:17px;height:17px}.btn-primary{background:var(--mint);color:#06231e;box-shadow:0 5px 25px #55f3cb15}.btn-primary:hover{background:#aafbe1;box-shadow:0 7px 25px #55f3cb25}.btn-secondary{background:#162736;color:#e7f0f1;border-color:#354756}.btn-secondary:hover{background:#223747}.btn-dark{background:#0c2532;color:var(--mint);width:fit-content}.btn-dark:hover{background:#153b43}.btn-danger{background:#381e28;color:#ff9da4;border-color:#60363e}.home-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.hero-card,.start-card{height:340px;border-radius:22px;position:relative;overflow:hidden}.hero-card{background:linear-gradient(125deg,#1a554a 0%,#153c3d 42%,#0f2530 100%);border:1px solid #367365;padding:30px;isolation:isolate}.hero-glow{position:absolute;left:-100px;top:-160px;border-radius:100%;width:490px;height:490px;background:radial-gradient(circle,#83f8d228 0%,transparent 70%);z-index:-1}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ddfff00c 1px,transparent 1px),linear-gradient(90deg,#ddfff00c 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,black)}.hero-label{color:#cdf9ea;font:800 11px var(--latin);letter-spacing:1.5px;display:flex;gap:11px;align-items:center;direction:rtl}.hero-label .live-pulse{background:var(--mint)}.hero-record{font:800 clamp(87px,11vw,154px)/1.04 var(--latin);letter-spacing:-8px;display:flex;gap:12px;align-items:baseline;margin:27px 0 8px;color:#e8fff5;font-variant-numeric:tabular-nums}.hero-record small{font:700 26px var(--font);letter-spacing:0;color:#a8e6d4}.hero-foot{display:flex;align-items:center;justify-content:space-between;position:absolute;right:30px;bottom:25px;left:32px}.hero-foot .label-small{color:#b4d8cf;display:block;font-size:12px}.hero-foot strong{font-size:17px}.hero-jump-icon{font:700 50px var(--latin);color:var(--mint)}.vertical-ruler{position:absolute;left:35px;top:32px;bottom:102px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:#b9e1d07b;font:500 10px var(--latin);direction:ltr}.vertical-ruler i{width:60px;height:1px;border-top:1px dashed #b9e1d03a}.start-card{padding:29px 28px;background:#d9f9eb;color:#0c2a2c;border:1px solid #e9fff6}.start-card-top{display:flex;align-items:center;justify-content:space-between}.icon-circle{width:51px;height:51px;display:grid;place-items:center;border-radius:13px}.icon-circle.mint{background:#b8efdb;color:#134438}.tiny-outline{color:#568375;font:800 9px var(--latin);letter-spacing:1.2px}.start-card h2{font-size:clamp(26px,3vw,34px);font-weight:900;margin:39px 0 10px}.start-card p{color:#456c62;max-width:330px;margin:0 0 20px;font-size:13px}.start-deco{position:absolute;left:-5px;bottom:-105px;font:800 240px var(--latin);color:#26705e14;pointer-events:none}.lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-heading .eyebrow{color:#6a998f;font-size:9px}.panel-heading h3{margin:4px 0 0;font-size:20px}.text-button{border:0;background:transparent;color:var(--mint);display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px}.text-button svg{width:15px;height:15px}.ranking-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #253544}.rank-number{color:#637885;font:700 15px var(--latin)}.rank-name{font-weight:700}.rank-meta{display:block;color:#728b97;font-size:11px;font-weight:400}.rank-height{font:800 23px var(--latin)}.rank-height small{font:600 11px var(--font);color:var(--muted);padding-right:5px}.ranking-item:first-child .rank-number{color:var(--orange)}.empty-state{border:1px dashed #364c58;border-radius:15px;text-align:center;padding:27px 12px;color:#78909d;font-size:13px}.empty-state strong{display:block;color:#cedbe0;margin-bottom:8px;font-size:15px}.empty-state p{margin:0}.recent-item{border-top:1px solid #273745;padding:13px 0;display:flex;align-items:center;gap:12px}.recent-dot{height:37px;width:37px;border-radius:11px;display:grid;place-items:center;background:#204238;color:var(--mint);font-size:17px}.recent-text{flex:1}.recent-text strong{display:block}.recent-text small{color:var(--muted)}.recent-value{font:800 20px var(--latin)}.chip-text{background:#1c2e3c;padding:7px 12px;border:1px solid #304454;border-radius:30px;color:#b0c4cf;font-size:11px}.mini-disclaimer{display:flex;gap:8px;align-items:center;color:#718b99;font-size:11px;margin-top:25px}.mini-disclaimer svg{height:15px;width:15px}.section-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:1px 0 28px}.section-intro .eyebrow{margin-bottom:11px}.section-intro h1{font-size:clamp(36px,4.2vw,54px);line-height:1.16;letter-spacing:-1.5px;font-weight:900;margin-bottom:11px}.section-intro p{color:var(--muted);margin:0;font-size:13px}.accent{color:var(--mint)}.step-counter{font:700 12px var(--latin);letter-spacing:2px;color:#587180;white-space:nowrap}.measure-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.measure-primary{min-width:0}.section-box{background:var(--panel);border:1px solid var(--line);border-radius:21px}.upload-box{min-height:470px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:38px 24px;border:1px dashed #3c5a5c;background:radial-gradient(ellipse at 50% 12%,#22544330,transparent 55%),var(--panel);transition:background .2s}.upload-box.drag-over{background:#1c3f3d;border-color:var(--mint)}.upload-icon{width:79px;height:79px;display:grid;place-items:center;background:#1e403c;border:1px solid #3d7160;border-radius:21px;margin-bottom:26px;color:var(--mint)}.upload-icon svg{height:32px;width:32px}.upload-box .mini-kicker{font-size:10px}.upload-box h2{font-size:30px;font-weight:900;margin:9px 0}.upload-box p{color:#849ba7;max-width:510px;font-size:13px;line-height:1.9;margin:0 auto 23px}.upload-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.drop-hint{font-size:11px;color:#607e8a;margin-top:20px}.measure-aside{display:flex;flex-direction:column;gap:15px}.result-card{background:linear-gradient(155deg,#153b37,#0b2430 85%);border:1px solid #336258;border-radius:20px;padding:23px 21px}.result-title{font:800 9px var(--latin);letter-spacing:1.4px;color:#a6dacc;display:flex;gap:8px;align-items:center;direction:ltr;justify-content:flex-end}.result-led{background:var(--mint)}.result-subtitle{color:#b7d4cf;font-size:13px;margin-top:32px}.result-number{display:flex;align-items:baseline;gap:8px;margin-bottom:23px;font:800 75px/1.1 var(--latin);letter-spacing:-4px;font-variant-numeric:tabular-nums}.result-number small{font:700 19px var(--font);letter-spacing:0;color:var(--mint)}.result-divider{height:1px;background:#386157;margin-bottom:15px}.result-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;color:#b0c9c6;font-size:12px}.result-row strong{font-size:12px;color:#ecfbf6}.formula{font:700 13px var(--latin)!important;direction:ltr}.mono{font-family:var(--latin);font-variant-numeric:tabular-nums;direction:ltr}.save-card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.save-card label,.settings-panel label{display:block;color:#d0e0e6;font-weight:700;font-size:12px;margin-bottom:9px}.save-card input,.settings-panel input{width:100%;color:var(--white);padding:13px;border-radius:9px;background:#0a1925;border:1px solid #2c4251;margin-bottom:15px;min-height:44px;outline:none}.save-card input:focus,.settings-panel input:focus{border-color:var(--mint)}.btn-full{width:100%}.save-card small{display:block;color:#849ba7;font-size:11px;margin-top:13px;line-height:1.7}.tip-mini{background:transparent;border:1px solid var(--line);border-radius:13px;color:var(--mint);padding:16px;display:flex;gap:12px;align-items:center;text-align:right}.tip-mini span{flex:1;color:#8fa8b2;font-size:11px;line-height:1.7}.tip-mini strong{color:#cce4e6;font-size:12px}.tip-mini .tip-chevron{width:15px}.review-box{padding:22px}.review-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.review-topline h2{font-size:23px;margin:5px 0 0}.review-topline .eyebrow{font-size:9px}.icon-plain{border:1px solid #385060;border-radius:10px;padding:10px;background:#162b39;color:#a2c9c7}.video-stage{aspect-ratio:16/9;position:relative;background:#020b10;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-stage video{height:100%;width:100%;object-fit:contain}.video-label{position:absolute;top:13px;right:13px;background:#06151ec9;border:1px solid #ffffff22;border-radius:6px;padding:6px 10px;color:#cce4e8;font:700 10px var(--latin);letter-spacing:.9px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}.video-hint{position:absolute;bottom:11px;left:12px;color:#a9cad2;font-size:10px;background:#06151ebd;padding:6px 9px;border-radius:7px}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:58px;width:58px;border-radius:50%;display:grid;place-items:center;background:#0a1d26cc;color:var(--mint);pointer-events:none;transition:opacity .15s}.play-overlay svg{height:25px;width:25px;fill:var(--mint);stroke:none}.video-stage.playing .play-overlay{opacity:0}.video-tools{display:flex;gap:13px;align-items:center;margin:14px 0}.round-control{height:39px;width:39px;display:grid;place-items:center;color:#0d2923;background:var(--mint);border:0;border-radius:10px}.round-control svg{height:18px;width:18px}.time-readout{font-size:13px;color:#9fb6be}.video-spacer{flex:1}.soft-button{border:1px solid #326457;border-radius:9px;background:#1c413c;color:var(--mint);display:inline-flex;gap:7px;align-items:center;font-weight:700;padding:10px 12px;font-size:12px}.soft-button svg{width:15px;height:15px}.timeline{padding:5px 1px 12px;position:relative}.timeline-track{height:9px;border-radius:12px;background:#293c48;position:absolute;top:17px;left:2px;right:2px;pointer-events:none;overflow:visible}.timeline-fill{background:var(--mint);height:9px;position:absolute;right:0;left:100%;border-radius:20px}.timeline-marker{position:absolute;top:-6px;transform:translateX(50%);height:21px;width:3px;border-radius:5px;background:var(--mint);box-shadow:0 0 0 3px #10202c;z-index:2}.timeline-marker.landing{background:var(--orange)}.timeline-marker b{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);color:var(--mint);font:900 16px var(--latin)}.timeline-marker.landing b{color:var(--orange)}#seekRange{width:100%;appearance:none;-webkit-appearance:none;background:transparent;height:35px;position:relative;margin:0;cursor:pointer}#seekRange::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border:3px solid #102936;border-radius:50%;background:#e9fff5;box-shadow:0 0 0 1px #87f3d0}#seekRange::-moz-range-thumb{width:13px;height:13px;border:3px solid #102936;border-radius:50%;background:#e9fff5;box-shadow:0 0 0 1px #87f3d0}.timeline-ends{display:flex;justify-content:space-between;direction:ltr;color:#728c98;font:600 11px var(--latin)}.mark-title{margin:14px 0 12px;font-size:13px;font-weight:800;display:flex;justify-content:space-between;gap:10px}.mark-title span{font-size:11px;color:#718b99;font-weight:400}.marker-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px}.marker-card{border:1px solid #324756;background:#132635;border-radius:12px;padding:13px;display:flex;align-items:center;gap:9px;color:var(--white);text-align:right;min-width:0}.marker-card.selected{border-color:var(--mint);background:#173a34}.marker-card[data-marker=landing].selected{border-color:var(--orange);background:#3a2e29}.marker-index{font:800 20px var(--latin)}.takeoff-color{color:var(--mint)}.landing-color{color:var(--orange)}.marker-card span:nth-child(2){min-width:0;flex:1}.marker-card strong{display:block;font-size:12px}.marker-card small{display:block;color:#8aa1ae;font-size:9px;line-height:1.5;margin-top:2px}.marker-card b{font-size:11px;color:#ccdbe2;white-space:nowrap}.frame-tools{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:14px;flex-wrap:wrap}.frame-tools span{font-size:10px;color:#6e8997}.adjust-button{background:#1c2c3a;border:1px solid #344955;color:#a6c2ce;padding:7px 9px;border-radius:7px;font:700 11px var(--latin);direction:ltr}.adjust-button:hover{color:var(--mint);border-color:#5d9f89}.review-warning{font-size:10px;color:#78909d;margin:13px 0 0}.ai-status{border:1px solid #2b6859;background:#1a3937;padding:12px;margin-top:15px;border-radius:11px;color:var(--mint)}.ai-status-line{display:flex;align-items:center;gap:10px;font-size:12px}.ai-status svg{width:17px}.progress-track{height:5px;border-radius:8px;background:#355a56;margin-top:12px;overflow:hidden}.progress-track div{height:100%;background:var(--mint);width:0%;transition:width .1s}.board-tools{display:flex;justify-content:space-between;align-items:center;margin:15px 0 27px;gap:15px}.board-filter{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:4px;gap:2px}.filter{border:0;background:transparent;color:#829aa8;padding:10px 17px;border-radius:8px;font-size:12px;font-weight:700}.filter.active{background:#2a4744;color:var(--mint)}.board-source{font-size:11px;color:#8a9fad}.podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:16px;margin:20px auto 26px;max-width:860px;direction:ltr}.podium-member{direction:rtl;text-align:center;border:1px solid #324450;border-radius:18px 18px 10px 10px;background:linear-gradient(#1b2e39,#10202d);min-height:183px;padding:20px 8px 17px;position:relative}.podium-member.first{background:linear-gradient(#3a3b32,#242d2f,#12242e);border-color:#716a3f;min-height:230px}.podium-member.second{min-height:196px}.podium-member.third{min-height:178px}.podium-place{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#29404a;border:1px solid #5f7983;border-radius:20px;padding:2px 11px;color:#d7e1e6;font:800 12px var(--latin)}.podium-member.first .podium-place{background:#594a2d;color:#ffe2ab;border-color:#ac8548}.podium-avatar{width:52px;height:52px;margin:0 auto 10px;border-radius:17px;background:#25433f;border:1px solid #57877c;display:grid;place-items:center;color:var(--mint);font-weight:800;font-size:20px}.podium-member.first .podium-avatar{width:62px;height:62px;background:#4a482f;border-color:#aa8a52;color:#ffd491}.podium-name{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-score{font:900 31px/1.2 var(--latin);margin-top:6px}.podium-score small{font:600 12px var(--font);color:#a8b8c0}.podium-member.first .podium-score{color:#ffd28b}.leaderboard-table-panel{padding:0;overflow:hidden}.table-heading,.leaderboard-row{display:grid;grid-template-columns:70px 1fr 115px 130px;align-items:center;gap:8px;padding:15px 22px}.table-heading{background:#172837;color:#8197a5;font-size:11px;font-weight:700}.leaderboard-row{border-top:1px solid #263746;min-height:62px}.leaderboard-row:hover{background:#192b38}.leaderboard-row .position{color:var(--muted);font:700 16px var(--latin)}.leaderboard-row .player-name{font-weight:800}.leaderboard-row .record-date{color:#849ba8;font-size:11px}.leaderboard-row .record-height{font:800 24px var(--latin);color:var(--mint)}.leaderboard-row .record-height small{font:600 11px var(--font);color:#859caa}.board-footer{display:flex;align-items:center;gap:9px;color:#6d8999;font-size:11px;margin-top:20px}.board-footer svg{height:15px;width:15px;flex:none}.guide-showcase{display:grid;grid-template-columns:.95fr 1.05fr;min-height:384px;overflow:hidden;border:1px solid #31584d;border-radius:23px;background:radial-gradient(ellipse at 60% 35%,#194438,#0e292f 80%)}.guide-showcase-copy{padding:39px 35px;display:flex;flex-direction:column;align-items:flex-start}.guide-showcase-copy h2{font-size:clamp(28px,3.4vw,45px);line-height:1.25;margin:17px 0 10px;font-weight:900}.guide-showcase-copy h2 span{color:var(--mint)}.guide-showcase-copy p{font-size:14px;color:#a0beb6;max-width:320px;min-height:75px}.guide-phase-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0 20px}.phase-pill{border:1px solid #406357;border-radius:20px;padding:8px 12px;background:transparent;color:#a3c9c0;font-weight:700;font-size:11px}.phase-pill.active{background:var(--mint);border-color:var(--mint);color:#093229}.ghost-guide{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:4px 0;color:#99eace;font-weight:700}.ghost-guide svg{width:16px}.guide-animation{display:grid;place-items:center;padding:16px;background:radial-gradient(circle,#1a5042,transparent 63%)}.animation-stage{height:340px;width:100%;max-width:420px;position:relative;overflow:hidden}.stage-ring{position:absolute;border:1px solid #95ebc41a;border-radius:50%;width:210px;height:210px;left:50%;top:50%;transform:translate(-50%,-50%)}.ring2{width:310px;height:310px}.stage-height{font:700 10px var(--latin);letter-spacing:1.4px;color:#8aeacb;position:absolute;top:30px;left:17px}.stage-height span{font-size:20px}.athlete-svg{height:100%;width:100%;overflow:visible}.athlete-body{transform-origin:160px 235px;animation:athleteJump 3.9s ease-in-out infinite}.athlete-head{fill:url(#athleteGradient);stroke:none}.athlete-torso{fill:#62dcbc;stroke:#b2fce2;stroke-width:2}.athlete-arm-left,.athlete-arm-right,.athlete-leg-left,.athlete-leg-right,.athlete-shoe-left,.athlete-shoe-right{fill:none;stroke:#8ef6d2;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}.athlete-shoe-left,.athlete-shoe-right{stroke:#f3fdf6;stroke-width:9}.ground-line path{stroke:#60c8b0;stroke-width:2;stroke-linecap:round}.takeoff-arrows,.landing-arrows{fill:none;stroke:#8ef6d2;stroke-width:2;opacity:0;animation:arrowUp 3.9s infinite}.landing-arrows{stroke:#ffc081;animation:arrowDown 3.9s infinite}.stage-ground{position:absolute;bottom:44px;left:0;right:0;height:12px;background:radial-gradient(ellipse,#66e6c12b,transparent 65%)}.stage-timestamp{position:absolute;bottom:8px;right:12px;font:700 10px var(--latin);color:#699e90;letter-spacing:1.5px;direction:ltr}.stage-timestamp span{color:var(--mint)}@keyframes athleteJump{0%,12%,83%,100%{transform:translateY(0) scaleY(1)}19%{transform:translateY(12px) scaleY(.89)}27%{transform:translateY(-15px) scaleY(1.04)}47%,53%{transform:translateY(-67px) scaleY(1)}75%{transform:translateY(-12px) scaleY(1.04)}88%{transform:translateY(7px) scaleY(.94)}}@keyframes arrowUp{0%,22%,60%,100%{opacity:0;transform:translateY(0)}30%,47%{opacity:1;transform:translateY(-12px)}}@keyframes arrowDown{0%,63%,80%,100%{opacity:0;transform:translateY(-8px)}70%,77%{opacity:1;transform:translateY(5px)}}.guide-animation[data-phase="0"] .athlete-body{animation:none;transform:translateY(0)}.guide-animation[data-phase="1"] .athlete-body{animation:none;transform:translateY(-68px)}.guide-animation[data-phase="2"] .athlete-body{animation:none;transform:translateY(0) scaleY(.95)}.guide-animation[data-phase="0"] .takeoff-arrows,.guide-animation[data-phase="0"] .landing-arrows,.guide-animation[data-phase="1"] .landing-arrows,.guide-animation[data-phase="2"] .takeoff-arrows{animation:none;opacity:0}.guide-animation[data-phase="1"] .takeoff-arrows,.guide-animation[data-phase="2"] .landing-arrows{animation:none;opacity:1}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;position:relative}.guide-count{font:800 11px var(--latin);color:#5e897f;position:absolute;left:23px;top:23px}.guide-icon{border-radius:12px;width:45px;height:45px;display:grid;place-items:center;background:#1f3f3b;color:var(--mint);margin-bottom:19px}.guide-card h3{font-size:16px;margin-bottom:8px}.guide-card p{font-size:12px;color:#829ba6;margin:0}.guide-note{border-radius:15px;border:1px solid #746044;background:#332d27;margin-top:20px;display:flex;gap:14px;padding:18px 22px;color:#ffcc94}.guide-note svg{flex:none}.guide-note p{color:#cfb79e;font-size:12px;margin:2px 0 0}.guide-bottom-cta{margin-top:22px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.settings-panel{padding:28px}.settings-icon{width:52px;height:52px;border-radius:14px;background:#1d403d;color:var(--mint);display:grid;place-items:center;margin-bottom:17px}.settings-icon.orange{background:#3d3026;color:var(--orange)}.settings-panel h2{font-size:22px;margin-bottom:4px}.settings-panel p{color:#8199a6;font-size:12px;margin-bottom:20px}.settings-panel label{margin-top:13px}.settings-panel .btn{margin-top:5px}.cloud-help{border:1px solid #38515c;padding:13px;border-radius:10px;background:#142938;font-size:11px;color:#a9c3c7;line-height:1.8}.cloud-status{display:inline-block;margin-right:12px;color:#8ea5ac;font-size:11px}.data-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px}.data-panel h3{font-size:17px;margin:0 0 4px}.data-panel p{font-size:11px;color:#839aa6;margin:0}.data-buttons{display:flex;gap:10px;flex-shrink:0}.toast{position:fixed;z-index:500;bottom:29px;left:30px;max-width:calc(100vw - 40px);background:#d8f9e9;color:#133629;padding:13px 22px;border-radius:12px;font-weight:800;box-shadow:0 15px 40px #0006;transform:translateY(120px);opacity:0;transition:transform .25s,opacity .25s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#ffb7b9;color:#471b24}.bottom-nav{display:none} [hidden]{display:none!important}
@media(max-width:1240px){.sidebar{width:228px}.page-content{padding-left:26px;padding-right:26px}.measure-grid{grid-template-columns:minmax(0,1fr) 270px}.hero-record{font-size:112px}.marker-selectors{grid-template-columns:1fr}.table-heading,.leaderboard-row{grid-template-columns:55px 1fr 110px 110px}}@media(max-width:970px){.sidebar{width:74px;padding:22px 9px}.brand{justify-content:center;padding:0 0 34px}.brand>div:last-child,.sidebar-label,.nav-link span,.side-community,.sidebar-settings{display:none}.nav-link{justify-content:center;padding:16px}.nav-link svg{height:22px;width:22px}.side-nav{gap:10px}.home-grid{grid-template-columns:1.1fr .9fr}.hero-record{font-size:100px}.hero-card,.start-card{height:320px}.measure-grid{grid-template-columns:1fr}.measure-aside{display:grid;grid-template-columns:1fr 1fr}.tip-mini{grid-column:1/-1}.result-card{min-height:240px}.result-number{font-size:62px}.save-card{display:flex;flex-direction:column;justify-content:center}}@media(max-width:700px){body{background:#08151f}.sidebar{display:none}.topbar{height:63px;padding:0 20px}.crumb-prefix{font-size:9px}.crumb{gap:9px}.topbar-end{gap:12px}.connection-state{font-size:10px}.avatar-button{height:33px;width:33px}.page-content{padding:25px 16px 112px}.page-heading{margin-bottom:21px}.page-heading h1{font-size:42px;line-height:1.18;letter-spacing:-1px}.page-heading p{font-size:12px}.desktop-cta{display:none}.home-grid,.lower-grid,.guide-showcase,.guide-cards,.settings-grid{grid-template-columns:1fr}.home-grid{gap:13px}.hero-card{height:278px;padding:24px}.hero-record{font-size:107px;margin:15px 0 0}.hero-foot{bottom:18px;right:24px;left:24px}.vertical-ruler{top:32px;bottom:100px;left:22px}.hero-foot strong{font-size:15px}.hero-foot .label-small{font-size:11px}.start-card{height:247px;padding:21px 23px}.start-card h2{margin:18px 0 4px;font-size:28px}.start-card p{font-size:12px;margin-bottom:12px}.start-card .btn{min-height:42px;padding:10px 15px;font-size:12px}.start-deco{bottom:-85px;font-size:185px}.lower-grid{margin-top:13px;gap:13px}.panel{padding:20px}.mini-disclaimer{font-size:10px}.section-intro{margin-bottom:20px}.section-intro h1{font-size:36px}.section-intro p{font-size:12px}.step-counter{font-size:10px}.measure-aside{grid-template-columns:1fr}.measure-grid{gap:14px}.upload-box{min-height:380px;padding:28px 19px}.upload-box h2{font-size:26px}.upload-box p{font-size:12px}.upload-icon{height:62px;width:62px;margin-bottom:20px}.upload-actions{width:100%}.upload-actions .btn{flex:1;padding:11px 10px;font-size:12px}.result-number{font-size:75px;margin-bottom:14px}.result-subtitle{margin-top:23px}.result-card{min-height:unset}.review-box{padding:12px}.review-topline{padding:6px 3px}.review-topline h2{font-size:21px}.marker-selectors{grid-template-columns:1fr 1fr;gap:6px}.marker-card{padding:10px 8px;flex-wrap:wrap}.marker-index{font-size:15px}.marker-card strong{font-size:11px}.marker-card small{font-size:9px}.marker-card b{font-size:10px;margin-right:auto}.mark-title{font-size:11px}.mark-title span{font-size:9px}.frame-tools{justify-content:center;gap:5px}.frame-tools span{width:100%;text-align:center;order:-1}.adjust-button{padding:8px 9px}.board-tools{align-items:flex-start;flex-direction:column}.board-filter{width:100%}.filter{flex:1;padding:9px 3px;font-size:11px}.podium{gap:7px}.podium-member{padding:17px 5px 13px;min-height:160px!important;border-radius:14px}.podium-member.first{min-height:195px!important}.podium-member.second{min-height:175px!important}.podium-avatar{height:44px;width:44px;font-size:18px}.podium-member.first .podium-avatar{height:52px;width:52px}.podium-name{font-size:12px}.podium-score{font-size:25px}.podium-score small{font-size:10px}.table-heading,.leaderboard-row{grid-template-columns:45px 1fr 78px;gap:5px;padding:14px 12px}.table-heading span:nth-child(3),.leaderboard-row .record-date{display:none}.leaderboard-row .record-height{font-size:20px}.guide-showcase-copy{padding:30px 22px 5px}.guide-showcase-copy h2{font-size:34px}.guide-showcase-copy p{min-height:55px}.guide-animation{min-height:306px}.animation-stage{height:300px}.guide-cards{gap:12px;margin-top:13px}.guide-card{padding:21px}.guide-note{padding:15px}.data-panel{flex-direction:column;align-items:stretch}.data-buttons{flex-wrap:wrap}.data-buttons button{flex:1}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#0c1c29f7;backdrop-filter:blur(18px);border-top:1px solid #2b3f4b;padding:8px 7px calc(10px + env(safe-area-inset-bottom));z-index:100}.bottom-link{display:flex;align-items:center;justify-content:center;gap:3px;flex-direction:column;background:transparent;border:0;color:#8098a7;font-size:10px;padding:3px 0}.bottom-link svg{width:21px;height:21px}.bottom-link.active{color:var(--mint)}.bottom-main{position:relative;color:var(--mint)}.bottom-main-icon{height:43px;width:43px;border-radius:15px;display:grid;place-items:center;background:var(--mint);color:#0a2924;font:700 31px var(--latin);margin-top:-27px;box-shadow:0 7px 20px #7affd222}.toast{bottom:90px;left:15px;right:15px;max-width:unset;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* AIRTIME 2.0 — Capture Studio / Local Library / original illustrated guide */
:root{--mint:#92f8dc;--orange:#ffae73;--panel:#102332;--panel2:#152d3d;--line:#274050;--radius:23px}
body{background:radial-gradient(ellipse 680px 440px at 66% -15%,#163b3b90,transparent),var(--bg)}
.main-area{background:radial-gradient(circle at 85% 5%,#113c3a2a,transparent 32%)}
.topbar{backdrop-filter:blur(20px);background:#071521ed}
.hero-card{background:linear-gradient(128deg,#1c6a58,#113c42 54%,#102c3b);box-shadow:0 20px 60px #071c2130;border-color:#488e77}
.start-card{background:linear-gradient(133deg,#effff4,#c1f3e3)}
.panel,.section-box,.result-card,.save-card,.guide-card{box-shadow:0 13px 46px #0000000f}
.nav-link,.btn,.filter,.marker-card{transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s}
.nav-link:active,.btn:active{transform:scale(.98)}
.brand-emblem{background:linear-gradient(140deg,#175e59,#0c3039);box-shadow:0 0 0 5px #2f776726}
.squad-challenge{display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#193c39,#142e3b);border:1px solid #365e58;padding:16px 20px;border-radius:17px;margin-top:19px;font-weight:700}
.squad-challenge .challenge-icon{font-size:24px;filter:drop-shadow(0 0 8px #61dfba70)}.squad-challenge>span:nth-child(2){flex:1}.squad-challenge button{background:none;border:0;color:var(--mint);font-weight:800;white-space:nowrap}
.privacy-prominent{display:flex;align-items:center;gap:9px;max-width:560px;background:#153c36;border:1px solid #3c816c;color:#a6f8db;border-radius:12px;padding:10px 15px;font-size:12px;margin-top:17px;text-align:right}
.privacy-prominent svg{width:16px;height:16px}.native-camera-link{display:inline-flex;align-items:center;gap:9px;background:transparent;border:0;color:#a8c2c9;padding:9px 10px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.native-camera-link svg{width:15px;height:15px}
.timing-panel{border:1px solid #294855;background:linear-gradient(140deg,#102937,#0d222e);border-radius:15px;margin-top:18px;padding:16px 18px}
.timing-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.timing-heading strong{font-size:14px}.timing-heading span{font-size:10px;color:var(--mint);text-align:left}
.timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.timing-grid label{color:#abc0c9;font-size:11px;display:flex;flex-direction:column;gap:6px}
.timing-grid select,.camera-fps-label select{background:#10202b;border:1px solid #37515e;border-radius:10px;color:#f2fafb;min-height:43px;padding:7px 11px;width:100%;font:600 12px var(--font)}
.timing-help{font-size:11px;color:#a7bec8;line-height:1.75;margin-top:12px}
.frame-precision-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.frame-precision-row span{font-size:10px;color:#9eb7c3;text-align:center}.frame-precision-row .adjust-button{font-size:11px}
.local-video-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#183f36;border:1px solid #376858;padding:10px 14px;margin:16px 0 5px;border-radius:13px;color:#b9e9dd;font-size:11px}
.local-video-bar .btn{font-size:11px;min-height:36px;padding:8px 13px;white-space:normal}
.confidence-note{font-size:11px;color:#a7c2bd;background:#14342f;padding:10px 12px;border-radius:10px;line-height:1.7;margin-top:17px}
.local-library{margin-top:18px}.local-lock{font-size:15px}.local-storage-disclaimer{color:#8ea7b1;font-size:11px;margin:16px 0 0}.saved-video-list{display:flex;flex-direction:column;gap:8px}.saved-video-item{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:12px;background:#122a39;border:1px solid #2a4550}.saved-video-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.saved-video-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right;font-size:12px}.saved-video-meta small{color:#9bb3bf;font-size:10px}.saved-video-item .btn{font-size:11px;min-height:37px;padding:8px 13px}.local-delete{color:#ffacb1;background:transparent;border:0;font-size:11px;padding:7px}
.camera-open{overflow:hidden}.camera-modal{position:fixed;z-index:1000;inset:0;background:#020a0fdd;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:18px}
.camera-sheet{width:min(100%,560px);max-height:min(96vh,910px);overflow:auto;border:1px solid #3d6a66;border-radius:23px;background:linear-gradient(160deg,#163345,#0c1b29);box-shadow:0 20px 100px #0009;padding:20px}
.camera-sheet-head{display:flex;align-items:center;justify-content:space-between;margin:2px 3px 15px}.camera-sheet-head h2{margin:6px 0 0;font-weight:900;font-size:24px}.camera-close{height:40px;width:40px;color:#c2dde0;border:1px solid #415969;border-radius:12px;background:#1e3443;font-size:17px}
.camera-preview{position:relative;background:#06131b;border-radius:15px;overflow:hidden;width:100%;aspect-ratio:4/5;max-height:480px;border:1px solid #3d5d63}.camera-preview video{height:100%;width:100%;object-fit:cover;transform:scaleX(-1) scaleX(-1)}
.camera-guides{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#09192395 0%,transparent 32%)}.guide-top-tag{position:absolute;top:15px;right:13px;background:#061823b5;border:1px solid #3a7c65;border-radius:9px;padding:7px 10px;color:#a7f7d4;font:800 10px var(--latin)}.camera-outline{position:absolute;inset:11% 20% 15%;border:1px dashed #a0f7ce8f;border-radius:40% 40% 12% 12%}.camera-ground{position:absolute;bottom:14%;left:10%;right:10%;height:2px;background:var(--mint);box-shadow:0 0 15px #8affcd}
.camera-rec-tag{position:absolute;top:15px;left:15px;background:#e63c4acc;color:#fff;border-radius:9px;padding:9px 11px;font:900 12px var(--latin);letter-spacing:1px;direction:ltr;animation:recPulse 1s infinite}
@keyframes recPulse{50%{box-shadow:0 0 0 8px #fa55601b}}.camera-controls{margin-top:16px}.camera-state-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#a7c0c9}.camera-state-line strong{font:900 20px var(--latin);color:var(--mint);direction:ltr}
.camera-fps-label{font-size:12px;display:block;margin:16px 0 8px;color:#b8cdd4}.camera-fps-label select{display:block;margin-top:5px}.camera-fps-label select option:disabled{color:#5d7179}.camera-diagnostics{font-size:11px;line-height:1.7;color:#a3bdc8;background:#102a38;border-radius:10px;padding:11px 13px;margin-top:10px}
.camera-action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.camera-action-row .btn{flex:1;min-width:124px}.rec-dot{color:#d53845;font-size:18px}.camera-permission-note{font-size:11px;color:#91aeb9;line-height:1.7;margin:14px 0 0}
.animated-guide{overflow:hidden;position:relative;border-radius:20px;background:linear-gradient(135deg,#071b29,#0b2332);height:360px}.guide-character{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(1.08);animation:guidePop .32s ease-out}.guide-art-label{position:absolute;z-index:1;top:14px;left:17px;font:800 10px var(--latin);color:#b3f0df;letter-spacing:1.3px;direction:ltr;background:#061923c4;padding:6px 9px;border:1px solid #315c61;border-radius:7px}.guide-art-footer{position:absolute;bottom:10px;right:13px;left:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;font:800 11px var(--latin);letter-spacing:1.2px;color:#b5f0e0;background:#061824bb;border-radius:8px;padding:7px 11px;direction:ltr}.guide-art-footer span:nth-child(2){flex:1}.guide-art-footer .live-pulse{background:var(--mint)}@keyframes guidePop{from{opacity:.7;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.guide-phase-tabs{display:flex;flex-wrap:wrap;gap:7px}.phase-pill{flex:1;min-width:82px;white-space:nowrap}.guide-inspiration{font-size:10px;color:#7d9aaa;margin:13px 0 0}
.guide-note{border-color:#775d48;background:linear-gradient(110deg,#352b26,#302b25)}
@media(max-width:700px){.page-content{padding-bottom:118px}.squad-challenge{padding:13px 12px;gap:8px;font-size:11px;flex-wrap:wrap}.squad-challenge button{margin-right:auto}.upload-box{min-height:420px}.upload-actions{flex-wrap:wrap}.upload-actions .btn{min-width:130px}.timing-panel{padding:13px 11px}.timing-heading{align-items:flex-start;flex-direction:column;gap:5px}.timing-grid{gap:8px}.timing-grid select{font-size:11px}.frame-precision-row{flex-wrap:wrap}.frame-precision-row span{order:-1;width:100%}.local-video-bar{flex-wrap:wrap}.camera-modal{padding:0;align-items:flex-end}.camera-sheet{width:100%;max-height:97dvh;border-radius:25px 25px 0 0;padding:18px 16px calc(14px + env(safe-area-inset-bottom))}.camera-preview{aspect-ratio:4/4;max-height:46dvh}.camera-sheet-head h2{font-size:21px}.camera-action-row .btn{font-size:12px}.animated-guide{height:315px}.guide-character{object-fit:cover}.guide-phase-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.phase-pill{width:100%;font-size:11px}.saved-video-item{padding:8px}.saved-video-meta strong{max-width:170px}.data-buttons button{flex:1 1 135px}}
@media(prefers-reduced-motion:reduce){.guide-character,.camera-rec-tag{animation:none!important}}

.camera-preview video{object-fit:contain}


/* AIRTIME 3.0 / REDLINE — high contrast red · white · black */
:root { --bg:#09090b; --bg2:#0e0e11; --panel:#17171c; --panel2:#202027; --line:#323239; --white:#f8f8fa; --muted:#a7a7ae; --mint:#f53748; --mint2:#c9142a; --orange:#ff5868; --orange2:#d82d42; --red:#ff3b4a; }
body{background:radial-gradient(ellipse 80% 50% at 50% -15%,#3e111ba6,transparent 67%),#09090b;color:var(--white)}
.sidebar{background:linear-gradient(180deg,#111114,#09090b);border-color:#292930}
.topbar{background:#101014ec;border-color:#303037;backdrop-filter:blur(16px)}
.top-group-tag{max-width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:1px solid #83303a;color:#ff9ca3;border-radius:100px;padding:7px 11px;font:700 10px var(--latin);letter-spacing:.4px}
.brand-emblem{color:white;background:#dd2035;border:1px solid #fa6570;box-shadow:0 9px 30px #ea213d33}
.brand-small-dot,.brand-word span{color:#ff4354}
.nav-link:hover,.sidebar-settings:hover{background:#222025}
.nav-link.active{background:#33151d;color:#ff707f}
.nav-link.active:before{background:#fa3649}
.side-community{background:radial-gradient(ellipse at top left,#8c1a2d65,transparent 75%),#1b151b;border:1px solid #77283a}
.side-community:after{color:#fa3650}
.community-mark{background:#732034;color:#fff}
.side-community .kicker,.side-community button{color:#ff7480}
.side-community p{color:#d9c0c6}
.btn-primary{color:#fff;background:linear-gradient(110deg,#fb3c50,#c81933);border:1px solid #ff7783;box-shadow:0 8px 26px #ed28413a}
.btn-primary:hover{background:linear-gradient(110deg,#ff5a6a,#db253d);box-shadow:0 10px 30px #ed284151}
.btn-secondary{background:#212126;border-color:#49434a;color:#f7f7f7}
.btn-secondary:hover{background:#2e272e;border-color:#ff6779}
.btn-dark{background:#111115;color:#fff}
.btn-dark:hover{background:#272127}
.eyebrow,.mini-kicker,.kicker{color:#ff6575}
.hero-card{background:radial-gradient(circle at 80% 20%,#fa2e473d,transparent 46%),linear-gradient(135deg,#6c1627,#241017 55%,#131319);border:1px solid #913045;box-shadow:0 21px 65px #070608a8}
.hero-glow{background:radial-gradient(circle,#fd3a6030 0%,transparent 70%)}
.hero-label{color:#ffd2d8}
.hero-label .live-pulse{background:#ff4658}
.hero-foot .label-small{color:#edb7bf}
.hero-record{color:#fff}
.hero-record small{color:#ffc6ce}
.hero-jump-icon{color:#ff8191}
.start-card{background:linear-gradient(130deg,#fff,#e8e6e9);color:#131319;border-color:#fff;box-shadow:0 18px 50px #fff2}
.start-card h2{color:#121217}
.start-card p{color:#63626b}
.icon-circle.mint{background:#f8cfda;color:#ae1930}
.tiny-outline{color:#944451}
.start-deco{color:#d4a1ad}
.start-card .btn-dark{color:white}
.panel,.section-box,.save-card,.guide-card{background:#18181e;border-color:#39333b}
.panel-heading h3,.result-card h3{color:white}
.icon-plain,.text-button{color:#ff6b78}
.section-box .upload-icon,.upload-icon{background:#501c29;color:#ff8290;border-color:#85394b}
.upload-box{background:radial-gradient(circle at top right,#4e192c65,transparent 54%),#17171c;border-color:#39333b}
.upload-box p,.section-intro p{color:#b0adb4}
.privacy-prominent{background:#2c1b20;border-color:#6d3641;color:#ffd5d9}
.result-card{background:linear-gradient(140deg,#561522,#22141b 70%,#14141a);border:1px solid #863044}
.result-number{color:#fff}
.save-card input,.settings-panel input,.settings-select{background:#101015;color:#fff;border:1px solid #424047}
.save-card input:focus,.settings-panel input:focus,.settings-select:focus{border-color:#fa4053}
.board-filter{background:#16161a;border-color:#3a343b}
.filter.active{color:#fff;background:#a62636}
.board-source{color:#bcaeb2}
.podium-member{background:linear-gradient(#29232a,#14141a);border:1px solid #51424a}
.podium-member.first{background:linear-gradient(155deg,#7d1d2f,#361822 66%,#1a171a);border-color:#be4b61;box-shadow:0 18px 38px #0005}
.podium-member.first .podium-avatar{background:#a1263a;border-color:#e9687a;color:white}
.podium-member.first .podium-score{color:#fff}
.podium-member.first .podium-place{background:#ff3b50;color:#fff;border-color:#ff6a7e}
.podium-score,.record-height,.rank-height{color:#ff8792}
.guide-showcase{background:radial-gradient(circle at 30% 45%,#6d182b,#141319 75%);border-color:#7a2d3b}
.guide-showcase h2 span{color:#ff5969}
.guide-showcase-copy p{color:#d4b7c0}
.guide-animation{background:radial-gradient(circle,#4c1922,transparent 70%)}
.guide-note{background:#28181d;border-color:#692a39}
.squad-challenge{background:linear-gradient(100deg,#541925,#212025);border-color:#7e2e40}
.squad-challenge button{color:#ff8290}
.squad-challenge .challenge-icon{filter:drop-shadow(0 0 8px #ed344d70)}
.bottom-nav{background:#101013f9;border-color:#44303b}
.bottom-link.active,.bottom-main{color:#ff6374}
.bottom-main-icon{background:#f2384d;color:white;box-shadow:0 8px 26px #f2384d52}
.camera-modal{background:#050507eb}
.camera-sheet{background:#17171b;border-color:#43343e}
.settings-icon{background:#431b29;color:#ff7283}
.settings-icon.orange{background:#511b27;color:#ff7585}
.cloud-help,.data-panel{background:#201b21;border-color:#443039}
.settings-select{width:100%;padding:13px;border-radius:9px;min-height:45px;margin-bottom:14px;display:block}
.settings-group-card{display:flex;flex-direction:column;gap:8px;border:1px solid #6b3240;border-radius:16px;background:#25171e;padding:17px;margin:16px 0}
.settings-group-card>span{font-size:11px;color:#d2b3ba}
.settings-group-card>strong{font-size:20px;line-height:1.1}
.settings-group-card>code{font:600 12px var(--latin);color:#ff8b9a;direction:ltr;text-align:right}
.settings-group-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.settings-group-actions .btn{min-height:38px;padding:9px 12px;font-size:11px;white-space:normal}
.cloud-note{font-size:11px;color:#c9b8c1;margin:0 0 12px}
.board-group-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:17px;background:linear-gradient(110deg,#401824,#1a171d);border:1px solid #702b3e;margin-bottom:19px}
.board-group-bar>div{display:flex;flex-direction:column;gap:7px}
.board-group-bar strong{font-size:23px;font-family:var(--latin)}
.btn-change-group{font-size:12px;white-space:normal}
/* Onboarding is a true first-run, full-screen app flow (not a browser dialog). */
.onboarding-open{overflow:hidden}
.onboarding-overlay[hidden],.update-banner[hidden],.onboarding-step[hidden],.group-extra[hidden]{display:none!important}
.onboarding-overlay{position:fixed;inset:0;z-index:1800;background:#08080bec;backdrop-filter:blur(18px);display:grid;place-items:center;padding:clamp(8px,2vw,22px)}
.onboarding-card{display:grid;grid-template-columns:minmax(280px,.86fr) 1.14fr;width:min(960px,100%);max-height:calc(100dvh - 24px);background:#18181d;border:1px solid #61404a;border-radius:26px;overflow:hidden;box-shadow:0 30px 100px #000b;direction:rtl}
.onboarding-hero{padding:44px 38px;color:#fff;background:radial-gradient(circle at 18% 20%,#fc52664f,transparent 54%),linear-gradient(150deg,#641526,#250c13 72%,#130f12);min-height:560px;position:relative;display:flex;flex-direction:column;overflow:hidden}
.onboarding-brand{font:900 51px/1 var(--latin);direction:ltr;text-align:right;letter-spacing:-4px}
.onboarding-brand span{color:#ff7585}
.onboarding-brand small{font:800 11px var(--latin);letter-spacing:2px;color:#ffb8c1;vertical-align:top;margin-left:10px}
.onboarding-version{margin:14px 0 0;font:700 10px var(--latin);letter-spacing:2px;color:#e79aa9;direction:ltr;text-align:right}
.onboarding-graphic{font:900 clamp(130px,17vw,240px)/1 var(--latin);position:absolute;top:30%;left:4%;color:#ff485e75;transform:rotate(-9deg);user-select:none;pointer-events:none}
.onboarding-graphic span{position:absolute;top:70%;right:8%;white-space:nowrap;font:800 11px var(--latin);letter-spacing:4px;color:#ff849288}
.onboarding-hero h2{font-size:clamp(36px,4vw,59px);font-weight:900;line-height:1.13;letter-spacing:-1.4px;margin:auto 0 10px;z-index:1}
.onboarding-hero h2 em{font-style:normal;color:#ff8895}
.onboarding-hero p{color:#f2c6cf;font-size:13px;z-index:1;margin:0;max-width:270px}
.onboarding-content{padding:43px clamp(20px,3vw,42px) 30px;overflow-y:auto;min-height:0;scrollbar-width:thin}
.onboarding-steps{display:flex;align-items:center;gap:14px;direction:ltr;font:700 10px var(--latin);color:#ff7d8e;letter-spacing:1.5px;margin-bottom:24px}
.onboarding-progress{height:4px;background:#3a292f;flex:1;border-radius:100px;overflow:hidden}
.onboarding-progress i{display:block;background:linear-gradient(90deg,#a71834,#ff5365);height:100%;width:50%;transition:width .25s}
.onboarding-step h3{font-size:29px;line-height:1.25;margin:0 0 4px;font-weight:900}
.onboarding-step>p{font-size:12px;color:#afadb3;margin-bottom:21px}
.onboarding-step label{font-size:12px;font-weight:800;display:block;margin:13px 0 8px;color:#e7e3e6}
.onboarding-step input,.onboarding-step select{display:block;background:#0f0f13;width:100%;color:white;border:1px solid #48424a;padding:13px 15px;border-radius:12px;min-height:48px;outline:0;appearance:auto}
.onboarding-step input:focus,.onboarding-step select:focus{border-color:#fd586b;box-shadow:0 0 0 3px #fb3c5030}
.height-entry{position:relative}
.height-entry span{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:800 12px var(--latin);color:#ff6a7c}
.privacy-mini{padding:8px 0 0;color:#bcb2ba!important;margin-bottom:14px!important;font-size:11px!important}
.onboarding-next{width:100%;margin-top:6px;min-height:52px}
.group-cards{display:grid;gap:9px;margin-bottom:17px}
.group-card{color:#fff;display:flex;align-items:center;text-align:right;gap:12px;border:1px solid #433c44;border-radius:14px;background:#202026;padding:12px;transition:.16s}
.group-card:hover,.group-card.is-selected{border-color:#ff4b60;background:#3a1a26}
.group-card-emblem{height:41px;width:41px;display:grid;place-items:center;background:#69253a;color:#ffadba;font:900 23px var(--latin);border-radius:11px;flex:none}
.group-card-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.group-card-copy b{font-size:14px;overflow-wrap:anywhere}
.group-card-copy small{font-size:10px;color:#bcaab3;direction:ltr;text-align:right}
.group-card-mark{color:#ff687a;opacity:0;font-weight:900}
.group-card.is-selected .group-card-mark{opacity:1}
.group-options{display:flex;gap:9px;flex-wrap:wrap}
.group-mode-btn{flex:1;min-width:120px;background:transparent;color:#ff7a89;border:1px solid #70313e;border-radius:10px;padding:11px 8px;font-size:11px;font-weight:800}
.group-mode-btn.active{background:#5c1e30;border-color:#fa5a70;color:#fff}
.group-extra{background:#211a21;border:1px solid #59323f;border-radius:12px;margin-top:13px;padding:13px}
.group-extra label{margin:0 0 8px}
.group-extra input{margin-bottom:11px}
.group-extra p{font-size:11px;color:#c2a7b0;margin:5px 0}
.onboarding-actions{display:flex;gap:9px;margin-top:20px}
.onboarding-actions>.btn:first-child{flex:none}
.onboarding-actions>.btn:last-child{flex:1}
.setup-error{font-size:12px;color:#ff8899;padding-top:10px;min-height:22px}
.update-banner{position:fixed;z-index:1600;bottom:calc(18px + env(safe-area-inset-bottom));right:22px;left:22px;margin:auto;max-width:450px;border:1px solid #e94d63;background:#250f18;box-shadow:0 16px 60px #0009;border-radius:16px;padding:13px 15px;display:flex;align-items:center;gap:11px;color:#fff}
.update-banner>div{flex:1;display:flex;flex-direction:column;gap:3px}
.update-banner strong{font-size:13px}
.update-banner small{font-size:10px;color:#e6bdc7}
.update-banner button{border:0;border-radius:9px;background:#f23850;color:white;font-weight:800;padding:10px;font-size:11px;white-space:nowrap}
.update-banner .update-dismiss{background:transparent;color:#d7c5ca;padding:8px}
@media(max-width:970px){.top-group-tag{max-width:130px}}
@media(max-width:700px){
 .topbar-end{gap:8px}.top-group-tag{max-width:93px;font-size:9px;padding:5px 8px}
 .onboarding-overlay{padding:0;place-items:stretch}.onboarding-card{border:0;border-radius:0;width:100%;max-height:100dvh;height:100dvh;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
 .onboarding-hero{min-height:0;flex:none;padding:17px 24px 16px;background:linear-gradient(100deg,#541626,#1d121a)}
 .onboarding-brand{font-size:34px;letter-spacing:-2px}.onboarding-brand small{font-size:8px}.onboarding-version{display:none}.onboarding-graphic{font-size:73px;top:11px;left:12%;opacity:.6}
 .onboarding-graphic span{display:none}.onboarding-hero h2{font-size:28px;margin:14px 0 4px}.onboarding-hero p{font-size:10px;line-height:1.5}
 .onboarding-content{padding:20px 22px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}
 .onboarding-steps{margin-bottom:17px}.onboarding-step h3{font-size:23px}.onboarding-step>p{font-size:11px;margin-bottom:12px}
 .onboarding-step label{margin:9px 0 6px}.onboarding-step input,.onboarding-step select{min-height:44px}
 .group-card{padding:8px 11px}.group-card-emblem{width:35px;height:35px}.group-cards{max-height:220px;overflow:auto}
 .board-group-bar{padding:13px;gap:8px}.board-group-bar strong{font-size:17px}.btn-change-group{font-size:10px;padding:8px;min-height:40px}
 .update-banner{bottom:calc(72px + env(safe-area-inset-bottom));left:10px;right:10px}
}
@media(max-height:690px) and (min-width:701px){.onboarding-hero{min-height:480px}.onboarding-content{padding-top:24px}}