:root{color-scheme:light;--bg: #F4F5F7;--surface: #FFFFFF;--surface2: #ECEEF1;--line: #E2E4E9;--line2: #D4D7DE;--text: #1B1F27;--muted: #6B7280;--muted2: #4C5260;--action: #2E8B63;--action-ink: #FFFFFF;--gold: #A87E24;--gold-frame: linear-gradient(160deg, #C7A14A, #8F702C);--media-ph: linear-gradient(160deg, #E7E9ED, #D7DAE0);--danger: #C4384F;--ok: #2E8B63;--shadow: 0 10px 26px rgba(27, 31, 39, .12)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg: #12141B;--surface: #1A1E29;--surface2: #20242F;--line: #2A2F3D;--line2: #343A4A;--text: #EDEEF3;--muted: #8A90A3;--muted2: #B9BECC;--action: #3FA678;--action-ink: #04140C;--gold: #D9A93F;--gold-frame: linear-gradient(160deg, #D9A93F, #6B5A2A);--media-ph: linear-gradient(160deg, #232838, #161923);--danger: #FF6B81;--ok: #4CC68F;--shadow: 0 12px 30px rgba(0, 0, 0, .4)}}:root[data-theme=light]{color-scheme:light;--bg: #F4F5F7;--surface: #FFFFFF;--surface2: #ECEEF1;--line: #E2E4E9;--line2: #D4D7DE;--text: #1B1F27;--muted: #6B7280;--muted2: #4C5260;--action: #2E8B63;--action-ink: #FFFFFF;--gold: #A87E24;--gold-frame: linear-gradient(160deg, #C7A14A, #8F702C);--media-ph: linear-gradient(160deg, #E7E9ED, #D7DAE0);--danger: #C4384F;--ok: #2E8B63;--shadow: 0 10px 26px rgba(27, 31, 39, .12)}:root[data-theme=dark]{color-scheme:dark;--bg: #12141B;--surface: #1A1E29;--surface2: #20242F;--line: #2A2F3D;--line2: #343A4A;--text: #EDEEF3;--muted: #8A90A3;--muted2: #B9BECC;--action: #3FA678;--action-ink: #04140C;--gold: #D9A93F;--gold-frame: linear-gradient(160deg, #D9A93F, #6B5A2A);--media-ph: linear-gradient(160deg, #232838, #161923);--danger: #FF6B81;--ok: #4CC68F;--shadow: 0 12px 30px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}a{color:var(--action);text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.brand{font-weight:800;letter-spacing:.06em}.btn{border:none;border-radius:11px;padding:12px 20px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--action);outline-offset:2px}.btn-p{background:var(--action);color:var(--action-ink)}.btn-p:disabled{opacity:.5;cursor:default}.btn-s{background:transparent;color:var(--text);border:1px solid var(--line2)}.btn-gold{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-sm{padding:7px 14px;font-size:13px;border-radius:9px}.btn-block{width:100%}.input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line2);border-radius:11px;padding:12px 14px}.input::placeholder{color:var(--muted)}.label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.field-err{color:var(--danger);font-size:13px;margin-top:4px}.chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;background:var(--surface2);color:var(--muted2);border:1px solid var(--line)}.chip.on{background:transparent;color:var(--action);border-color:var(--action)}.chip-btn{cursor:pointer}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}.hr{border:none;border-top:1px solid var(--line);margin:14px 0}.muted{color:var(--muted)}.small{font-size:13px}.gold{color:var(--gold)}.err{color:var(--danger)}.ok{color:var(--ok)}.row{display:flex;align-items:center;gap:10px}.wrap-gap{display:flex;flex-wrap:wrap;gap:8px}.spacer{flex:1}.xpbar{height:8px;border-radius:99px;overflow:hidden;background:var(--surface2)}.xpbar>i{display:block;height:100%;background:var(--action);border-radius:99px}.lvl{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.shell{min-height:100dvh;display:flex;flex-direction:column}.appbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 8px;position:sticky;top:0;background:var(--bg);z-index:5}.appbar .brand{font-size:18px}.iconbtn{background:none;border:none;color:var(--muted);padding:6px;display:inline-flex;border-radius:8px}.iconbtn:hover{color:var(--text)}@media (min-width: 1024px){.only-mobile{display:none!important}}.langmenu{position:relative}.langmenu>button{background:none;border:1px solid var(--line2);border-radius:8px;color:var(--muted2);font-weight:700;font-size:12px;padding:5px 9px;cursor:pointer}.langmenu .dd{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--surface);border:1px solid var(--line2);border-radius:10px;padding:4px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow)}.langmenu .dd button{background:none;border:none;color:var(--text);font-weight:600;font-size:13px;padding:7px 16px;border-radius:7px;text-align:left;cursor:pointer;white-space:nowrap}.langmenu .dd button.on{color:var(--action);background:var(--surface2)}.langmenu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39}.athlete-switch{display:flex;gap:10px;padding:10px 0 4px;overflow-x:auto}.mini-card{padding:1.5px;border-radius:13px;background:var(--line2);flex:none;cursor:pointer;border:none}.mini-card.on{background:var(--gold-frame)}.mini-card .in{border-radius:11.5px;background:var(--surface);padding:8px 10px;width:92px;display:flex;flex-direction:column;align-items:center;gap:4px}.mini-card .mav{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--surface2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--muted2)}.mini-card .mav img{width:100%;height:100%;object-fit:cover}.mini-card .mnm{font-size:11.5px;font-weight:700;color:var(--text);max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-card .mlvl{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--gold)}.main{flex:1;padding:0 14px 96px;max-width:660px;width:100%;margin:0 auto}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:flex-end;justify-content:space-around;background:var(--surface);border-top:1px solid var(--line);padding:8px 8px calc(10px + env(safe-area-inset-bottom))}.tabbar .ti{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--muted);width:60px;background:none;border:none;padding:0}.tabbar .ti.on{color:var(--action)}.fab{width:54px;height:54px;border-radius:16px;border:none;background:var(--action);color:var(--action-ink);font-size:28px;font-weight:800;margin-top:-30px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.desk{display:none}@media (min-width: 1024px){.tabbar{display:none}.shell.with-desk{flex-direction:row;align-items:stretch}.desk{display:flex;flex-direction:column;gap:14px;align-items:center;width:264px;padding:20px 16px;border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;overflow-y:auto}.desk-menu{width:100%;display:flex;flex-direction:column;gap:3px;font-size:14px}.desk-menu a{padding:9px 13px;border-radius:10px;font-weight:600;color:var(--muted2);display:flex;align-items:center;gap:9px}.desk-menu a.on{background:var(--surface2);color:var(--action);border:1px solid var(--line)}.desk-menu .fam{margin-top:8px;border-top:1px solid var(--line);border-radius:0;padding-top:12px;color:var(--muted);font-size:13px}.main{padding-bottom:32px}.aside{display:flex;flex-direction:column;gap:12px;width:260px;padding:20px 16px;border-left:1px solid var(--line);position:sticky;top:0;height:100dvh;overflow-y:auto}}@media (max-width: 1023.5px){.aside{display:none}}.bigcard{width:200px;border-radius:16px;padding:1.5px;background:var(--gold-frame);flex:none}.bigcard .in{border-radius:14.5px;background:var(--surface);padding:14px 12px;text-align:center}.bigcard .av{width:58px;height:58px;border-radius:50%;margin:0 auto 8px;background:var(--surface2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;color:var(--muted2)}.bigcard .nm{font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.02em}.challenge{border-radius:13px;padding:12px 14px;margin:10px 0;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--action);display:flex;justify-content:space-between;align-items:center;gap:10px}.challenge b{font-size:14px;display:block}.challenge small{font-size:12px;color:var(--muted)}.feedtabs{display:flex;gap:8px;padding:6px 0 12px}.feedtabs button{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;background:var(--surface);color:var(--muted);border:1px solid var(--line);display:inline-flex;align-items:center;gap:6px}.feedtabs button.on{color:var(--text);border-color:var(--action);background:var(--surface2)}.postcard{margin-bottom:14px;padding:10px}.pmedia{border-radius:12px;position:relative;overflow:hidden;background:var(--media-ph);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.pmedia video,.pmedia img{width:100%;height:100%;object-fit:cover}.ptags{position:absolute;left:8px;top:8px;display:flex;gap:5px;z-index:2}.ptags span{font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;background:#12141bc7;color:#dde0e8;border:1px solid rgba(255,255,255,.14);text-transform:uppercase;letter-spacing:.05em}.prow{display:flex;align-items:center;gap:9px;padding:9px 2px 3px}.prow .av{width:34px;height:34px;border-radius:50%;flex:none;background:var(--surface2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;color:var(--muted2)}.pname{font-weight:700;font-size:14px;line-height:1.2}.pmeta{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:5px}.nv{color:var(--gold);font-size:10.5px;font-weight:800}.reacts{display:flex;gap:7px;padding:7px 2px 2px;flex-wrap:wrap}.reacts button{font-size:12px;font-weight:700;padding:5px 11px;border-radius:999px;background:var(--surface2);color:var(--muted2);border:1px solid transparent}.reacts button.on{background:transparent;color:var(--action);border-color:var(--action)}.authwrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.authcard{width:100%;max-width:420px}.authcard h1{font-size:25px;margin:4px 0;font-weight:800}.landing{max-width:720px;margin:0 auto;padding:48px 20px;text-align:center}.landing h1{font-size:clamp(30px,6vw,46px);font-weight:800;letter-spacing:-.01em;margin:18px 0 8px;text-wrap:balance}.landing .sub{color:var(--muted2);font-size:17px;max-width:52ch;margin:0 auto 26px}.pagehead{display:flex;align-items:baseline;gap:12px;margin:18px 0 12px;flex-wrap:wrap}.pagehead h1{font-size:23px;margin:0;font-weight:800}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px}.kv b{font-weight:700}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.consent-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 0;cursor:pointer;border-bottom:1px solid var(--line);font-size:14px}.consent-row:last-of-type{border-bottom:none}.consent-row input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--action);cursor:pointer}.consent-row span{flex:1}.child-head{display:flex;align-items:center;gap:10px;cursor:pointer;width:100%;background:none;border:none;color:var(--text);padding:0;text-align:left}.child-head .chev{margin-left:auto;color:var(--muted);transition:transform .15s}.child-head .chev.open{transform:rotate(90deg)}.toast{position:fixed;bottom:96px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--action);color:var(--action);border-radius:11px;padding:10px 18px;font-weight:700;z-index:50;box-shadow:var(--shadow)}.achv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.achv{text-align:center;padding:14px 8px}.achv.locked{opacity:.4;filter:grayscale(1)}.achv .ic{font-size:24px;color:var(--gold)}.achv .nm{font-size:12px;font-weight:700;margin-top:6px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
