/* Web-only layout; the native app's styles remain untouched. */
.kol-web{--web-ink:#17202a;--web-gold:#d6ad53;--web-soft:#f5f6f8;--web-line:#e4e7ec;color-scheme:light}
.kol-web body{background:var(--web-soft);color:var(--web-ink)}
.kol-web button,.kol-web a,.kol-web input,.kol-web select{touch-action:manipulation}
.kol-web :focus-visible{outline:3px solid #277ed7;outline-offset:4px}
.kol-web .shell{display:block;padding-left:244px;min-height:100dvh}
.kol-web .sidebar{position:fixed;inset:0 auto 0 0;width:244px;height:100dvh;padding:30px 18px 20px;background:#151b24;border:0;display:flex;flex-direction:column;color:#f5f5f7;overflow-y:auto;z-index:8}
.kol-web .sidebar .brand{color:#fff;font-size:16px;letter-spacing:-.5px;gap:9px;line-height:1.2;padding:0 7px;text-decoration:none;flex:none}
.kol-web .sidebar .brand img{width:38px!important;height:38px;object-fit:contain;border-radius:10px}
.kol-web .sidebar .nav{display:flex;flex-direction:column;gap:4px;margin-top:29px;height:auto}
.desktop-nav-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7e8998;margin:0 14px 12px}
.desktop-nav-secondary{margin-top:24px}
.kol-web .sidebar .nav button{position:static;transform:none;display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 14px;margin:0;text-align:left;font:500 13px/1.4 var(--body);color:#aab4c3;border:0;background:transparent;border-radius:10px;min-height:45px;box-shadow:none}
.kol-web .sidebar .nav button:before,.kol-web .sidebar .nav button:after{display:none}
.kol-web .sidebar .nav button:hover{color:#fff;background:#ffffff0b}
.kol-web .sidebar .nav button.active{background:#f1cd7c16;color:#f1cd7c}
.kol-web .sidebar .nav .icon{width:19px;height:19px;flex:none;stroke-width:1.7}
.desktop-active-dot{width:5px;height:5px;border-radius:50%;background:#e7bf6b;margin-left:auto}
.kol-web .sidebar-foot{margin-top:auto;padding:30px 15px 0;border:0;font-size:12px;color:#929dab}
.desktop-phone-mark{width:34px;height:34px;display:grid;place-items:center;background:#29313d;border:1px solid #3a4351;border-radius:10px;margin-bottom:12px;color:#e9c983}
.kol-web .sidebar-foot strong{font-size:12px;font-weight:600;color:#e9edf3}
.kol-web .sidebar-foot p{line-height:1.65;margin:7px 0}
.desktop-phone-link{border:0;padding:5px 0;background:none;color:#e2bd72;font:500 11px var(--body);cursor:pointer}
.desktop-web-version{display:block;font-size:8px;letter-spacing:1.9px;color:#667282;margin-top:25px}
.kol-web .workspace{width:100%;max-width:1560px;margin:0 auto;padding:0 44px 60px;min-width:0}
.kol-web .topbar{height:90px;border-bottom:1px solid var(--web-line);margin-bottom:30px}
.kol-web .topbar>.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;color:#838c97}
.desktop-top-dot{width:6px;height:6px;background:#bf9650;border-radius:50%}
.kol-web .header-actions{gap:15px}
.kol-web .profile-button .profile-name{font-size:12px;line-height:1.5;color:#505b6a}
.kol-web #content{min-width:0}
.kol-web .page-title{margin:8px 0 30px}
.kol-web .page-title h1{font-size:36px;letter-spacing:-1.4px;line-height:1.15;color:#1c2531}
.kol-web .page-title .sub{max-width:760px;font-size:14px;line-height:1.6;color:#7b8390;margin-top:9px}
.kol-web .panel{border-color:var(--web-line);box-shadow:0 3px 12px #14233a03}
.kol-web .profile-panel{max-width:900px}
.kol-web .profile-panel .form-grid{gap:0 25px}
.kol-web .btn{min-height:43px;font-size:12px;border-radius:10px;padding:11px 18px}
.kol-web .text-button{font-size:13px}
.kol-web .gym-home-banner{height:230px}
.kol-web .trophy-wall{padding:28px}
.kol-web .qualifier-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.kol-web .trophy-wall .qualifier-card{padding:24px 20px;min-height:385px;border-radius:16px}
.kol-web .trophy-wall .qualifier-mini-card{width:86px;height:122px;margin:12px auto}
.kol-web .qualifier-name{font-size:16px}
.kol-web .qualifier-weight{font-size:34px}
.kol-web .qualifier-card-footer .qualifier-watch{max-width:none;font-size:12px}
.kol-web .qualifier-history{margin-top:auto}
.kol-web .gym-social-feed{max-width:850px;margin:auto}
.kol-web dialog{width:min(670px,calc(100vw - 40px));max-height:90dvh;border-radius:22px;padding:30px}
.kol-web dialog video{max-height:64dvh;object-fit:contain}
.kol-web #toast{z-index:20;max-width:560px;bottom:28px;background:#172235;color:#fff;box-shadow:0 12px 35px #13213526}
.kol-web .auth-gate.desktop-auth{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(470px,1fr);padding:0;min-height:100dvh;background:#fafafc;place-items:stretch}
.desktop-welcome{position:relative;display:flex;flex-direction:column;min-height:100dvh;padding:40px 56px 28px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 65%,#765b2b36,transparent 56%),#131b25;color:#fff}
.desktop-welcome:before{position:absolute;content:'';inset:0;z-index:-1;pointer-events:none;opacity:.22;background:repeating-linear-gradient(120deg,transparent 0 159px,#ffe8ad18 160px,transparent 161px 320px)}
.desktop-wordmark{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:15px;font-weight:750;letter-spacing:.3px}
.desktop-wordmark img{width:40px;height:40px;border-radius:11px}
.desktop-welcome-copy{margin:auto 0;padding:44px 0 16px}
.desktop-kicker{font-size:10px;font-weight:600;letter-spacing:2.3px;color:#dbc180}
.desktop-welcome h2{font-size:clamp(46px,4.6vw,72px);line-height:1.03;letter-spacing:-2.8px;font-weight:700;margin:24px 0 20px;color:#fff}
.desktop-welcome h2 em{font-style:normal;color:#e3c47f}
.desktop-welcome p{font-size:14px;line-height:1.75;color:#a6afbb;margin:0}
.desktop-card-fan{height:220px;max-width:430px;position:relative;margin:34px auto 0;display:flex;justify-content:center;align-items:center}
.desktop-card-fan img{position:absolute;width:120px;height:169px;object-fit:cover;border:1px solid #b58945;border-radius:11px;box-shadow:0 12px 35px #0008}
.desktop-card-fan img:first-child{transform:translateX(-95px) rotate(-17deg);z-index:1}
.desktop-card-fan img:nth-child(2){transform:translateY(-12px);z-index:3}
.desktop-card-fan img:last-child{transform:translateX(95px) rotate(17deg);z-index:2}
.desktop-welcome-foot{display:flex;align-items:center;gap:13px;color:#8793a3;font-size:10px;letter-spacing:.2px;margin-top:20px}
.desktop-welcome-foot i{width:3px;height:3px;border-radius:50%;background:#a48750}
.desktop-login-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 48px}
.desktop-login-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;color:#778291;font-weight:600;margin-bottom:30px}
.desktop-live-dot{height:5px;width:5px;background:#b79450;border-radius:50%}
.kol-web .desktop-auth .auth-panel{width:min(100%,420px);border:0;background:none;box-shadow:none;border-radius:0;text-align:left;padding:0}
.kol-web .desktop-auth .auth-logo{display:none}
.kol-web .desktop-auth .auth-panel>.eyebrow{color:#a78b4d;font-size:10px;letter-spacing:1.8px}
.kol-web .desktop-auth .auth-panel h1{font-size:36px;letter-spacing:-1.3px;margin:8px 0 12px;color:#1c2531}
.kol-web .desktop-auth .auth-panel>p{font-size:13px;line-height:1.75;color:#7b8390;max-width:390px}
.kol-web .desktop-auth .auth-form{margin-top:30px}
.kol-web .desktop-auth .field{font-size:12px;font-weight:550;gap:9px;margin-bottom:18px;color:#485465}
.kol-web .desktop-auth input:not([type=checkbox]){background:#fff;border-color:#dfe3e9;border-radius:10px;min-height:49px;font-weight:400;font-size:13px;color:#1d2939}
.kol-web .desktop-auth input:focus{outline-color:#1675cb;border-color:#1675cb}
.kol-web .desktop-auth .auth-form .btn{border-radius:10px;min-height:48px;font-size:13px;margin-top:18px;box-shadow:0 4px 12px #006ccc18}
.kol-web .desktop-auth .switch-line{font-size:11px;color:#7a8290;align-items:center}
.kol-web .desktop-auth .switch-line input{width:15px;height:15px;min-height:15px;margin:0}
.kol-web .desktop-auth .auth-divider{margin:26px 0 18px;color:#8d95a2;font-size:11px}
.kol-web .desktop-auth .auth-note{font-size:10px!important;line-height:1.6!important;text-align:center!important;margin-top:19px!important;color:#929ba7!important}
.desktop-forgot{display:block;text-align:right;font-size:11px!important;width:100%;padding-top:13px}
.kol-web .desktop-auth .auth-resend-verification{font-size:10px;margin-top:10px;line-height:1.7}
.desktop-account-note{font-size:10px;line-height:1.8;text-align:center;color:#a0a7b1;margin:28px 0 0}
.desktop-form-alert,#desktop-reset-status{font-size:12px;color:#ad3030;line-height:1.6;padding:12px;background:#fff1f0;border:1px solid #e8c6c2;border-radius:9px}
#desktop-reset-status:empty{display:none}
.kol-web .desktop-reset{background:#f5f6f8}
.kol-web .desktop-reset .auth-panel{background:white;border-color:#e2e7ed;box-shadow:0 15px 70px #1321350d}
.kol-web .desktop-record{overflow:hidden;border-radius:18px}
.desktop-stepper{display:flex;padding:26px 32px;gap:38px;border-bottom:1px solid var(--web-line);background:white}
.desktop-stepper>div{display:flex;align-items:center;gap:10px;font-size:12px;color:#9ba2ad}
.desktop-stepper b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #e2e5ea;font-size:11px;font-weight:600}
.desktop-stepper .current{color:#2d3b50;font-weight:650}.desktop-stepper .current b{color:white;background:#1b283c;border-color:#1b283c}.desktop-stepper .complete b{background:#edf5ef;color:#408052;border-color:#dceade}
.desktop-record-body{padding:40px;min-height:340px}
.desktop-record-body>.eyebrow{color:#a2874d;font-size:10px;letter-spacing:1.9px}
.desktop-record-body h2{font-size:30px;letter-spacing:-.9px;margin:10px 0 8px;line-height:1.2}
.desktop-record-body p{font-size:13px;line-height:1.7;color:#7b8390}
.desktop-lift-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.desktop-lift-options button{padding:0 0 18px;border:1px solid #e4e6eb;border-radius:12px;overflow:hidden;background:#fff;text-align:left;transition:border-color .15s,box-shadow .15s}
.desktop-lift-options button:hover{border-color:#c3a15f}.desktop-lift-options button.selected{border:2px solid #c3a15f;box-shadow:0 0 0 3px #c3a15f12}
.desktop-lift-options img{display:block;width:100%;height:160px;object-fit:cover}
.desktop-lift-options strong{display:block;margin:16px 18px 6px;font-size:16px;color:#1f2b3b}
.desktop-lift-options span{display:block;margin:0 18px;font-size:11px;color:#8e7953}
.desktop-record-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid var(--web-line);gap:12px;background:#fbfcfd}
.desktop-record-footer>span{font-size:9px;letter-spacing:1.2px;color:#9aa2ad}
.desktop-record-details{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:30px}
.desktop-load-input{display:flex;gap:8px}.desktop-load-input input{flex:1;min-width:0}.desktop-load-input select{width:90px}
.desktop-record-checks{background:#f8f6f0;border:1px solid #eee6d2;padding:22px;border-radius:12px}
.desktop-record-checks strong{font-size:14px;color:#594b30}.desktop-record-checks p{font-size:12px;color:#82775f;margin:15px 0}.desktop-record-checks small{font-size:10px;line-height:1.6;color:#a0957c;display:block}
.desktop-record-phone{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center;max-width:800px;margin:0 auto}
.desktop-record-phone .eyebrow{color:#ab9055;font-size:10px}
.desktop-record-phone .hint{font-size:11px;max-width:400px;margin-top:18px}.desktop-record-phone .btn{margin-top:20px}
.desktop-phone-frame{width:190px;height:340px;padding:25px 14px 20px;background:#151e2c;border:6px solid #263247;border-radius:31px;box-shadow:0 20px 40px #1321351a;display:flex;flex-direction:column;align-items:center;gap:12px;color:white;transform:rotate(-5deg)}
.desktop-phone-frame>img{width:30px;height:30px;border-radius:8px}.desktop-phone-frame>span:not(.desktop-record-dot){font-size:8px;letter-spacing:1.3px;color:#abb7ca}
.desktop-phone-view{display:flex;flex:1;width:100%;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-radius:12px;border:1px solid #89703f70;background:radial-gradient(ellipse at 50% 50%,#84643638,transparent 75%);color:#e5c67f}
.desktop-phone-view strong{font-size:21px}.desktop-phone-view span{font-size:11px}.desktop-record-dot{display:block;width:27px;height:27px;background:#c95854;border:4px solid #e9d4d4;border-radius:50%}
.desktop-record-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px;padding:0 8px}
.desktop-record-explainer .icon{width:22px;height:22px;color:#b29962;margin-bottom:12px}
.desktop-record-explainer h3{font-size:14px;color:#3f4b5d}.desktop-record-explainer p{font-size:12px;line-height:1.8;color:#929aa6;margin-top:8px}
@media(min-width:1500px){.kol-web .workspace{padding-left:65px;padding-right:65px}.desktop-welcome{padding-left:80px;padding-right:80px}.desktop-card-fan{height:245px}.desktop-card-fan img{width:140px;height:197px}.desktop-card-fan img:first-child{transform:translateX(-110px) rotate(-17deg)}.desktop-card-fan img:last-child{transform:translateX(110px) rotate(17deg)}}
@media(max-height:830px) and (min-width:901px){.desktop-welcome{padding-top:26px;padding-bottom:23px}.desktop-welcome-copy{padding:24px 0 0}.desktop-welcome h2{font-size:56px;margin-top:18px}.desktop-card-fan{height:180px;margin-top:20px}.desktop-card-fan img{width:100px;height:141px}.desktop-card-fan img:first-child{transform:translateX(-82px) rotate(-17deg)}.desktop-card-fan img:last-child{transform:translateX(82px) rotate(17deg)}}
@media(max-width:1100px){.kol-web .shell{padding-left:215px}.kol-web .sidebar{width:215px;padding:25px 12px 18px}.kol-web .sidebar .brand{font-size:14px}.kol-web .workspace{padding:0 28px 45px}.kol-web .page-title h1{font-size:30px}.desktop-stepper{gap:18px;padding:22px}.desktop-stepper>div{font-size:10px}.desktop-record-body{padding:28px}.desktop-record-phone{grid-template-columns:180px 1fr;gap:24px}.desktop-phone-frame{width:160px;height:295px}.desktop-record-details{gap:24px}.desktop-welcome{padding-left:36px;padding-right:36px}.desktop-login-wrap{padding-left:35px;padding-right:35px}}
@media(max-width:900px){.kol-web .auth-gate.desktop-auth{grid-template-columns:1fr}.desktop-welcome{display:none}.desktop-login-wrap{min-height:100dvh;padding:40px 24px}.kol-web .desktop-auth .auth-logo{display:block}.kol-web .desktop-auth .auth-panel h1{font-size:34px}.kol-web .shell{padding-left:0}.kol-web .sidebar{position:relative;width:100%;height:auto;padding:18px 20px;background:#151b24;overflow:visible}.kol-web .sidebar .brand{display:flex}.kol-web .sidebar .nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:18px}.kol-web .sidebar .nav button{padding:9px 8px;font-size:10px;gap:6px;min-height:40px}.desktop-nav-label,.desktop-active-dot,.kol-web .sidebar-foot{display:none}.kol-web .topbar{height:75px;margin-bottom:25px}.kol-web .topbar .mobile-brand{display:none}.kol-web .topbar>.eyebrow{font-size:10px}.kol-web .workspace{padding:0 24px 40px}.kol-web .qualifier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-record-explainer{gap:18px}}
@media(max-width:600px){.kol-web .sidebar .nav{grid-template-columns:repeat(3,minmax(0,1fr))}.kol-web .sidebar .nav button{display:flex;flex-direction:row}.kol-web .workspace{padding:0 16px 40px}.kol-web .topbar>.eyebrow{display:none}.kol-web .topbar{justify-content:flex-end}.kol-web .profile-button .profile-name{display:block;font-size:11px}.kol-web .page-title h1{font-size:28px}.kol-web .trophy-wall{padding:16px}.kol-web .trophy-wall .qualifier-card{padding:17px 9px}.kol-web .trophy-wall .qualifier-mini-card{width:70px;height:99px}.kol-web .gym-home-banner{height:190px}.desktop-stepper{gap:10px;padding:18px 14px}.desktop-stepper>div{flex:1;align-items:flex-start;gap:6px;flex-direction:column;line-height:1.5}.desktop-record-body{padding:24px 18px;min-height:0}.desktop-lift-options{gap:8px}.desktop-lift-options img{height:100px}.desktop-lift-options strong{font-size:13px;margin:12px 10px 5px}.desktop-lift-options span{font-size:9px;margin:0 10px}.desktop-record-body h2{font-size:26px}.desktop-record-footer{padding:16px}.desktop-record-footer>span{max-width:100px;font-size:8px;line-height:1.8}.desktop-record-details{grid-template-columns:1fr}.desktop-record-phone{grid-template-columns:1fr;text-align:center}.desktop-phone-frame{margin:0 auto}.desktop-record-explainer{grid-template-columns:1fr}.desktop-record-explainer article{padding:16px 0;border-bottom:1px solid #e1e5eb}.desktop-record-explainer .icon{margin-bottom:8px}.desktop-record-explainer p{margin-top:5px}.kol-web #toast{bottom:20px;max-width:90vw}.kol-web .profile-panel .form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.desktop-lift-options button{transition:none}}