/* Athlemic 2.0 presentation layer. Firebase and notification behavior stay in dashboard.js. */
:root{--bg:#0d1119;--panel:#191f2b;--panel-strong:#242d3c;--text:#f4f6fa;--muted:#abb5c6;--text-muted:#abb5c6;--line:#ffffff1c;--line-strong:#46536a;--blue:#3f65ff;--blue-bright:#96acff;--green:#76dea4;--red:#ff9b9b}
body{background:var(--bg);font-size:16px;line-height:1.5}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #96acff;outline-offset:3px}input:focus,select:focus,textarea:focus{background:#1c2639;border-color:#96acff}.page{width:min(1360px,calc(100% - 64px))}.brand{font-size:24px;letter-spacing:-.045em;gap:12px}.brand img{width:30px;height:30px;border-radius:0}.platform-header{min-height:90px;margin-bottom:36px;padding:20px 0}.nav-right{gap:14px}.lang-toggle{border-radius:10px}.lang-toggle button{min-width:42px;min-height:38px;font-size:12px}.lang-toggle button.active{background:#242d3c}.user-menu{display:flex;align-items:center;gap:10px;min-height:44px;border-radius:12px;padding:8px 12px;color:var(--muted);font-size:12px}.user-avatar{width:32px;height:32px;background:#293958;color:#bfd0ff}.button{min-height:48px;border-radius:12px;font-size:14px;padding:0 20px}.button-primary:hover{background:#5275ff}.button-secondary{border-color:#46536a}.text-link{font-size:14px;min-height:40px;display:inline-flex;align-items:center}.button:disabled{cursor:wait;opacity:.6}input,select,textarea{min-height:46px;font-size:16px;border-radius:10px;border-color:#46536a;background:#121925}label{font-size:14px;gap:8px}h1{font-weight:650;letter-spacing:-.04em}h2{font-weight:600;letter-spacing:-.02em}.eyebrow{color:#96acff;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.section-lead{max-width:680px;margin:0 0 28px;color:var(--muted);font-size:16px;line-height:1.6}.workspace-title{margin-bottom:12px}.search-panel h1{font-size:38px;margin:10px 0 12px}.search-panel{padding-bottom:48px}.skip-link{position:fixed;left:24px;top:12px;z-index:2000;background:var(--blue);padding:12px 20px;border-radius:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.workspace .page{width:auto;margin:0 0 0 244px;padding:38px clamp(24px,3vw,56px);max-width:1900px}.workspace .platform-header{position:fixed;inset:0 auto 0 0;width:244px;margin:0;padding:28px 20px;border:0;border-right:1px solid var(--line);background:#111720;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;z-index:1050}.workspace .brand{padding:0 10px;margin-bottom:34px}.workspace-identity{display:flex;align-items:center;gap:12px;padding:18px 10px;border-block:1px solid var(--line);margin-bottom:24px;min-width:0}.workspace-identity>div:last-child{min-width:0}.workspace-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:14px;font-weight:600}.workspace-identity span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.workspace-identity .user-avatar{width:34px;flex-shrink:0;font-size:14px}.workspace .nav-right{display:contents}.workspace .platform-nav{display:flex;flex-direction:column;gap:6px;margin:0}.workspace .platform-nav a{min-height:48px;border:1px solid transparent;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:500}.nav-icon{height:20px;width:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.workspace .platform-nav a.active{color:#d7e0ff;background:#3f65ff20;border-color:#3f65ff35}.workspace .platform-nav a:hover{background:#242d3c}.sidebar-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:auto;padding:26px 10px 0}.sidebar-label{font-size:12px;color:var(--muted)}.workspace .user-menu{width:100%;border:0;padding:8px 0;text-align:left;background:none}.guest .sidebar-bottom{display:flex;flex-direction:row;margin:0;padding:0;align-items:center}.guest .sidebar-label{display:none}.guest .platform-nav{display:none}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:calc(100vh - 190px);padding-bottom:50px}.auth-story{position:relative;min-height:630px;height:100%;max-height:850px;border-radius:24px;overflow:hidden;background:linear-gradient(0deg,#0b101a 3%,#0b101a90 45%,#0b101a00),url('/assets/brand-pitch.png') 70% center/cover;display:flex;align-items:flex-end;padding:44px}.auth-story h2{font-size:clamp(42px,4.1vw,62px);line-height:1.05;letter-spacing:-.055em;margin:20px 0}.auth-story p{color:#c6cfdd;max-width:390px;font-size:16px;line-height:1.65}.auth-story .eyebrow{color:#c0ceff}.auth-panel{width:100%;max-width:440px;padding:24px 0;margin:0 auto;background:none;border:0;box-shadow:none;border-radius:0}.auth-panel h1{font-size:36px;margin:14px 0}.auth-form{gap:18px;margin-top:28px}.auth-form .button{min-height:52px}.auth-form>a{text-align:center;justify-content:center}.auth-error{color:#ffb9b9;border-radius:12px;font-size:14px}.auth-smallprint{margin:26px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.auth-smallprint a{color:#c4d1ef;text-decoration:underline;text-underline-offset:3px}.blocked-panel{max-width:540px;margin:80px auto;padding-bottom:60px}.blocked-panel h1{font-size:42px;line-height:1.15}.blocked-panel p{font-size:16px;line-height:1.7}.blocked-mark{width:64px;height:64px;margin:0 auto 28px}.blocked-panel .actions{align-items:stretch;max-width:340px;margin:auto}
.search-panel .filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:#151c27;border-radius:18px;padding:24px;border-color:var(--line);margin:24px 0}.filters .text-link{grid-column:1/-1;justify-self:end;min-height:32px}.results-count{font-size:14px;margin:24px 0 18px;color:#abb5c6}.results-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.map-panel{border-radius:18px;border-color:#46536a;margin-top:28px}.map-header{padding:12px 20px;font-size:14px}.map-toggle-btn{font-size:14px;min-height:40px}.map-container{height:300px}.map-panel[hidden]{display:none}.leaflet-control-attribution{font-size:12px!important}.player-card{border-radius:18px;background:#191f2b}.player-card:hover{border-color:#647496;transform:translateY(-3px)}.card-media{aspect-ratio:16/10}.card-media-fallback{background:linear-gradient(135deg,#253d71,#16233e);color:#b7c8ff;font-size:44px;font-weight:500}.player-body{padding:20px}.player-name{font-size:18px;margin-bottom:8px;font-weight:600;letter-spacing:-.025em}.player-meta{font-size:14px;line-height:1.6}.player-loc{font-size:12px;opacity:1;margin-top:8px}.save-btn{min-height:40px;min-width:44px;padding:8px 12px;border-radius:10px;font-size:12px;background:#0d1119d9}.save-btn.saved{background:#183a2c;color:#a2e9bf;border-color:#3d7657}.avatar-mini{bottom:12px;left:16px;width:38px;height:38px}.profile-header{padding:28px;border-radius:18px;gap:24px}.profile-title h1{font-size:32px}.profile-stats{gap:16px}.stat,.stat-card{border-radius:16px;padding:20px}.stat-value{font-size:20px}.stat-label{color:#abb5c6}.profile-bio,.video-card{border-radius:18px}.profile-bio{padding:28px}.profile-bio p{line-height:1.7}.profile-actions{flex-wrap:wrap}.video-grid{gap:20px}.notif-prompt{border-radius:16px;padding:22px 24px;border:1px solid #425a94;background:#18233b;gap:24px}.notif-prompt-body{gap:8px}.notif-prompt-body strong{font-size:16px}.notif-prompt-body span{font-size:14px;color:var(--muted);line-height:1.5}.notif-prompt-actions .button{font-size:14px}.conv-list{gap:12px}.conv-row{padding:22px;border-radius:16px;gap:20px}.conv-name{font-size:16px;font-weight:600}.conv-time{font-size:12px}.conv-preview{font-size:14px;color:var(--muted)}.chat-container{border-radius:18px}.chat-header{padding:20px}.bubble{border-radius:16px;padding:14px 18px;font-size:16px}.bubble.own{background:#3151d4}.chat-input{padding:18px}.stats-grid{gap:16px}.stat-val{font-size:38px;font-weight:600;letter-spacing:-.045em}.stat-lab{font-size:12px;color:var(--muted)}.dist-block{border-radius:18px;padding:24px}.dist-fill{background:#6685ff}.dist-bar{background:#283143}.ann-card{border-radius:18px;padding:24px}.empty,.error,.loading{padding:64px 24px;border:1px dashed #46536a;border-radius:18px;text-align:center;font-size:16px;line-height:1.7;grid-column:1/-1}.empty{background:#151c27;color:var(--muted)}.error{color:#ffb9b9}.loading{color:#abb5c6}.loading:before{content:"";display:block;width:22px;height:22px;border:2px solid #46536a;border-top-color:#96acff;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.workspace .page{margin-left:260px}.workspace .platform-header{width:260px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr))}}
@media(max-width:1150px){.workspace .page{margin-left:210px;padding:30px 24px}.workspace .platform-header{width:210px;padding:28px 14px}.workspace .brand{font-size:22px}.workspace .platform-nav a{padding:12px}.search-panel .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-header{flex-wrap:wrap}.profile-actions{width:100%}.auth-layout{gap:40px}.auth-story{padding:32px}.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.page{width:calc(100% - 40px)}.workspace .page{margin:0;padding:0 20px 30px}.workspace .platform-header{position:relative;inset:auto;width:auto;margin:0 -20px 28px;padding:20px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:18px}.workspace .brand{margin:0;padding:0}.workspace-identity{display:none}.workspace .nav-right{display:contents}.workspace .platform-nav{grid-column:1/-1;grid-row:2;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:3px}.workspace .platform-nav a{flex:0 0 auto;min-height:44px;padding:10px 12px;font-size:14px;gap:8px}.sidebar-bottom{grid-column:2;grid-row:1;margin:0;padding:0;flex-direction:row;align-items:center;gap:8px}.sidebar-label{display:none}.workspace .user-menu{width:auto;min-width:44px;justify-content:center;padding:8px}.workspace .user-menu .signout-label{display:none}.lang-toggle button{min-width:36px;min-height:36px}.search-panel h1{font-size:32px}.section-lead{font-size:14px;margin-bottom:20px}.auth-layout{grid-template-columns:1fr;gap:28px;padding-bottom:40px;min-height:0}.auth-story{min-height:300px;max-height:360px;background-position:70% 54%;padding:26px;align-items:flex-end}.auth-story h2{font-size:38px;max-width:290px;margin:10px 0}.auth-story p{display:none}.auth-panel{max-width:520px;padding:12px 0}.platform-header{min-height:76px;margin-bottom:24px}.search-panel .filters{padding:20px;gap:16px}.map-container{height:260px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.notif-prompt{align-items:flex-start;padding:20px;flex-direction:column}.notif-prompt-actions{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:18px}.stat-val{font-size:32px}.distributions{grid-template-columns:1fr}.profile-header{padding:22px}.conv-row{padding:18px;gap:14px}.guest .brand{font-size:22px}.guest .brand img{width:28px}.blocked-panel{margin-top:44px}.blocked-panel h1{font-size:34px}}
@media(max-width:420px){.search-panel .filters{padding:16px;gap:14px 12px}.filters label{font-size:12px}.filters input,.filters select{padding:10px}.workspace .platform-nav a{font-size:12px;gap:6px}.nav-icon{width:18px;height:18px}.results-grid{grid-template-columns:1fr}.workspace .brand{font-size:20px}.workspace .brand img{width:26px}.lang-toggle button{min-width:32px}.workspace .platform-header{gap:14px}.auth-story{min-height:270px}.auth-story h2{font-size:34px}.auth-panel h1{font-size:32px}.conv-row-top{align-items:flex-start;flex-direction:column;gap:4px}.profile-title h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.player-card:hover,.button:hover{transform:none}}