@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Archivo:wght@400;500;600;700&display=swap");:root{--black:#000000;--white:#FFFFFF;--ink:#111111;--grey:#8A8A8E;--line:#E4E4E7;--line-dark:rgba(255,255,255,.14);--accent:#4FA9E0;--radius:14px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{background:#111;font-family:Archivo,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;background:none;border:none;cursor:pointer}a,button{color:inherit}a{text-decoration:none}input{font-family:inherit}img{max-width:100%}img,svg{display:block}.osw{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.icon{display:inline-flex;align-items:center;justify-content:center}.icon svg{width:1em;height:1em}.screen{display:flex;flex-direction:column;min-height:100dvh;position:relative;width:100%;max-width:820px;margin:0 auto;overflow:hidden}.screen.dark{background:var(--black);color:var(--white)}.screen.light{background:var(--white);color:var(--ink)}.brand{text-align:center;padding:18px 20px 6px}.brand .sport{font-size:12px;color:var(--grey);margin-bottom:10px;letter-spacing:.02em}.screen.dark .brand .sport{color:rgba(255,255,255,.55)}.brand h1{font-family:Oswald;text-transform:uppercase;font-weight:600;font-size:20px;letter-spacing:.06em;display:inline-block;padding-bottom:6px;position:relative}.brand h1:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:26px;height:3px;background:currentColor;border-radius:2px}.topbar{gap:12px;padding:12px 16px 4px;min-height:60px}.back,.topbar{display:flex;align-items:center}.back{width:44px;height:44px;border-radius:14px;justify-content:center;font-size:22px;flex-shrink:0;border:1px solid var(--line);background:#F6F6F7;color:var(--ink);transition:.15s}.back:hover{background:#ECECEE}.back:active{transform:scale(.94)}.screen.dark .back{background:rgba(255,255,255,.08);border-color:var(--line-dark);color:var(--white)}.screen.dark .back:hover{background:rgba(255,255,255,.16)}.crumb{font-size:12px;color:var(--grey);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen.dark .crumb{color:rgba(255,255,255,.55)}.crumb b{font-weight:600;color:var(--ink)}.screen.dark .crumb b{color:var(--white)}.ptitle{font-size:32px;font-weight:700;padding:8px 22px 18px;letter-spacing:-.01em}.body{flex:1 1;display:flex;flex-direction:column;padding:0 22px 20px}.scrollbody{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.center{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:0 24px 96px}.welcome{font-size:13px;color:rgba(255,255,255,.6);text-align:center;padding-top:22px}.videobox{flex:1 1 auto;min-height:0;max-height:54vh;aspect-ratio:3/4;width:auto;max-width:100%;border:1px solid var(--line-dark);border-radius:var(--radius);overflow:hidden;position:relative;background:#0A0A0A;margin:16px auto}.videobox img{width:100%;height:100%;object-fit:cover;opacity:.85}.videobox .ov{position:absolute;inset:0;background:rgba(0,0,0,.25)}.play,.videobox .ov{display:flex;align-items:center;justify-content:center}.play{border-radius:50%;background:rgba(255,255,255,.92);color:#000}.searchpill{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:12px 18px;color:#fff;font-size:15px;min-height:48px}.searchpill span{font-style:italic}.logobox{margin-top:18px;display:flex;align-items:center;justify-content:center;padding:6px}.logobox img{height:clamp(52px,9vh,88px);width:auto;object-fit:contain}.sheet-bg{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:820px;background:#fff;color:var(--ink);border-radius:20px 20px 0 0;padding:18px 20px 28px;max-height:80vh;overflow:auto}.sheet h3{font-size:17px;font-weight:600;margin-bottom:4px}.sheet p{font-size:12.5px;color:var(--grey);margin-bottom:14px}.sportrow{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink);padding:14px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;font-size:15px;text-align:left;min-height:52px}.sportrow.on{border-color:var(--ink);background:#F4F4F5;font-weight:600}.sportrow small{color:var(--grey);font-size:11px}.themewrap{display:flex;gap:12px;padding:10px 18px 0;align-items:stretch;flex:1 1}.harmorail{flex-shrink:0;width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-right:1px solid rgba(255,255,255,.14);padding-right:10px}.harmorail img{width:38px;height:38px;object-fit:contain}.harmorail .harmo-label{display:flex;align-items:center;justify-content:center;background:#FFFFFF;border-radius:999px;padding:14px 8px}.harmorail .harmo-label span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:18px;font-weight:600;letter-spacing:.05em;color:#111111;white-space:nowrap}.themelist{flex:1 1;display:flex;flex-direction:column;gap:5px;min-width:0}.themerow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-radius:10px;color:#fff;font-size:clamp(18px,2.8vh,23px);font-weight:600;text-align:left;flex:1 1;min-height:36px;transition:transform .12s}.themerow:active{transform:scale(.99)}.themerow .mark{width:clamp(26px,4.2vh,34px);height:clamp(26px,4.2vh,34px);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:5px}.themerow .mark img{width:100%;height:100%;object-fit:contain}.cats{flex:1 1;display:flex;flex-direction:column;justify-content:space-evenly;gap:16px;padding:10px 24px 4px}.catcard{display:flex;align-items:center;gap:24px;background:#fff;color:var(--ink);border-radius:var(--radius);padding:26px 30px;text-align:left;min-height:130px;max-height:210px;flex:1 1 auto;transition:transform .12s}.catcard:active{transform:scale(.98)}.catcard .ci{width:clamp(120px,17vw,150px);height:clamp(120px,17vw,150px);flex-shrink:0;display:flex;align-items:center;justify-content:center}.catcard .ci img{width:100%;height:100%;object-fit:contain}.catcard .ct{flex:1 1;min-width:0}.catcard .ct b{display:block;font-size:clamp(26px,3.6vw,32px);font-weight:700;line-height:1.15}.catcard .ct small{display:block;font-size:15px;color:var(--grey);margin-top:6px;letter-spacing:.01em}.counts{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:9px}.counts i{font-style:normal;font-size:13px;color:var(--grey)}.counts i b{font-weight:700;color:var(--ink);font-size:15px}.opts{flex:1 1;display:flex;flex-direction:column;justify-content:space-evenly;gap:16px}.optcard{display:flex;align-items:center;gap:24px;background:var(--black);color:#fff;border-radius:var(--radius);padding:26px 30px;text-align:left;min-height:124px;max-height:200px;flex:1 1 auto;transition:transform .12s}.optcard:active{transform:scale(.98)}.optcard .oi{width:clamp(64px,9vw,80px);height:clamp(64px,9vw,80px);flex-shrink:0;display:flex;align-items:center;justify-content:center}.optcard .oi img{width:100%;height:100%;object-fit:contain;transform:scale(1.35)}.optcard .oi svg{width:78%;height:78%}.optcard b{font-size:clamp(26px,3.6vw,32px);font-weight:700;display:block}.optcard small{font-size:15px;color:rgba(255,255,255,.6);display:block;margin-top:5px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:12px;gap:12px}.thumbs.three{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.thumb{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#EDEDF0;display:block}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .pv{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18)}.thumb .cap{left:0;right:0;bottom:0;padding:7px 8px;font-size:11px;font-weight:500;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent);line-height:1.25}.thumb .cap,.thumb .num{position:absolute;color:#fff}.thumb .num{top:6px;right:6px;width:19px;height:19px;border-radius:50%;background:rgba(0,0,0,.55);font-size:10px;justify-content:center}.pager,.thumb .num{display:flex;align-items:center}.pager{justify-content:space-between;padding:16px 4px 0}.pgbtn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:17px;transition:.15s}.pgbtn[disabled]{opacity:.28;pointer-events:none}.pgbtn:active{transform:scale(.92)}.pgnum{font-size:12px;color:var(--grey)}.src h2{font-size:24px;font-weight:700;line-height:1.25}.src .sub{font-size:17px;font-weight:600;margin-top:3px}.src .ref{font-size:14px;font-style:italic;color:#55555A;margin:16px 0;line-height:1.5}.src .bd{font-size:17px;line-height:1.7;color:#222}.src .bd p{margin-bottom:12px}.src .bd ul{margin:10px 0 12px 20px}.src .bd li{margin-bottom:7px}.src .bd strong{font-weight:700}.src .concl{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.src .concl p{font-size:17px;line-height:1.7;margin-bottom:12px}.src .concl ul{margin:10px 0 12px 20px}.src .concl li{font-size:17px;line-height:1.7;margin-bottom:7px}.src .concl strong{font-weight:700}.player{position:fixed;inset:0;z-index:90;background:#000;display:flex;flex-direction:column;max-width:820px;margin:0 auto}.player .pbar{gap:12px;padding:12px 16px;background:#fff;color:var(--ink)}.player .pbar,.player .pv{display:flex;align-items:center}.player .pv{flex:1 1;position:relative;background:#000;justify-content:center}.player .pv img{object-fit:cover}.player .pv img,.player iframe{width:100%;height:100%;position:absolute;inset:0}.player iframe{border:0}.player .live{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.6);color:#fff;border-radius:999px;padding:5px 11px;font-size:11px}.player .live i{width:6px;height:6px;border-radius:50%;background:#39D07C;display:block;animation:bp 1.4s infinite}@keyframes bp{0%,to{opacity:1}50%{opacity:.25}}.player .track{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.25)}.player .track i{display:block;height:100%;background:var(--accent);width:0;animation:gr 22s linear forwards}@keyframes gr{to{width:100%}}.pillwrap{position:-webkit-sticky;position:sticky;bottom:0;padding:16px 22px calc(32px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(255,255,255,.97) 60%,rgba(255,255,255,0));margin-top:auto}.screen.dark .pillwrap{background:linear-gradient(0deg,rgba(0,0,0,.97) 60%,rgba(0,0,0,0))}.playerpill{flex-shrink:0;background:#000;padding:12px 22px calc(14px + env(safe-area-inset-bottom))}.pill{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;min-height:64px;color:#fff;font-size:18px;font-weight:700;transition:.15s}.pill:active{transform:scale(.985)}.pill i{width:9px;height:9px;display:block}.pill i,.pillmark{border-radius:50%;background:#fff;flex-shrink:0}.pillmark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:5px}.pillmark img{width:100%;height:100%;object-fit:contain}.field{position:relative;margin-bottom:11px}.inp{width:100%;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid var(--line-dark);color:#fff;font-size:15px;outline:none;min-height:50px}.inp::placeholder{color:rgba(255,255,255,.45)}.inp:focus{border-color:rgba(255,255,255,.5)}.cta{width:100%;min-height:50px;border-radius:12px;color:#fff;font-size:15px;font-weight:600;margin-top:4px}.linkbtn{width:100%;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.55)}@media(min-width:821px){#app{border-left:1px solid #222;border-right:1px solid #222}}body{min-height:100dvh}@media(min-width:821px){.screen{border-left:1px solid #222;border-right:1px solid #222}body:has(.player),body:has(.screen){background:#111}}.pe-spinner{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;animation:pe-spin .8s linear infinite}.pe-spinner-dark{border:3px solid rgba(0,0,0,.12);border-top-color:#18181b}@keyframes pe-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pe-spinner{animation-duration:1.6s}}.quiz-wrap{flex:1 1;display:flex;flex-direction:column;padding:20px 22px 28px;max-width:640px;margin:0 auto;width:100%}.quiz-progress{height:6px;background:#eee;border-radius:999px;overflow:hidden;margin-bottom:10px}.quiz-progress-bar{height:100%;border-radius:999px;transition:width .3s ease}.quiz-count{font-size:13px;color:var(--grey);margin-bottom:18px}.quiz-prompt{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:22px}.quiz-options{display:flex;flex-direction:column;gap:12px;flex:1 1}.quiz-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 18px;border:2px solid #e6e6e9;border-radius:14px;background:#fff;font-size:16px;font-weight:500;color:var(--ink);transition:border-color .12s,background .12s}.quiz-opt:hover{background:#fafafa}.quiz-opt.chosen{background:#fafaff}.quiz-opt-dot{width:22px;height:22px;border-radius:50%;border:2px solid #ccc;flex-shrink:0;transition:.12s}.quiz-actions{margin-top:22px}.quiz-score{width:150px;height:150px;border-radius:50%;border:6px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px auto 0}.quiz-score-pct{font-size:40px;font-weight:800;line-height:1}.quiz-score-frac{margin-top:4px}.linkbtn,.quiz-score-frac{font-size:14px;color:var(--grey)}.linkbtn{display:block;text-align:center;padding:12px;font-weight:600}.pe-loader,.pe-loader-screen{align-items:center;justify-content:center}.pe-loader{display:flex;width:100%}.pe-loader-icon{width:72px;height:72px;object-fit:contain;animation:pe-loader-spin 2.4s cubic-bezier(.5,.15,.5,.85) infinite,pe-loader-pulse 1.6s ease-in-out infinite;transform-origin:center}.pe-loader-icon-dark{filter:invert(1) brightness(.15)}@keyframes pe-loader-spin{to{transform:rotate(1turn)}}@keyframes pe-loader-pulse{0%,to{opacity:.55;transform:scale(.92) rotate(0)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pe-loader-icon{animation:pe-loader-pulse 2s ease-in-out infinite}}.admin-shortcut{position:absolute;top:14px;right:16px;z-index:20;font-size:12px;font-weight:600;letter-spacing:.03em;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);padding:7px 14px;border-radius:999px;transition:.15s}.admin-shortcut:hover{background:rgba(255,255,255,.24)}.logout-wrap{display:flex;justify-content:center;padding:14px 0 6px}.logout-link{font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.55);padding:8px 16px;border-radius:999px;transition:.15s}.logout-link:hover{color:#fff;background:rgba(255,255,255,.1)}.quiz-media{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;margin-bottom:18px}.quiz-media iframe,.quiz-media img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.seg{display:inline-flex;background:#F1F5F9;border-radius:10px;padding:3px;gap:3px}.seg-btn{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#64748B;background:none;border:none;cursor:pointer;transition:.12s}.seg-btn:hover{color:#334155}.seg-on{background:#fff;color:var(--ad-accent,#4F46E5);box-shadow:0 1px 2px rgba(0,0,0,.08)}.quiz-opt{position:relative}.quiz-opt-label{flex:1 1}.quiz-opt-mark{font-size:18px;font-weight:800;margin-left:8px;flex-shrink:0}.quiz-opt-mark.ok{color:#12894A}.quiz-opt-mark.ko{color:#E24343}.quiz-opt.opt-correct{border-color:#12894A!important;background:#EAF7EF}.quiz-opt.opt-correct .quiz-opt-dot{background:#12894A;border-color:#12894A}.quiz-opt.opt-wrong{border-color:#E24343!important;background:#FDECEC}.quiz-opt.opt-wrong .quiz-opt-dot{background:#E24343;border-color:#E24343}.quiz-opt:disabled{cursor:default;opacity:1}.quiz-note{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;background:#EEF4FF;border:1px solid #c7d7fe;border-radius:12px}.quiz-note-ico{flex:0 0 22px;width:22px;height:22px;min-width:22px;color:#3B5BDB;margin-top:1px}.quiz-note-text{font-size:14px;line-height:1.5;color:#1E3A8A}.admin-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.admin-filters .filter-search,.admin-filters select{height:38px;padding:0 12px;border:1px solid var(--ad-border,#e2e8f0);border-radius:9px;font-size:13px;background:#fff;color:var(--ad-ink,#0f172a)}.admin-filters .filter-search{min-width:220px;flex:1 1 220px;max-width:320px}.admin-filters select{cursor:pointer}.vnav{flex-shrink:0;gap:22px;background:#000;padding:12px 22px}.vnav,.vnav-btn{display:flex;align-items:center;justify-content:center}.vnav-btn{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;transition:.15s}.vnav-btn:hover{background:rgba(255,255,255,.24)}.vnav-btn:active{transform:scale(.92)}.vnav-btn svg{width:22px;height:22px}.vnav-off{opacity:.25;pointer-events:none}.vnav-count{color:rgba(255,255,255,.7);font-size:13px;font-weight:600;min-width:52px;text-align:center}