:root{--scorex-bg: #fafafa;--scorex-card: #ffffff;--scorex-text: #1a1a1a;--scorex-text-muted: rgba(26,26,26,.6);--scorex-orange: #ff6b35;--scorex-yellow: #f7931e;--scorex-border: rgba(255,107,53,.4);--scorex-border-hover: #ff6b35;--bg-text-opacity: .04;--scanline-opacity: .1;--input-bg: rgba(255,255,255,.8);--input-focus-bg: #ffffff;--glass-bg: rgba(255,255,255,.6);--glass-border: rgba(255,255,255,.3);--neon-glow: rgba(255,107,53,.3);--card-shadow: rgba(255,107,53,.1)}html.dark-mode{--scorex-bg: #0a0a0a;--scorex-card: #1a1a1a;--scorex-text: #f5f5f5;--scorex-text-muted: rgba(245,245,245,.5);--scorex-border: rgba(255,107,53,.3);--scorex-border-hover: #ff6b35;--bg-text-opacity: .03;--scanline-opacity: .3;--input-bg: rgba(10,10,10,.5);--input-focus-bg: rgba(10,10,10,.8);--glass-bg: rgba(255,255,255,.05);--glass-border: rgba(255,255,255,.08);--neon-glow: rgba(255,107,53,.15);--card-shadow: rgba(255,107,53,.05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--scorex-bg);color:var(--scorex-text);min-height:100vh;overflow-x:hidden;position:relative;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.15) 3px);pointer-events:none;z-index:1000;opacity:var(--scanline-opacity)}.bg-text{position:fixed;font-weight:700;font-size:clamp(10vw,18vw,24vw);color:var(--scorex-orange);opacity:var(--bg-text-opacity);pointer-events:none;z-index:0;line-height:1;-webkit-user-select:none;user-select:none}.bg-text-1{top:10%;left:-5%;transform:rotate(-15deg)}.bg-text-2{bottom:-5%;right:-10%;transform:rotate(5deg)}.diagonal-stripe{position:fixed;top:0;right:0;width:35%;height:100%;background:linear-gradient(135deg,var(--scorex-orange),var(--scorex-yellow));transform:skew(-15deg) translate(50%);z-index:0;opacity:.08}.scorex-header{position:sticky;top:0;z-index:999;background:linear-gradient(180deg,var(--scorex-bg) 0%,transparent 100%);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:3px solid var(--scorex-border);padding:1.5rem 0}.brand-logo{display:flex;align-items:center;gap:1rem}.brand-mark{width:50px;height:50px;background:linear-gradient(135deg,var(--scorex-orange),var(--scorex-yellow));display:flex;align-items:center;justify-content:center;border-radius:14px;color:#0a0a0a;position:relative;overflow:hidden;box-shadow:0 8px 24px var(--neon-glow)}@keyframes logo-shimmer{0%{left:-100%}25%{left:100%}to{left:100%}}.brand-mark:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff6;transform:skew(-20deg);animation:logo-shimmer 2s infinite}.brand-name{font-weight:700;font-size:1.5rem;letter-spacing:-.02em}.brand-name span{color:var(--scorex-orange)}.theme-toggle{width:48px;height:48px;background:var(--scorex-card);border:2px solid var(--scorex-border);border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.theme-toggle:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--scorex-orange);transform:translate(-50%,-50%);transition:all .3s ease;border-radius:50%}.theme-toggle:hover:before{width:150%;height:150%}.theme-toggle:hover{border-color:var(--scorex-border-hover)}.theme-toggle i{position:relative;z-index:2;color:var(--scorex-text);transition:color .3s}.theme-toggle:hover i{color:#0a0a0a}.logout-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid var(--scorex-border);border-radius:12px;color:var(--scorex-text);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.875rem;letter-spacing:.02em;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.logout-btn:hover{background:var(--scorex-orange);border-color:var(--scorex-orange);color:#0a0a0a}.main-content{position:relative;z-index:10;max-width:1400px;margin:0 auto;padding:clamp(1rem,3vw,3rem) clamp(.75rem,2vw,2rem)}.card{background:var(--scorex-card);border:3px solid var(--scorex-border);border-radius:20px;padding:2rem;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,transparent 60%,var(--scorex-orange),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none}.card:hover:after{opacity:.06}.card:hover{transform:translateY(-8px);border-color:var(--scorex-border-hover);box-shadow:0 20px 48px var(--card-shadow)}.card p{white-space:pre-line}.batch-thumb{height:150px;border-radius:12px 12px 0 0;margin-bottom:1rem;overflow:hidden;position:relative}.batch-thumb img{display:block}.batch-thumb-gradient{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.batch-thumb-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,red,#f70,#ff0,#0f0,#00f,indigo,#8b00ff,#ff1493,red,#f70,#ff0,#0f0,#00f,indigo,#8b00ff,#ff1493);background-size:800% 800%;animation:rainbowShift 20s ease infinite}@keyframes rainbowShift{0%{background-position:0% 50%}12.5%{background-position:100% 0%}25%{background-position:100% 100%}37.5%{background-position:0% 100%}50%{background-position:0% 50%}62.5%{background-position:100% 0%}75%{background-position:100% 100%}87.5%{background-position:0% 100%}to{background-position:0% 50%}}.batch-thumb-initials{position:relative;z-index:1;font-size:clamp(1.2rem,4vw,2.2rem);font-weight:700;text-align:center;line-height:1.3;padding:0 .5rem;word-break:break-word;display:block;background:linear-gradient(135deg,var(--scorex-orange),var(--scorex-yellow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-user-select:none;user-select:none}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(260px,30vw,320px),1fr));gap:clamp(1rem,2vw,2rem)}.scorex-btn{--c1: var(--scorex-card);--c2: var(--scorex-orange);width:100%;padding:.9em 1.5em;font-size:.9375rem;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.05em;background-color:transparent!important;border:3px solid var(--c2)!important;cursor:pointer;overflow:hidden;position:relative;transition:.3s cubic-bezier(.83,0,.17,1);border-radius:12px;color:var(--c2);text-align:center;display:inline-block;text-decoration:none}.scorex-btn:hover{background-color:var(--c2)!important;color:var(--c1);transform:translateY(-2px);box-shadow:0 8px 24px var(--neon-glow)}.scorex-btn-outline{--c1: var(--scorex-card);--c2: var(--scorex-text);border-color:var(--scorex-border)!important;color:var(--scorex-text)}.scorex-btn-outline:hover{box-shadow:none}.spinner{width:40px;height:40px;border:4px solid var(--scorex-border);border-top-color:var(--scorex-orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:var(--scorex-card);border:3px solid var(--scorex-border);border-radius:24px;padding:2.5rem;max-width:650px;width:90%;box-shadow:0 25px 60px #0006;position:relative;animation:modalFadeIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-title{font-weight:700;font-size:1.5rem;margin-bottom:1rem}.modal-close-btn{background:transparent;border:none;color:var(--scorex-text);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ffffff1a;color:var(--scorex-orange)}.input-field{width:100%;background:var(--input-bg);border:2px solid var(--scorex-border);border-radius:12px;padding:.75rem 1rem;color:var(--scorex-text);font-family:Space Grotesk,sans-serif;outline:none;transition:all .3s ease}textarea.input-field{resize:vertical;min-height:80px}.input-field:focus{background:var(--input-focus-bg);border-color:var(--scorex-orange);box-shadow:0 0 0 4px #ff6b351f}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;color:var(--scorex-text-muted)}.breadcrumb a{color:var(--scorex-text-muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--scorex-orange)}.breadcrumb span{color:var(--scorex-text);font-weight:600}.admin-section{display:none;animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.admin-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-card{background:var(--scorex-card);border:1px solid var(--scorex-border);border-radius:24px;padding:2.5rem;margin-bottom:2.5rem;box-shadow:0 4px 20px #0000000d;transition:box-shadow .3s}.form-card:hover{box-shadow:0 8px 30px var(--card-shadow)}.list-container{display:flex;flex-direction:column;gap:1rem}.list-item{display:flex;justify-content:space-between;align-items:center;background:var(--scorex-card);border:2px solid var(--scorex-border);padding:1.25rem 1.5rem;border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.list-item:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--scorex-orange),var(--scorex-yellow));opacity:0;transition:opacity .3s ease}.list-item:hover:after{opacity:1}.list-item:hover{transform:translate(5px);border-color:var(--scorex-orange);box-shadow:0 4px 16px var(--card-shadow)}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:700;font-size:1.1rem}.item-id{font-size:.8rem;font-family:JetBrains Mono,monospace;opacity:.7}.delete-btn{background:#ef44441a;color:#ef4444;border:none;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.tab-nav-container{display:flex;justify-content:center;margin-bottom:2.5rem}.tab-nav{display:inline-flex;background:var(--scorex-card);border:2px solid var(--scorex-border);border-radius:20px;padding:.5rem;box-shadow:0 4px 24px #0000000d;gap:.25rem}.tab-btn{padding:.75rem 1.5rem;font-weight:600;font-size:.95rem;font-family:Space Grotesk,sans-serif;letter-spacing:.01em;color:var(--scorex-text-muted);background:transparent;border:none;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.6rem;cursor:pointer}.tab-btn:hover{color:var(--scorex-text);background:#ff6b350d}.tab-btn.active{color:#0a0a0a;background:linear-gradient(135deg,var(--scorex-orange),var(--scorex-yellow));box-shadow:0 4px 16px var(--neon-glow)}.tab-btn.active i{color:#0a0a0a!important}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.hidden{display:none!important}.admin-card-mini{background:var(--scorex-bg);border:1px solid var(--scorex-border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.admin-only{display:none!important}body.is-admin .admin-only{display:inline-flex!important}body.is-admin div.admin-only{display:block!important}.admin-login-link{display:block;text-align:center;margin-top:4rem;padding-bottom:2rem;color:var(--scorex-text-muted);font-size:.8rem;cursor:pointer;text-decoration:underline;opacity:.5}.admin-login-link:hover{color:var(--scorex-orange);opacity:1}.skeleton{background:linear-gradient(90deg,var(--scorex-card) 25%,color-mix(in srgb,var(--scorex-card) 60%,var(--scorex-orange) 40%) 50%,var(--scorex-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite}html.dark-mode .skeleton{background:linear-gradient(90deg,var(--scorex-card) 25%,rgba(255,107,53,.15) 50%,var(--scorex-card) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-batch-card{height:0;padding-bottom:75%;border-radius:20px}.skeleton-batch-thumb{width:100%;height:150px;border-radius:12px 12px 0 0}.skeleton-text-line{height:16px;border-radius:6px}.skeleton-text-line:not(:last-child){margin-bottom:10px}.skeleton-text-line.w70{width:70%}.skeleton-text-line.w60{width:60%}.skeleton-text-line.w50{width:50%}.skeleton-text-line.w40{width:40%}.skeleton-text-line.w75{width:75%}.skeleton-text-line.w55{width:55%}.skeleton-subj-avatar{width:80px;height:80px;border-radius:16px;flex-shrink:0}.skeleton-topic-icon{width:60px;height:60px;border-radius:12px;flex-shrink:0}.skeleton-topic-row{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border:2px solid var(--scorex-border);border-radius:16px}.skeleton-topic-btn{width:140px;height:40px;border-radius:12px;flex-shrink:0}.skeleton-video-thumb{width:100%;aspect-ratio:16/9;border-radius:12px}.skeleton-video-title{height:18px;border-radius:6px;width:75%}.skeleton-folder{height:72px;border-radius:16px}.page-enter{animation:pageFadeIn .45s cubic-bezier(.16,1,.3,1) both}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-enter{opacity:0;transform:translateY(24px);animation:cardEnter .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.list-item-enter{opacity:0;transform:translate(-12px);animation:listItemEnter .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes listItemEnter{to{opacity:1;transform:translate(0)}}.welcome-banner{animation:bannerSlideIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.player-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;display:flex;flex-direction:column}.player-page:fullscreen,.player-page:-webkit-full-screen{width:100vw;height:100vh}.player-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease}.player-header.hidden{transform:translateY(-100%);opacity:0}.player-header.visible{transform:translateY(0);opacity:1}.player-header-spacer{flex:1}.player-back-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;transition:background .2s,transform .2s}.player-back-btn:hover{background:#ffffff26;transform:scale(1.1)}.player-back-btn:active{transform:scale(.95)}.player-title{font-weight:600;font-size:clamp(.8rem,1.2vw,.95rem);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;min-height:0;overflow:hidden;cursor:pointer}.player-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 80%,rgba(255,107,53,.12) 0%,transparent 70%);pointer-events:none;z-index:0;animation:ambientPulse 4s ease-in-out infinite alternate}@keyframes ambientPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.player-video{width:100%;height:100%;object-fit:contain;background:#000;display:block;position:relative;z-index:1}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}.player-loading-bars{display:flex;gap:6px;align-items:center;height:40px}.player-loading-bars span{width:4px;height:100%;background:linear-gradient(180deg,var(--scorex-orange),var(--scorex-yellow));border-radius:4px;animation:loadingBar 1.2s ease-in-out infinite}.player-loading-bars span:nth-child(2){animation-delay:.1s}.player-loading-bars span:nth-child(3){animation-delay:.2s}.player-loading-bars span:nth-child(4){animation-delay:.3s}.player-loading-bars span:nth-child(5){animation-delay:.4s}@keyframes loadingBar{0%,to{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}.player-center-play{position:absolute;z-index:2;width:96px;height:96px;border-radius:50%;background:#ff6b3533;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.player-center-play:hover{background:#ff6b3566;border-color:var(--scorex-orange);transform:scale(1.1);box-shadow:0 0 48px var(--neon-glow)}.player-center-play:active{transform:scale(.95)}.player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000eb 30%);padding:2.5rem 1rem .75rem;z-index:3;display:flex;flex-direction:column;gap:.25rem;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .35s ease}.player-controls.hidden{transform:translateY(calc(100% - 6px));opacity:0}.player-controls.visible{transform:translateY(0);opacity:1}.player-seekbar-wrap{position:relative;width:100%;height:24px;cursor:pointer}.player-track{position:relative;width:100%;height:100%;display:flex;align-items:center}.player-track-line{position:relative;width:100%;height:4px;border-radius:4px;background:#ffffff26;overflow:hidden;pointer-events:none}.player-track-buffered{position:absolute;top:0;left:0;height:100%;background:#fff3;border-radius:4px;pointer-events:none}.player-track-fill{position:absolute;top:0;left:0;height:100%;background:var(--scorex-orange);border-radius:4px;pointer-events:none}.player-track-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--scorex-orange);border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000080;pointer-events:none;z-index:3}.player-seek-tooltip{position:absolute;bottom:calc(100% - 4px);transform:translate(-50%);background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.75rem;font-family:Space Grotesk,sans-serif;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:4;animation:tooltipIn .15s ease both}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.player-seek-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000d9}.player-controls-bottom{display:flex;align-items:center;justify-content:space-between}.player-controls-left,.player-controls-right{display:flex;align-items:center;gap:clamp(.25rem,.6vw,.75rem);color:#fff}.player-ctrl-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.45rem;border-radius:8px;display:flex;align-items:center;transition:all .2s}.player-ctrl-btn:hover{background:#ffffff26;transform:scale(1.1)}.player-ctrl-btn:active{transform:scale(.9)}.player-time{font-family:Space Grotesk,sans-serif;font-size:clamp(.7rem,.9vw,.8rem);color:#fffc;-webkit-user-select:none;user-select:none;white-space:nowrap}.player-volume{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:4px;outline:none;cursor:pointer;transition:width .3s ease}.player-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#ff6b35;border:none;cursor:pointer;transition:transform .2s}.player-volume::-webkit-slider-thumb:hover{transform:scale(1.3)}.player-volume::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ff6b35;border:none;cursor:pointer}.player-speed-wrap{position:relative}.player-speed-btn{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.75rem;min-width:36px}.player-speed-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#141414f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.35rem;display:flex;flex-direction:column;gap:2px;z-index:10;animation:speedMenuIn .2s cubic-bezier(.16,1,.3,1) both;min-width:72px}@keyframes speedMenuIn{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.player-quality-btn{min-width:54px}.player-quality-menu{min-width:82px}.player-speed-option{background:transparent;border:none;color:#fff9;font-family:Space Grotesk,sans-serif;font-size:.75rem;font-weight:600;padding:.5rem .75rem;border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.player-speed-option:hover{background:#ffffff1a;color:#fff}.player-speed-option.active{background:#ff6b3533;color:var(--scorex-orange)}.player-error{background:#000000e6}.player-error-icon{width:64px;height:64px;border-radius:50%;background:#ef444426;border:2px solid rgba(239,68,68,.3);display:flex;align-items:center;justify-content:center;color:#ef4444;font-size:2rem;font-weight:700;font-family:Space Grotesk,sans-serif}.player-error p{color:#fff;font-size:1.1rem;font-weight:600}.player-error-sub{color:#ffffff80!important;font-size:.85rem!important;font-weight:400!important}.player-error-actions{display:flex;gap:.75rem;margin-top:.5rem}.player-video::-webkit-media-controls{display:none!important}@media (max-width: 1024px){.main-content{padding:2rem 1.5rem}.grid-container{gap:1.5rem}.bg-text{font-size:22vw}}@media (max-width: 768px){.main-content{padding:1.5rem 1rem}.grid-container{grid-template-columns:1fr;gap:1.25rem}.admin-grid{grid-template-columns:1fr}.bg-text{font-size:28vw}.bg-text-1{top:5%;left:-8%}.bg-text-2{bottom:-3%;right:-15%}.scorex-header{padding:1rem 0}.brand-mark{width:40px;height:40px;border-radius:10px}.brand-name{font-size:1.15rem}.theme-toggle{width:40px;height:40px;border-radius:10px}.logout-btn{padding:.5rem 1rem;font-size:.8rem}.card{padding:1.25rem;border-radius:16px}.card:hover{transform:translateY(-4px)}.welcome-title{font-size:1.5rem!important}.welcome-subtitle{font-size:.9rem}.tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;border-radius:16px;padding:.4rem}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{padding:.6rem 1rem;font-size:.85rem;white-space:nowrap}.tab-nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.back-btn{font-size:.85rem!important}.list-item{padding:1rem 1.25rem;border-radius:14px}.list-item:hover{transform:translate(3px)}.item-name{font-size:1rem}.form-card{padding:1.5rem;border-radius:18px}.modal{padding:1.5rem;border-radius:18px;width:95%}.modal-title{font-size:1.25rem}.subj-avatar{width:60px!important;height:60px!important;font-size:2rem!important}.subj-label{font-size:1.1rem!important}.player-header{padding:.4rem .75rem}.player-title{font-size:.85rem}.player-controls{padding:2rem .75rem .5rem}.player-ctrl-btn{padding:.5rem}.player-time{font-size:.7rem}.player-volume{width:50px}.player-center-play{width:72px;height:72px}.player-center-play svg{width:36px;height:36px}.player-seekbar::-webkit-slider-thumb{width:20px;height:20px}.player-seekbar::-moz-range-thumb{width:20px;height:20px}.player-ambient{opacity:.5}.admin-section{animation-duration:.3s}.skeleton-subj-avatar{width:60px;height:60px}}@media (max-width: 480px){.main-content{padding:1rem .75rem}.scorex-header{padding:.75rem 0}.brand-mark{width:34px;height:34px;border-radius:8px}.brand-name{font-size:1rem}.theme-toggle{width:36px;height:36px;border-radius:8px}.logout-btn span{display:none}.logout-btn{padding:.5rem}.grid-container{gap:1rem}.card{padding:1rem;border-radius:14px;border-width:2px}.card:hover{transform:none;box-shadow:none}.tab-btn{padding:.5rem .85rem;font-size:.8rem}.list-item{padding:.85rem 1rem;border-radius:12px}.welcome-title{font-size:1.25rem!important}.form-card,.modal{padding:1.25rem;border-radius:14px}.player-controls{padding:1.5rem .5rem .4rem}.player-ctrl-btn{padding:.4rem}.player-time{font-size:.65rem}.player-volume{width:40px}.player-center-play{width:60px;height:60px}.player-center-play svg{width:28px;height:28px}}