*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #9147ff66}50%{box-shadow:0 0 28px #9147ffbf,0 0 60px #00d4ff33}}@keyframes vod-float{0%,to{transform:translateY(0);box-shadow:0 4px 20px #9147ff59}50%{transform:translateY(-6px);box-shadow:0 12px 32px #9147ff99}}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,calc(-50% + 24px))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:40px 40px}}#root{width:100%;margin:0;padding:0}.page{width:100%;min-height:100vh;background-color:#0a0a12;color:#e8e8f0;font-family:inherit}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 3rem;position:sticky;top:0;z-index:100;background:#080812bf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(145,71,255,.15);box-shadow:0 1px #00d4ff0f}.nav-logo{font-size:1.55rem;font-weight:900;letter-spacing:.06em;background:linear-gradient(90deg,#fff 30%,#9147ff 70%,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-logo span{color:inherit}.nav-links{display:flex;gap:.25rem;align-items:center}.nav-links a{color:#aaa;text-decoration:none;font-size:.95rem;transition:color .2s;padding:.4rem .75rem;border-radius:8px}.nav-links a:hover{color:#fff}.nav-link-btn{background:none;border:none;color:#999;font-size:.9rem;cursor:pointer;padding:.45rem .85rem;font-family:inherit;border-radius:8px;transition:color .2s,background .2s,transform .2s;font-weight:500}.nav-link-btn:hover,.nav-link-btn--active{color:#fff;background:#9147ff1f;transform:translateY(-2px) scale(1.06)}.nav-user{display:flex;align-items:center;gap:.85rem}.nav-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(145,71,255,.7);cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s}.nav-avatar:hover{border-color:#00d4ff;transform:scale(1.1) rotate(3deg);box-shadow:0 0 14px #00d4ff80}.nav-user-info{display:flex;flex-direction:column;gap:5px}.nav-username{font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:.4rem;color:#eee}.badge-admin{font-size:.6rem;background:linear-gradient(90deg,#9147ff,#00d4ff);color:#fff;padding:2px 7px;border-radius:20px;letter-spacing:.06em;font-weight:800}.badge-new{font-size:.58rem;background:linear-gradient(90deg,#00c853,#00e5ff);color:#000;padding:2px 6px;border-radius:20px;letter-spacing:.08em;font-weight:800;margin-left:4px;vertical-align:middle}.quota-bar-wrap{position:relative;width:110px;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;cursor:help}.quota-bar-fill{height:100%;background:linear-gradient(90deg,#9147ff,#00d4ff);border-radius:3px;transition:width .4s ease}.quota-bar-fill.quota-warn{background:linear-gradient(90deg,#f09000,#fc0)}.quota-bar-fill.quota-critical{background:linear-gradient(90deg,#e03c3c,#ff6b6b)}.quota-label{position:absolute;top:8px;left:0;font-size:.62rem;color:#666;white-space:nowrap}.nav-dropdown-wrap{position:relative}.nav-dropdown{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:#0e0e1cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(145,71,255,.25);border-radius:12px;padding:.4rem;min-width:160px;z-index:300;box-shadow:0 12px 40px #0009,0 0 0 1px #00d4ff0f;animation:fadeIn .15s ease}.nav-dropdown-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:9px;color:#ccc;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,transform .15s;white-space:nowrap}.nav-dropdown-item:hover{background:#9147ff33;color:#fff;transform:translate(5px) scale(1.03)}.btn{position:relative;padding:.75rem 1.9rem;font-size:.95rem;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;letter-spacing:.03em;overflow:hidden}.btn:active{transform:scale(.97)!important}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .2s;pointer-events:none}.btn:hover:after{opacity:1;animation:shimmer .65s linear}.btn-purple{background:linear-gradient(135deg,#9147ff,#6420c8);color:#fff;box-shadow:0 4px 18px #9147ff59}.btn-purple:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #9147ff8c,0 0 0 1px #9147ff66;filter:brightness(1.1)}.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(145,71,255,.5);padding:calc(.75rem - 1.5px) calc(1.9rem - 1.5px)}.btn-outline:hover{border-color:#9147ff;background:#9147ff1a;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #9147ff40}.btn-lg{padding:1.05rem 2.75rem;font-size:1.05rem;border-radius:12px}.btn-lg.btn-outline{padding:calc(1.05rem - 1.5px) calc(2.75rem - 1.5px)}.help-btn{color:#9147ff!important;font-weight:700;border:1px solid rgba(145,71,255,.3)!important}.help-btn:hover{color:#fff!important;background:#9147ff2e!important;border-color:#9147ff99!important}.hero{position:relative;padding:8rem 3rem 7rem;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(145,71,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(145,71,255,.07) 1px,transparent 1px);background-size:40px 40px;animation:grid-scroll 8s linear infinite;z-index:0}.hero-content{position:relative;z-index:1;max-width:760px;margin:0 auto}.hero-content h1{font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:900;line-height:1.1;margin-bottom:1.4rem;background:linear-gradient(135deg,#fff 20%,#b97dff,#00d4ff 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shimmer 5s linear infinite}.hero-content p{font-size:1.15rem;color:#7777a0;margin-bottom:2.5rem;line-height:1.7;max-width:520px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.hero-glow{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse at 40% 40%,rgba(145,71,255,.18) 0%,transparent 65%),radial-gradient(ellipse at 65% 60%,rgba(0,212,255,.1) 0%,transparent 65%);pointer-events:none;z-index:0}.vod-section{padding:3rem 3rem 5rem;max-width:1500px;margin:0 auto}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(145,71,255,.12)}.section-header h2{font-size:1.45rem;font-weight:800;background:linear-gradient(90deg,#fff,#b97dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.see-all{color:#9147ff;text-decoration:none;font-size:.9rem;font-weight:600;transition:color .2s}.see-all:hover{color:#00d4ff}button.see-all{background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s,transform .2s}button.see-all:hover{transform:translate(4px) scale(1.06)}.vod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.vod-card{background:linear-gradient(145deg,#13131f,#0e0e1a);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .3s;cursor:pointer;animation:card-in .4s ease both}.vod-card:hover{transform:translateY(-6px) scale(1.01);border-color:#9147ff80;box-shadow:0 12px 40px #00000080,0 0 0 1px #9147ff33,0 0 30px #9147ff1f}.vod-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1030,#101a30);display:flex;align-items:flex-end;justify-content:flex-end;padding:.6rem;overflow:hidden}.vod-duration{position:relative;z-index:1;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.78rem;padding:.22rem .55rem;border-radius:5px;font-weight:700;letter-spacing:.02em}.vod-info{padding:1.1rem 1.25rem 1.3rem}.vod-streamer{font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg,#9147ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem}.vod-title{font-size:.94rem;font-weight:600;color:#dde;margin-bottom:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.vod-meta{font-size:.78rem;color:#55556a}.view-state{color:#44445a;font-size:.95rem;padding:4rem 0;text-align:center}.stream-card{text-decoration:none;color:inherit;display:block}.live-badge{position:absolute;top:.6rem;left:.6rem;z-index:2;background:linear-gradient(90deg,#e03c3c,#ff5c5c);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.1em;padding:.2rem .55rem;border-radius:5px;box-shadow:0 2px 8px #e03c3c80;animation:glow-pulse 2s ease-in-out infinite}.live-dot{display:inline-block;width:9px;height:9px;background:#e03c3c;border-radius:50%;margin-right:.55rem;animation:pulse-live 1.4s ease-in-out infinite;vertical-align:middle;box-shadow:0 0 8px #e03c3c99}.home-live-strip{padding:0 2rem;max-width:1200px;margin:0 auto}.home-live-header{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:var(--text, #e8e8ff);margin-bottom:.85rem;padding-top:1.5rem}.home-live-count{margin-left:auto;font-size:.78rem;color:#fff6;font-weight:500}.home-live-scroll{display:flex;gap:.85rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(145,71,255,.3) transparent}.home-live-scroll::-webkit-scrollbar{height:4px}.home-live-scroll::-webkit-scrollbar-thumb{background:#9147ff66;border-radius:2px}.home-live-card{flex:0 0 160px;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);transition:transform .18s,box-shadow .18s}.home-live-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #9147ff40}.home-live-thumb{position:relative;width:160px;height:90px;background:#111 center/cover no-repeat}.home-live-name{font-size:.82rem;font-weight:700;padding:.4rem .6rem .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-live-game{font-size:.72rem;color:#ffffff80;padding:0 .6rem .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-live-viewers{font-size:.7rem;color:#fff6;padding:0 .6rem .5rem}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.profile-panel{position:fixed;top:0;right:0;height:100vh;width:350px;background:linear-gradient(170deg,#0f0f1e,#0a0a14);border-left:1px solid rgba(145,71,255,.2);z-index:201;display:flex;flex-direction:column;padding:1.5rem;gap:1.25rem;overflow-y:auto;box-shadow:-8px 0 40px #00000080;animation:fadeIn .2s ease}.profile-panel-header{display:flex;align-items:center;justify-content:space-between}.profile-panel-header h2{font-size:1.2rem;font-weight:800;margin:0;background:linear-gradient(90deg,#fff,#b97dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#888;font-size:1rem;cursor:pointer;padding:.3rem .55rem;border-radius:7px;line-height:1;transition:background .2s,color .2s,transform .2s}.panel-close:hover{color:#fff;background:#e03c3c33;border-color:#e03c3c66;transform:scale(1.15) rotate(8deg)}.profile-user-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#9147ff14;border:1px solid rgba(145,71,255,.15);border-radius:12px}.profile-avatar-lg{width:58px;height:58px;border-radius:50%;border:2px solid rgba(145,71,255,.6);flex-shrink:0}.profile-display-name{font-size:1rem;font-weight:700;color:#eee}.profile-role{font-size:.78rem;color:#666;margin-top:3px}.panel-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#9147ff99}.panel-back{background:none;border:none;color:#9147ff;font-size:.88rem;font-weight:700;cursor:pointer;padding:.25rem 0;transition:color .2s,transform .2s}.panel-back:hover{color:#00d4ff;transform:translate(-3px) scale(1.05)}.streamer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;flex:1}.streamer-empty{color:#44445a;font-size:.88rem;padding:.25rem 0}.streamer-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background:#ffffff08;border-radius:9px;border:1px solid rgba(255,255,255,.06);transition:border-color .2s,background .2s}.streamer-item:hover{border-color:#9147ff4d;background:#9147ff0f}.streamer-login{font-size:.88rem;font-weight:600;color:#ccc}.streamer-remove{background:none;border:none;color:#44445a;cursor:pointer;font-size:.82rem;padding:.2rem .4rem;border-radius:4px;line-height:1;transition:color .15s,background .15s,transform .15s}.streamer-remove:hover{color:#ff6b6b;background:#e03c3c1f;transform:scale(1.2) rotate(10deg)}.add-streamer-row{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}.streamer-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:.6rem .85rem;font-size:.88rem;outline:none;transition:border-color .2s}.streamer-input:focus{border-color:#9147ff}.streamer-input::placeholder{color:#334}.btn-pick-vods{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.9rem 1rem;background:linear-gradient(135deg,#9147ff,#6420c8,#00b8d9);background-size:200% 200%;color:#fff;font-size:1rem;font-weight:800;border:none;border-radius:12px;cursor:pointer;animation:vod-float 2.6s ease-in-out infinite;transition:filter .2s;letter-spacing:.03em;box-shadow:0 4px 20px #9147ff66}.btn-pick-vods:hover{filter:brightness(1.15);animation-play-state:paused}.pick-vods-icon{font-size:1.35rem;line-height:1}.vp-title{font-size:1.1rem;font-weight:800;margin:0 0 .2rem;color:#eee}.vp-sub{font-size:.83rem;color:#556;margin:0 0 .75rem}.vp-loading,.vp-empty{font-size:.88rem;color:#44445a;padding:1rem 0}.vp-success{background:#50c8781a;color:#50c878;border:1px solid rgba(80,200,120,.25);border-radius:9px;padding:.65rem .95rem;font-size:.88rem;font-weight:700;margin-bottom:.75rem}.vp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;flex:1;overflow-y:auto}.vp-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .65rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:9px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.vp-item:hover{border-color:#9147ff66;background:#9147ff12;transform:translate(2px)}.vp-item--selected{border-color:#9147ff99;background:#9147ff1f}.vp-thumb{width:80px;height:45px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#111}.vp-info{flex:1;min-width:0}.vp-vod-title{font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ddd}.vp-vod-meta{font-size:.74rem;color:#44445a;margin-top:3px}.vp-check{width:22px;height:22px;border:2px solid rgba(255,255,255,.12);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0;transition:border-color .15s,background .15s}.vp-item--selected .vp-check{border-color:#9147ff;background:linear-gradient(135deg,#9147ff,#00d4ff);color:#fff}.vp-footer{padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.5rem}.vp-footer .btn{width:100%}.vp-queue-all-link{background:none;border:none;padding:0;color:#9147ff;cursor:pointer;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.vp-queue-all-link:hover{color:#b97dff}.vp-queue-all-link:disabled{color:#555;cursor:default;text-decoration:none}.vp-queue-all-progress{display:flex;align-items:center;gap:.6rem;background:#9147ff14;border:1px solid rgba(145,71,255,.2);border-radius:8px;padding:.6rem .9rem;font-size:.82rem;color:#b97dff}.vp-queue-all-result{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem .9rem;font-size:.82rem;color:#88a}.vp-queue-all-result--ok{background:#00d46414;border-color:#00d46433;color:#3ddc84}.vp-queue-all-btn{margin-top:0}@keyframes spin{to{transform:rotate(360deg)}}.vp-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(145,71,255,.3);border-top-color:#9147ff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:400;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.help-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:401;width:min(720px,95vw);max-height:85vh;background:linear-gradient(160deg,#0f0f1e,#0a0a14);border:1px solid rgba(145,71,255,.2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 100px #000c,0 0 0 1px #00d4ff0f;animation:fadeIn .2s ease}.help-header{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.75rem;border-bottom:1px solid rgba(145,71,255,.12);flex-shrink:0;background:#9147ff0d}.help-header h2{margin:0;font-size:1.25rem;font-weight:900;background:linear-gradient(90deg,#fff,#b97dff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-body{overflow-y:auto;padding:1.75rem;display:flex;flex-direction:column;gap:1.75rem;scrollbar-width:thin;scrollbar-color:rgba(145,71,255,.3) transparent}.help-section{display:flex;flex-direction:column;gap:.65rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.help-section:last-child{border-bottom:none;padding-bottom:0}.help-section h3{margin:0;font-size:1rem;font-weight:800;color:#b97dff}.help-section p{margin:0;font-size:.9rem;color:#88a;line-height:1.75}.help-section strong{color:#eee}.help-section em{color:#9147ff;font-style:normal}.help-section ul{margin:.25rem 0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.help-section ul li{font-size:.9rem;color:#88a;line-height:1.6}.vod-card--playable{cursor:pointer}.vod-card--playable:hover .vod-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.vod-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);font-size:2.5rem;opacity:0;transition:opacity .2s,transform .2s;text-shadow:0 0 20px rgba(145,71,255,.8);z-index:2}.vod-status-badge{position:absolute;top:.6rem;left:.6rem;z-index:2;font-size:.72rem;font-weight:800;padding:.25rem .6rem;border-radius:6px;letter-spacing:.05em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vod-status--queued{background:#ffb40033;color:#fc0;border:1px solid rgba(255,180,0,.35)}.vod-status--downloading{background:#00b4ff33;color:#00d4ff;border:1px solid rgba(0,180,255,.35);animation:pulse-live 1.6s ease-in-out infinite}.vod-status--error{background:#e03c3c33;color:#ff6b6b;border:1px solid rgba(224,60,60,.35)}.player-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease}.player-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:501;width:min(1100px,96vw);background:#0a0a12;border:1px solid rgba(145,71,255,.25);border-radius:16px;overflow:hidden;box-shadow:0 40px 120px #000000e6,0 0 0 1px #00d4ff0f;animation:fadeIn .25s ease;display:flex;flex-direction:column}.player-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;background:#9147ff0f;border-bottom:1px solid rgba(145,71,255,.12);gap:1rem}.player-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.player-streamer{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(90deg,#9147ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.player-title{font-size:.95rem;font-weight:700;color:#dde;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-video{width:100%;aspect-ratio:16/9;background:#000;display:block}.player-meta{padding:.65rem 1.25rem;font-size:.78rem;color:#55556a;border-top:1px solid rgba(255,255,255,.05)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;animation:fadeIn .2s ease}.modal-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:301;width:min(480px,95vw);max-height:80vh;display:flex;flex-direction:column;background:#0e0e1af7;border:1px solid rgba(145,71,255,.25);border-radius:16px;box-shadow:0 24px 80px #0009,0 0 48px #9147ff1f;animation:slideUp .25s cubic-bezier(.22,1,.36,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.modal-header h2{font-size:1.05rem;font-weight:800;color:#e0e0f8;margin:0}.modal-body{overflow-y:auto;padding:.75rem 0;flex:1}.activity-count{font-size:.8rem;font-weight:400;color:#7070a0}.notif-btn{position:relative}.notif-badge{position:absolute;top:-6px;right:-8px;background:linear-gradient(135deg,#9147ff,#00d4ff);color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none;box-shadow:0 0 8px #9147ff99;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%,to{box-shadow:0 0 8px #9147ff99}50%{box-shadow:0 0 16px #9147ff}}.user-row{display:flex;align-items:center;gap:.85rem;padding:.7rem 1.4rem;transition:background .15s}.user-row--clickable{cursor:pointer}.user-row--clickable:hover{background:#9147ff14}.user-row-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0}.user-row-arrow{font-size:1.2rem;color:#fff3;line-height:1}.user-row--clickable:hover .user-row-arrow{color:#9147ffb3}.user-profile-panel{position:fixed;top:0;right:0;height:100vh;width:420px;max-width:100vw;background:var(--card-bg, #12121f);border-left:1px solid rgba(145,71,255,.18);z-index:460;display:flex;flex-direction:column;overflow-y:auto;animation:slideInRight .26s cubic-bezier(.22,1,.36,1);scrollbar-width:thin;scrollbar-color:rgba(145,71,255,.3) transparent}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.upanel-header{display:flex;gap:1.1rem;align-items:flex-start;padding:1.2rem 1.4rem;background:#9147ff12;border-bottom:1px solid rgba(145,71,255,.12)}.upanel-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(145,71,255,.5);flex-shrink:0}.upanel-info{flex:1;min-width:0;padding-top:.2rem}.upanel-name{font-size:1.05rem;font-weight:800;color:#eef;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;margin-bottom:.2rem}.upanel-login{font-size:.78rem;color:#77a;margin-bottom:.4rem}.upanel-status{font-size:.75rem;color:#77a}.upanel-status--online{color:#00e676}.upanel-stats{display:flex;border-bottom:1px solid rgba(255,255,255,.06)}.upanel-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:.9rem .5rem;gap:.2rem}.upanel-stat+.upanel-stat{border-left:1px solid rgba(255,255,255,.06)}.upanel-stat-num{font-size:1.05rem;font-weight:800;color:#c4a8ff}.upanel-stat-label{font-size:.68rem;color:#77a;text-transform:uppercase;letter-spacing:.06em}.upanel-vods-title{font-size:.85rem;font-weight:700;color:#aac;padding:.9rem 1.4rem .5rem;border-bottom:1px solid rgba(255,255,255,.05)}.upanel-vod-list{display:flex;flex-direction:column}.upanel-vod-row{display:flex;gap:.75rem;align-items:center;padding:.65rem 1.1rem;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}.upanel-vod-row:hover{background:#9147ff14}.upanel-vod-thumb{position:relative;width:88px;height:49px;border-radius:6px;background:#1a1a2e center/cover no-repeat;flex-shrink:0;overflow:hidden}.upanel-vod-thumb .vod-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:#00000059;opacity:0;transition:opacity .15s}.upanel-vod-row:hover .upanel-vod-thumb .vod-play-icon{opacity:1}.upanel-vod-thumb .vod-duration{position:absolute;bottom:3px;right:4px;font-size:.62rem}.upanel-vod-info{flex:1;min-width:0}.upanel-vod-streamer{font-size:.72rem;color:#9147ff;font-weight:700;margin-bottom:1px}.upanel-vod-title{font-size:.8rem;font-weight:600;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upanel-vod-date{font-size:.68rem;color:#55556a;margin-top:2px}.user-row:hover{background:#ffffff0a}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(145,71,255,.3);flex-shrink:0}.user-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.user-display-name{font-size:.9rem;font-weight:700;color:#dde;display:flex;align-items:center;gap:.4rem}.user-login{font-size:.75rem;color:#55556a}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot--online{background:#00e676;box-shadow:0 0 8px #00e676cc;animation:pulseOnline 2s infinite}.status-dot--offline{background:#444460}@keyframes pulseOnline{0%,to{box-shadow:0 0 6px #00e676b3}50%{box-shadow:0 0 14px #00e676}}.activity-item{display:flex;align-items:center;gap:.85rem;padding:.7rem 1.4rem;transition:background .15s}.activity-item:hover{background:#ffffff0a}.activity-thumb{width:72px;height:40px;border-radius:6px;background:#1a1a2e center/cover no-repeat;flex-shrink:0;border:1px solid rgba(255,255,255,.07)}.activity-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.activity-streamer{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(90deg,#9147ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-title{font-size:.85rem;font-weight:600;color:#dde;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:.72rem;color:#55556a;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.activity-status{padding:1px 6px;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase}.activity-status--queued{background:#ffc80026;color:#fc0}.activity-status--downloading{background:#00d4ff26;color:#00d4ff}.activity-status--ready{background:#00e67626;color:#00e676}.activity-status--error{background:#ff505026;color:#ff5050}.activity-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;padding:.6rem 1.4rem .3rem;border-top:1px solid rgba(255,255,255,.05)}.activity-date{font-size:.72rem;color:#44445a;flex-shrink:0}.settings-btn{color:#888!important;font-size:1.05rem!important;padding:.4rem .6rem!important;border-radius:8px}.settings-btn:hover{color:#fff!important;background:#ffffff14!important}.settings-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:401;width:min(580px,95vw);background:#0c0c16fa;border:1px solid rgba(145,71,255,.25);border-radius:18px;box-shadow:0 24px 80px #000000bf,0 0 60px #9147ff14;animation:slideUp .25s cubic-bezier(.22,1,.36,1);overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.settings-header h2{font-size:1.05rem;font-weight:800;color:#e0e0f8;margin:0}.settings-body{padding:1.5rem}.settings-section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#44445a;margin-bottom:1rem}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.theme-card{background:none;border:2px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;cursor:pointer;padding:0;text-align:left;transition:border-color .2s,transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000080}.theme-card--active{box-shadow:0 0 0 3px #ffffff2e}.theme-preview{height:68px;padding:.55rem .6rem .4rem;display:flex;flex-direction:column;justify-content:space-between}.theme-preview-dots{display:flex;gap:4px}.theme-preview-dot{width:9px;height:9px;border-radius:50%;opacity:.9}.theme-preview-lines{display:flex;flex-direction:column;gap:5px}.theme-preview-line{height:4px;border-radius:2px;opacity:.6}.theme-label{padding:.5rem .6rem;font-size:.78rem;font-weight:700;color:#aaa;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06)}.theme-check{color:#00e676;font-size:.8rem}[data-theme=ember] .page{background-color:#0d0600}[data-theme=ember] .navbar{border-bottom-color:#ff451433;box-shadow:0 1px #ffaa000f}[data-theme=ember] .nav-logo{background:linear-gradient(90deg,#fff 30%,#ff4514 70%,#fa0);-webkit-background-clip:text;background-clip:text}[data-theme=ember] .nav-link-btn:hover,[data-theme=ember] .nav-link-btn--active{background:#ff45141f;color:#fff}[data-theme=ember] .btn-purple{background:linear-gradient(135deg,#ff4514,#c22000);box-shadow:0 4px 18px #ff451466}[data-theme=ember] .btn-purple:hover{box-shadow:0 8px 28px #ff451499,0 0 0 1px #ff451466}[data-theme=ember] .btn-outline{border-color:#ff451480}[data-theme=ember] .btn-outline:hover{border-color:#ff4514;background:#ff45141a;box-shadow:0 6px 20px #ff451440}[data-theme=ember] .vod-card{background:linear-gradient(145deg,#140800,#0d0600)}[data-theme=ember] .vod-card:hover{border-color:#ff451480;box-shadow:0 12px 40px #00000080,0 0 0 1px #ff451433,0 0 30px #ff45141f}[data-theme=ember] .vod-streamer{background:linear-gradient(90deg,#ff4514,#fa0);-webkit-background-clip:text;background-clip:text}[data-theme=ember] .section-header h2{background:linear-gradient(90deg,#fff,#ff8c42);-webkit-background-clip:text;background-clip:text}[data-theme=ember] .section-header{border-bottom-color:#ff451426}[data-theme=ember] .hero-content h1{background:linear-gradient(135deg,#fff 20%,#ff7342,#fa0 90%);-webkit-background-clip:text;background-clip:text}[data-theme=ember] .hero:before{background-image:linear-gradient(rgba(255,69,20,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,69,20,.07) 1px,transparent 1px)}[data-theme=ember] .hero-glow{background:radial-gradient(ellipse at 40% 40%,rgba(255,69,20,.18) 0%,transparent 65%),radial-gradient(ellipse at 65% 60%,rgba(255,170,0,.1) 0%,transparent 65%)}[data-theme=ember] .nav-avatar{border-color:#ff4514b3}[data-theme=ember] .nav-avatar:hover{border-color:#fa0;box-shadow:0 0 14px #ffaa0080}[data-theme=ember] .quota-bar-fill,[data-theme=ember] .badge-admin{background:linear-gradient(90deg,#ff4514,#fa0)}[data-theme=ember] .btn-pick-vods{background:linear-gradient(135deg,#ff4514,#c22000,#fa0);box-shadow:0 4px 20px #ff451466}[data-theme=ember] .see-all{color:#ff4514}[data-theme=ember] .see-all:hover{color:#fa0}[data-theme=ember] .modal-panel,[data-theme=ember] .nav-dropdown{border-color:#ff451440}[data-theme=ember] .nav-dropdown-item:hover{background:#ff451433}[data-theme=ember] .profile-panel{background:linear-gradient(170deg,#140800,#0d0600);border-left-color:#ff451433}[data-theme=ember] .profile-user-row{background:#ff451414;border-color:#ff451426}[data-theme=ember] .profile-avatar-lg{border-color:#ff451499}[data-theme=ember] .panel-section-title{color:#ff4514b3}[data-theme=ember] .panel-back{color:#ff4514}[data-theme=ember] .panel-back:hover{color:#fa0}[data-theme=ember] .streamer-input:focus{border-color:#ff4514}[data-theme=ember] .vp-item:hover{border-color:#ff451466;background:#ff451412}[data-theme=ember] .vp-item--selected{border-color:#ff451499;background:#ff45141f}[data-theme=ember] .vp-item--selected .vp-check{border-color:#ff4514;background:linear-gradient(135deg,#ff4514,#fa0)}[data-theme=ember] .help-btn{color:#ff4514!important;border-color:#ff45144d!important}[data-theme=ember] .help-btn:hover{background:#ff45142e!important;border-color:#ff451499!important}[data-theme=ember] .help-modal{border-color:#ff451433}[data-theme=ember] .help-header{border-bottom-color:#ff45141f;background:#ff45140d}[data-theme=ember] .streamer-item:hover{border-color:#ff45144d;background:#ff45140f}[data-theme=ember] .notif-badge{background:linear-gradient(135deg,#ff4514,#fa0)}[data-theme=ember] .activity-streamer,[data-theme=ember] .player-streamer{background:linear-gradient(90deg,#ff4514,#fa0);-webkit-background-clip:text;background-clip:text}[data-theme=ember] .vod-thumbnail{background:linear-gradient(135deg,#200a00,#150600)}[data-theme=ember] .live-badge{background:linear-gradient(90deg,#c22000,#ff4514)}[data-theme=ember] .settings-modal{border-color:#ff45144d}[data-theme=matrix] .page{background-color:#010400;color:#b0ffb8;font-family:Courier New,monospace}[data-theme=matrix] .navbar{border-bottom-color:#00ff4133;box-shadow:0 1px #00ff410f;background:#000800e0}[data-theme=matrix] .nav-logo{background:linear-gradient(90deg,#b0ffb8 30%,#00ff41 70%,#0c3);-webkit-background-clip:text;background-clip:text}[data-theme=matrix] .nav-link-btn{color:#0b3;font-family:inherit}[data-theme=matrix] .nav-link-btn:hover,[data-theme=matrix] .nav-link-btn--active{color:#00ff41;background:#00ff4114}[data-theme=matrix] .btn-purple{background:linear-gradient(135deg,#00aa2a,#007a1e);color:#b0ffb8;box-shadow:0 4px 18px #00ff4140;font-family:inherit}[data-theme=matrix] .btn-purple:hover{box-shadow:0 8px 28px #00ff4180,0 0 0 1px #00ff4166}[data-theme=matrix] .btn-outline{border-color:#00ff4166;color:#00ff41;font-family:inherit}[data-theme=matrix] .btn-outline:hover{border-color:#00ff41;background:#00ff4114;box-shadow:0 6px 20px #00ff4133}[data-theme=matrix] .vod-card{background:linear-gradient(145deg,#010b00,#020e01);border-color:#00ff411a}[data-theme=matrix] .vod-card:hover{border-color:#00ff4180;box-shadow:0 12px 40px #000000b3,0 0 0 1px #00ff4133,0 0 40px #00ff411a}[data-theme=matrix] .vod-streamer{background:linear-gradient(90deg,#00ff41,#0c3);-webkit-background-clip:text;background-clip:text}[data-theme=matrix] .vod-title,[data-theme=matrix] .vp-vod-title{color:#90ff98}[data-theme=matrix] .section-header h2{background:linear-gradient(90deg,#b0ffb8,#00ff41);-webkit-background-clip:text;background-clip:text}[data-theme=matrix] .section-header{border-bottom-color:#00ff4126}[data-theme=matrix] .hero-content h1{background:linear-gradient(135deg,#b0ffb8 20%,#00ff41,#0c3 90%);-webkit-background-clip:text;background-clip:text}[data-theme=matrix] .hero-content p{color:#2a6b2f}[data-theme=matrix] .hero:before{background-image:linear-gradient(rgba(0,255,65,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.06) 1px,transparent 1px)}[data-theme=matrix] .hero-glow{background:radial-gradient(ellipse at 40% 40%,rgba(0,200,50,.15) 0%,transparent 65%),radial-gradient(ellipse at 65% 60%,rgba(0,255,65,.08) 0%,transparent 65%)}[data-theme=matrix] .nav-avatar{border-color:#00ff4180}[data-theme=matrix] .nav-avatar:hover{border-color:#00ff41;box-shadow:0 0 14px #00ff4180}[data-theme=matrix] .quota-bar-fill,[data-theme=matrix] .badge-admin{background:linear-gradient(90deg,#00aa2a,#00ff41)}[data-theme=matrix] .btn-pick-vods{background:linear-gradient(135deg,#00aa2a,#007a1e,#00ff41);box-shadow:0 4px 20px #00ff414d;font-family:inherit}[data-theme=matrix] .see-all{color:#00aa2a}[data-theme=matrix] .see-all:hover{color:#00ff41}[data-theme=matrix] .modal-panel{background:#000a00f7;border-color:#00ff4140;font-family:inherit}[data-theme=matrix] .nav-dropdown{background:#000a00f2;border-color:#00ff4140}[data-theme=matrix] .nav-dropdown-item{color:#0c3;font-family:inherit}[data-theme=matrix] .nav-dropdown-item:hover{background:#00ff411a;color:#00ff41}[data-theme=matrix] .profile-panel{background:linear-gradient(170deg,#010b00,#010500);border-left-color:#00ff4133;font-family:inherit}[data-theme=matrix] .profile-user-row{background:#00ff410f;border-color:#00ff4126}[data-theme=matrix] .profile-avatar-lg{border-color:#00ff4199}[data-theme=matrix] .panel-section-title{color:#00ff4199}[data-theme=matrix] .panel-back{color:#00aa2a}[data-theme=matrix] .panel-back:hover{color:#00ff41}[data-theme=matrix] .streamer-input{font-family:inherit}[data-theme=matrix] .streamer-input:focus{border-color:#00aa2a}[data-theme=matrix] .vp-item:hover{border-color:#00ff4166;background:#00ff410f}[data-theme=matrix] .vp-item--selected{border-color:#00ff4199;background:#00ff411a}[data-theme=matrix] .vp-item--selected .vp-check{border-color:#00aa2a;background:linear-gradient(135deg,#00aa2a,#00ff41)}[data-theme=matrix] .help-btn{color:#00aa2a!important;border-color:#00ff414d!important}[data-theme=matrix] .help-btn:hover{background:#00ff411f!important;border-color:#00ff4180!important;color:#00ff41!important}[data-theme=matrix] .help-modal{background:linear-gradient(160deg,#010b00,#010400);border-color:#00ff4133}[data-theme=matrix] .help-header{border-bottom-color:#00ff411f;background:#00ff410a}[data-theme=matrix] .help-header h2{background:linear-gradient(90deg,#b0ffb8,#00ff41);-webkit-background-clip:text;background-clip:text}[data-theme=matrix] .help-section h3{color:#00aa2a}[data-theme=matrix] .help-section em{color:#00ff41}[data-theme=matrix] .streamer-item:hover{border-color:#00ff414d;background:#00ff410a}[data-theme=matrix] .notif-badge{background:linear-gradient(135deg,#00aa2a,#00ff41)}[data-theme=matrix] .activity-streamer,[data-theme=matrix] .player-streamer{background:linear-gradient(90deg,#00ff41,#0c3);-webkit-background-clip:text;background-clip:text}[data-theme=matrix] .vod-meta,[data-theme=matrix] .vp-vod-meta{color:#2a5030}[data-theme=matrix] .vod-thumbnail{background:linear-gradient(135deg,#010b00,#020e01)}[data-theme=matrix] .vod-duration{background:#001400e6}[data-theme=matrix] .live-badge{background:linear-gradient(90deg,#007a1e,#00ff41)}[data-theme=matrix] .nav-username,[data-theme=matrix] .profile-display-name{color:#b0ffb8}[data-theme=matrix] .settings-modal{background:#000a00fa;border-color:#00ff414d}[data-theme=ocean] .page{background-color:#00102a}[data-theme=ocean] .navbar{border-bottom-color:#2979ff33;box-shadow:0 1px #00e5ff0f;background:#000814d1}[data-theme=ocean] .nav-logo{background:linear-gradient(90deg,#fff 30%,#2979ff 70%,#00e5ff);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .nav-link-btn:hover,[data-theme=ocean] .nav-link-btn--active{background:#2979ff1f;color:#fff}[data-theme=ocean] .btn-purple{background:linear-gradient(135deg,#2979ff,#1a55cc);box-shadow:0 4px 18px #2979ff66}[data-theme=ocean] .btn-purple:hover{box-shadow:0 8px 28px #2979ff99,0 0 0 1px #2979ff66}[data-theme=ocean] .btn-outline{border-color:#2979ff80}[data-theme=ocean] .btn-outline:hover{border-color:#2979ff;background:#2979ff1a;box-shadow:0 6px 20px #2979ff40}[data-theme=ocean] .vod-card{background:linear-gradient(145deg,#001535,#00102a)}[data-theme=ocean] .vod-card:hover{border-color:#2979ff80;box-shadow:0 12px 40px #0009,0 0 0 1px #2979ff33,0 0 30px #2979ff1f}[data-theme=ocean] .vod-streamer{background:linear-gradient(90deg,#2979ff,#00e5ff);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .section-header h2{background:linear-gradient(90deg,#fff,#5ba4ff);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .section-header{border-bottom-color:#2979ff26}[data-theme=ocean] .hero-content h1{background:linear-gradient(135deg,#fff 20%,#5ba4ff,#00e5ff 90%);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .hero:before{background-image:linear-gradient(rgba(41,121,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(41,121,255,.07) 1px,transparent 1px)}[data-theme=ocean] .hero-glow{background:radial-gradient(ellipse at 40% 40%,rgba(41,121,255,.18) 0%,transparent 65%),radial-gradient(ellipse at 65% 60%,rgba(0,229,255,.1) 0%,transparent 65%)}[data-theme=ocean] .nav-avatar{border-color:#2979ffb3}[data-theme=ocean] .nav-avatar:hover{border-color:#00e5ff;box-shadow:0 0 14px #00e5ff80}[data-theme=ocean] .quota-bar-fill,[data-theme=ocean] .badge-admin{background:linear-gradient(90deg,#2979ff,#00e5ff)}[data-theme=ocean] .btn-pick-vods{background:linear-gradient(135deg,#2979ff,#1a55cc,#00b8d9);box-shadow:0 4px 20px #2979ff66}[data-theme=ocean] .see-all{color:#2979ff}[data-theme=ocean] .see-all:hover{color:#00e5ff}[data-theme=ocean] .modal-panel,[data-theme=ocean] .nav-dropdown{border-color:#2979ff40}[data-theme=ocean] .nav-dropdown-item:hover{background:#2979ff33}[data-theme=ocean] .profile-panel{background:linear-gradient(170deg,#001535,#00102a);border-left-color:#2979ff33}[data-theme=ocean] .profile-user-row{background:#2979ff14;border-color:#2979ff26}[data-theme=ocean] .profile-avatar-lg{border-color:#2979ff99}[data-theme=ocean] .panel-section-title{color:#2979ffb3}[data-theme=ocean] .panel-back{color:#2979ff}[data-theme=ocean] .panel-back:hover{color:#00e5ff}[data-theme=ocean] .streamer-input:focus{border-color:#2979ff}[data-theme=ocean] .vp-item:hover{border-color:#2979ff66;background:#2979ff12}[data-theme=ocean] .vp-item--selected{border-color:#2979ff99;background:#2979ff1f}[data-theme=ocean] .vp-item--selected .vp-check{border-color:#2979ff;background:linear-gradient(135deg,#2979ff,#00e5ff)}[data-theme=ocean] .help-btn{color:#2979ff!important;border-color:#2979ff4d!important}[data-theme=ocean] .help-btn:hover{background:#2979ff2e!important;border-color:#2979ff99!important}[data-theme=ocean] .help-modal{border-color:#2979ff33;box-shadow:0 32px 100px #000c,0 0 0 1px #00e5ff0f}[data-theme=ocean] .help-header{border-bottom-color:#2979ff1f;background:#2979ff0d}[data-theme=ocean] .help-header h2{background:linear-gradient(90deg,#fff,#5ba4ff,#00e5ff);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .help-section h3{color:#2979ff}[data-theme=ocean] .streamer-item:hover{border-color:#2979ff4d;background:#2979ff0f}[data-theme=ocean] .notif-badge{background:linear-gradient(135deg,#2979ff,#00e5ff)}[data-theme=ocean] .activity-streamer,[data-theme=ocean] .player-streamer{background:linear-gradient(90deg,#2979ff,#00e5ff);-webkit-background-clip:text;background-clip:text}[data-theme=ocean] .vod-thumbnail{background:linear-gradient(135deg,#001535,#001a3a)}[data-theme=ocean] .live-badge{background:linear-gradient(90deg,#1a55cc,#2979ff)}[data-theme=ocean] .settings-modal{border-color:#2979ff4d}[data-theme=sakura] .page{background-color:#0d0308}[data-theme=sakura] .navbar{border-bottom-color:#e91e8c33;box-shadow:0 1px #ff6fe80f;background:#0c0206d1}[data-theme=sakura] .nav-logo{background:linear-gradient(90deg,#fff 30%,#e91e8c 70%,#ff6fe8);-webkit-background-clip:text;background-clip:text}[data-theme=sakura] .nav-link-btn:hover,[data-theme=sakura] .nav-link-btn--active{background:#e91e8c1a;color:#fff}[data-theme=sakura] .btn-purple{background:linear-gradient(135deg,#e91e8c,#ad0060);box-shadow:0 4px 18px #e91e8c66}[data-theme=sakura] .btn-purple:hover{box-shadow:0 8px 28px #e91e8c99,0 0 0 1px #e91e8c66}[data-theme=sakura] .btn-outline{border-color:#e91e8c80}[data-theme=sakura] .btn-outline:hover{border-color:#e91e8c;background:#e91e8c1a;box-shadow:0 6px 20px #e91e8c40}[data-theme=sakura] .vod-card{background:linear-gradient(145deg,#160610,#0d0308)}[data-theme=sakura] .vod-card:hover{border-color:#e91e8c80;box-shadow:0 12px 40px #00000080,0 0 0 1px #e91e8c33,0 0 30px #e91e8c1f}[data-theme=sakura] .vod-streamer{background:linear-gradient(90deg,#e91e8c,#ff6fe8);-webkit-background-clip:text;background-clip:text}[data-theme=sakura] .section-header h2{background:linear-gradient(90deg,#fff,#ff8ecf);-webkit-background-clip:text;background-clip:text}[data-theme=sakura] .section-header{border-bottom-color:#e91e8c26}[data-theme=sakura] .hero-content h1{background:linear-gradient(135deg,#fff 20%,#ff7ac5,#ff6fe8 90%);-webkit-background-clip:text;background-clip:text}[data-theme=sakura] .hero:before{background-image:linear-gradient(rgba(233,30,140,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(233,30,140,.06) 1px,transparent 1px)}[data-theme=sakura] .hero-glow{background:radial-gradient(ellipse at 40% 40%,rgba(233,30,140,.18) 0%,transparent 65%),radial-gradient(ellipse at 65% 60%,rgba(255,111,232,.1) 0%,transparent 65%)}[data-theme=sakura] .nav-avatar{border-color:#e91e8cb3}[data-theme=sakura] .nav-avatar:hover{border-color:#ff6fe8;box-shadow:0 0 14px #ff6fe880}[data-theme=sakura] .quota-bar-fill,[data-theme=sakura] .badge-admin{background:linear-gradient(90deg,#e91e8c,#ff6fe8)}[data-theme=sakura] .btn-pick-vods{background:linear-gradient(135deg,#e91e8c,#ad0060,#ff6fe8);box-shadow:0 4px 20px #e91e8c66}[data-theme=sakura] .see-all{color:#e91e8c}[data-theme=sakura] .see-all:hover{color:#ff6fe8}[data-theme=sakura] .modal-panel,[data-theme=sakura] .nav-dropdown{border-color:#e91e8c40}[data-theme=sakura] .nav-dropdown-item:hover{background:#e91e8c26}[data-theme=sakura] .profile-panel{background:linear-gradient(170deg,#160610,#0d0308);border-left-color:#e91e8c33}[data-theme=sakura] .profile-user-row{background:#e91e8c14;border-color:#e91e8c26}[data-theme=sakura] .profile-avatar-lg{border-color:#e91e8c99}[data-theme=sakura] .panel-section-title{color:#e91e8cb3}[data-theme=sakura] .panel-back{color:#e91e8c}[data-theme=sakura] .panel-back:hover{color:#ff6fe8}[data-theme=sakura] .streamer-input:focus{border-color:#e91e8c}[data-theme=sakura] .vp-item:hover{border-color:#e91e8c66;background:#e91e8c12}[data-theme=sakura] .vp-item--selected{border-color:#e91e8c99;background:#e91e8c1f}[data-theme=sakura] .vp-item--selected .vp-check{border-color:#e91e8c;background:linear-gradient(135deg,#e91e8c,#ff6fe8)}[data-theme=sakura] .help-btn{color:#e91e8c!important;border-color:#e91e8c4d!important}[data-theme=sakura] .help-btn:hover{background:#e91e8c2e!important;border-color:#e91e8c99!important}[data-theme=sakura] .help-modal{border-color:#e91e8c33}[data-theme=sakura] .help-header{border-bottom-color:#e91e8c1f;background:#e91e8c0d}[data-theme=sakura] .help-header h2{background:linear-gradient(90deg,#fff,#ff8ecf,#ff6fe8);-webkit-background-clip:text;background-clip:text}[data-theme=sakura] .help-section h3{color:#e91e8c}[data-theme=sakura] .streamer-item:hover{border-color:#e91e8c4d;background:#e91e8c0f}[data-theme=sakura] .notif-badge{background:linear-gradient(135deg,#e91e8c,#ff6fe8)}[data-theme=sakura] .activity-streamer,[data-theme=sakura] .player-streamer{background:linear-gradient(90deg,#e91e8c,#ff6fe8);-webkit-background-clip:text;background-clip:text}[data-theme=sakura] .vod-thumbnail{background:linear-gradient(135deg,#200415,#160610)}[data-theme=sakura] .live-badge{background:linear-gradient(90deg,#ad0060,#e91e8c)}[data-theme=sakura] .settings-modal{border-color:#e91e8c4d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-16px) scale(.9)}}.toast{position:fixed;bottom:2.2rem;left:50%;transform:translate(-50%);z-index:9999;background:#0e0e1cf0;border:1px solid rgba(145,71,255,.35);border-radius:50px;padding:.75rem 1.75rem;color:#e8e8f0;font-size:.95rem;font-weight:600;white-space:nowrap;box-shadow:0 8px 32px #00000080,0 0 0 1px #00d4ff14,0 0 40px #9147ff26;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;animation:toastIn .4s cubic-bezier(.22,1,.36,1) both}.toast--out{animation:toastOut .4s ease forwards}.toast-emoji{margin-right:.5rem;font-size:1.1rem}.theme-card{transition:border-color .2s,transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-5px) scale(1.04)}.btn-pick-vods:hover{transform:translateY(-3px) scale(1.03)}.nav-right{display:flex;align-items:center;gap:.75rem}.hamburger{display:none}.hamburger{background:none;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.4rem .55rem;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:background .2s}.hamburger:hover{background:#9147ff1f}.hamburger span{display:block;width:22px;height:2px;background:#ccc;border-radius:2px;transition:transform .3s,opacity .3s}.hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}.mobile-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(320px,90vw);background:#0a0a14fa;border-left:1px solid rgba(145,71,255,.2);z-index:151;display:flex;flex-direction:column;padding:1rem 0 2rem;overflow-y:auto;box-shadow:-8px 0 40px #0009;animation:slideInRight .28s cubic-bezier(.22,1,.36,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-user-row{display:flex;align-items:center;gap:.9rem;padding:1rem 1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.5rem}.mobile-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.9rem 1.25rem;background:none;border:none;color:#ccc;font-size:.97rem;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;text-decoration:none;transition:background .15s,color .15s,transform .15s}.mobile-nav-item:hover{background:#9147ff1a;color:#fff;transform:translate(4px)}.mobile-notif{position:relative}.mobile-login{margin:.75rem 1rem 0;background:linear-gradient(135deg,#9147ff,#6420c8);border-radius:10px;color:#fff;justify-content:center}.mobile-login:hover{filter:brightness(1.1);transform:none}.mobile-logout{color:#ff7070}.mobile-logout:hover{background:#e03c3c1a;color:#ff9090}@media (max-width: 768px){.hamburger{display:flex}.nav-links--desktop,.nav-user-info--desktop,.nav-logout-desktop{display:none}.navbar{padding:.75rem 1rem}.nav-logo{font-size:1.25rem}.nav-right .btn-purple{font-size:.78rem;padding:.5rem .9rem;border-radius:8px}.home-live-strip{padding:0 1rem}.home-live-card{flex:0 0 140px}.home-live-thumb{width:140px;height:79px}.hero{padding:4rem 1.25rem 3.5rem}.hero-content h1{font-size:clamp(1.8rem,8vw,2.6rem)}.hero-content p{font-size:.97rem}.hero-glow{width:100%}.btn-lg{padding:.85rem 1.5rem;font-size:.95rem}.vod-section{padding:1.75rem 1rem 3rem}.vod-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.profile-panel{width:100vw;border-left:none;border-top:1px solid rgba(145,71,255,.2)}.modal-panel{width:100vw;max-height:90dvh;top:auto;bottom:0;left:0;right:0;transform:none;border-radius:20px 20px 0 0;animation:slideUpMobile .3s cubic-bezier(.22,1,.36,1) both}.modal-overlay.modal-overlay--bottom{align-items:flex-end}.help-modal{width:100vw;max-height:92dvh;top:auto;bottom:0;left:0;right:0;transform:none;border-radius:20px 20px 0 0;animation:slideUpMobile .3s cubic-bezier(.22,1,.36,1) both}.settings-modal{width:100vw;top:auto;bottom:0;left:0;right:0;transform:none;border-radius:20px 20px 0 0;animation:slideUpMobile .3s cubic-bezier(.22,1,.36,1) both}.player-modal{width:100vw;max-height:94dvh;top:auto;bottom:0;left:0;right:0;transform:none;border-radius:16px 16px 0 0;animation:slideUpMobile .3s cubic-bezier(.22,1,.36,1) both}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.theme-grid{grid-template-columns:repeat(3,1fr)}.toast{width:calc(100vw - 2rem);font-size:.85rem;text-align:center;white-space:normal;bottom:1.25rem}.settings-body{padding:1rem}.section-header{flex-wrap:wrap;gap:.5rem}.vod-info{padding:.75rem .9rem .95rem}}@media (max-width: 480px){.hero{padding:3rem 1rem 2.5rem}.hero-actions{flex-direction:column;align-items:center}.btn-lg{width:100%;max-width:300px}.vod-grid{grid-template-columns:1fr 1fr;gap:.75rem}.vod-section{padding:1.25rem .75rem 2.5rem}.theme-grid{grid-template-columns:repeat(3,1fr)}.user-row,.activity-item{padding:.6rem 1rem}.user-profile-panel{width:100vw;border-left:none;border-top:1px solid rgba(145,71,255,.18)}}.chat-panel{position:fixed;top:0;right:0;width:380px;max-width:100vw;height:100vh;background:var(--card-bg, #12121f);border-left:1px solid rgba(145,71,255,.18);z-index:480;display:flex;flex-direction:column;animation:slideInRight .26s cubic-bezier(.22,1,.36,1)}.chat-header{display:flex;align-items:center;gap:.6rem;padding:1rem 1.2rem;border-bottom:1px solid rgba(145,71,255,.15);font-weight:700;font-size:1rem;background:#9147ff12;flex-shrink:0}.chat-header>span{flex:1}.chat-flagged-badge{font-size:.7rem;background:#ff780033;color:#f92;padding:2px 8px;border-radius:20px;font-weight:700}.chat-muted-bar{background:#ff50501a;border-bottom:1px solid rgba(255,80,80,.2);color:#ff8080;font-size:.78rem;padding:.5rem 1.2rem;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:.4rem 0;scrollbar-width:thin;scrollbar-color:rgba(145,71,255,.3) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#9147ff66;border-radius:2px}.chat-msg{display:flex;gap:.6rem;padding:.4rem 1rem;transition:background .12s}.chat-msg:hover{background:#ffffff08}.chat-msg--flagged{background:#ff78000f}.chat-msg--deleted{opacity:.4}.chat-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px;border:1.5px solid rgba(145,71,255,.25);cursor:pointer;transition:border-color .15s}.chat-avatar:hover{border-color:#9147ff99}.chat-msg-body{flex:1;min-width:0}.chat-msg-header{display:flex;align-items:center;gap:.4rem;margin-bottom:2px}.chat-msg-name{font-size:.8rem;font-weight:700;color:#ccc;display:flex;align-items:center;gap:.3rem}.chat-msg-time{font-size:.68rem;color:#55556a;margin-left:auto}.chat-admin-btns{display:flex;gap:.15rem;margin-left:.3rem}.chat-admin-btn{background:none;border:none;cursor:pointer;font-size:.72rem;padding:1px 3px;border-radius:4px;opacity:.45;transition:opacity .15s,background .15s}.chat-admin-btn:hover{opacity:1;background:#ffffff14}.chat-msg-text{font-size:.84rem;color:#dde;word-break:break-word;line-height:1.45}.chat-msg-text--deleted{font-size:.78rem;color:#55556a;font-style:italic}.chat-input-area{flex-shrink:0;padding:.75rem 1rem;border-top:1px solid rgba(145,71,255,.12);background:#00000026}.chat-input-row{display:flex;gap:.5rem;align-items:center}.chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(145,71,255,.2);border-radius:12px;color:#eef;padding:.6rem .9rem;font-size:.85rem;outline:none;transition:border-color .15s;resize:none;line-height:1.45;font-family:inherit;min-height:52px;max-height:120px;overflow-y:auto}.chat-input:focus{border-color:#9147ff8c;box-shadow:0 0 0 2px #9147ff1f}.chat-input:disabled{opacity:.5}.chat-send-btn{padding:.55rem .9rem!important;border-radius:20px!important;font-size:1rem!important;flex-shrink:0}.chat-bot-muted{text-align:center;font-size:.8rem;color:#ff8080;padding:.5rem;background:#ff505014;border-radius:8px}.chat-login-prompt{text-align:center;font-size:.82rem;color:#55556a;padding:.5rem}.chat-nav-btn{position:relative}.notif-badge--flagged{background:#ff9600d9!important;color:#111!important}.mute-picker{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;background:var(--card-bg, #1a1a2e);border:1px solid rgba(145,71,255,.3);border-radius:14px;padding:1.5rem;min-width:220px;text-align:center;animation:fadeIn .15s ease}.mute-picker-title{font-weight:700;font-size:.95rem;margin-bottom:1rem;color:#eef}.mute-picker-btn{display:block;width:100%;background:#9147ff1f;border:1px solid rgba(145,71,255,.2);color:#c4a8ff;border-radius:8px;padding:.55rem 1rem;margin-bottom:.5rem;cursor:pointer;font-size:.88rem;transition:background .15s}.mute-picker-btn:hover{background:#9147ff47}.mute-picker-cancel{background:none;border:none;color:#55556a;cursor:pointer;font-size:.8rem;margin-top:.2rem}.mute-picker-cancel:hover{color:#aaa}@media (max-width: 768px){.chat-panel{width:100vw;border-left:none}}.hero-clock-widget{position:absolute;top:2.2rem;right:3rem;text-align:right;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-clock-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#9147ff8c;margin-bottom:.2rem;font-weight:600}.hero-clock{font-size:2.6rem;font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,#fff 30%,#b97dff 70%,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;font-variant-numeric:tabular-nums}.hero-clock-date{font-size:.72rem;color:#c8c8e666;font-weight:500;margin-top:.3rem;text-transform:capitalize}@media (max-width: 768px){.hero-clock-widget{position:static;text-align:center;margin-top:2rem;pointer-events:auto}.hero-clock{font-size:2rem}}[data-theme=arctic]{--bg: #0d1117;--card-bg: #161b22;--c1: #38bdf8;--c2: #818cf8;--nav-bg: rgba(13,17,23,.88);--border: rgba(56,189,248,.14);--text: #e6edf3;--muted: #8b949e}[data-theme=arctic] .page{background:radial-gradient(ellipse 80% 50% at 20% -5%,rgba(56,189,248,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 95%,rgba(129,140,248,.1) 0%,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(56,189,248,.035) 39px,rgba(56,189,248,.035) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(56,189,248,.035) 39px,rgba(56,189,248,.035) 40px),#0d1117}[data-theme=arctic] .navbar{background:#0d1117bf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(56,189,248,.12);box-shadow:0 1px #38bdf80f}[data-theme=arctic] .nav-logo{color:#38bdf8}[data-theme=arctic] .nav-logo span{color:#818cf8}[data-theme=arctic] .nav-link-btn{color:#8b949e}[data-theme=arctic] .nav-link-btn:hover{color:#38bdf8;background:#38bdf814}[data-theme=arctic] .hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:7rem 4rem 6rem;text-align:left}[data-theme=arctic] .hero:before{background-image:linear-gradient(rgba(56,189,248,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.05) 1px,transparent 1px)}[data-theme=arctic] .hero-content{max-width:100%;margin:0}[data-theme=arctic] .hero-content h1{font-size:clamp(2.2rem,4.5vw,3.6rem);background:linear-gradient(135deg,#e6edf3 10%,#38bdf8 55%,#818cf8 90%);-webkit-background-clip:text;background-clip:text}[data-theme=arctic] .hero-content p{color:#8b949e;margin-left:0;margin-right:0}[data-theme=arctic] .hero-actions{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:.85rem}[data-theme=arctic] .hero-actions .btn-purple{background:linear-gradient(135deg,#38bdf8,#818cf8);border:none;color:#0d1117;font-weight:800;border-radius:10px;padding:.85rem 2rem;box-shadow:0 4px 24px #38bdf840;width:100%;max-width:280px}[data-theme=arctic] .hero-actions .btn-purple:hover{transform:translateY(-2px);box-shadow:0 8px 32px #38bdf859;filter:brightness(1.08)}[data-theme=arctic] .hero-actions .btn-outline{border-color:#38bdf859;color:#38bdf8;border-radius:10px;padding:.85rem 2rem;width:100%;max-width:280px}[data-theme=arctic] .hero-actions .btn-outline:hover{background:#38bdf81a;border-color:#38bdf899}[data-theme=arctic] .hero-clock-widget{position:static;text-align:center;grid-column:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#161b22cc;border:1px solid rgba(56,189,248,.15);border-radius:24px;padding:3rem 2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px #38bdf80f,0 8px 40px #00000059,inset 0 1px #ffffff0a;pointer-events:auto}[data-theme=arctic] .hero-clock-label{color:#38bdf899;font-size:.65rem;letter-spacing:.22em}[data-theme=arctic] .hero-clock{font-size:4rem;background:linear-gradient(135deg,#e6edf3 20%,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;margin:.5rem 0}[data-theme=arctic] .hero-clock-date{color:#8b949eb3;font-size:.82rem}[data-theme=arctic] .hero-glow{display:none}[data-theme=arctic] .vod-card{background:#161b22;border:1px solid rgba(56,189,248,.1);border-radius:12px}[data-theme=arctic] .vod-card:hover{border-color:#38bdf84d;box-shadow:0 4px 24px #38bdf81a}[data-theme=arctic] .section-header h2{background:linear-gradient(90deg,#e6edf3,#38bdf8);-webkit-background-clip:text;background-clip:text}[data-theme=arctic] .section-header{border-bottom-color:#38bdf81f}[data-theme=arctic] .navbar .notif-badge{background:#38bdf8;color:#0d1117}[data-theme=arctic] .btn-purple{background:linear-gradient(135deg,#38bdf8,#818cf8);color:#0d1117}[data-theme=arctic] .see-all{color:#38bdf8}[data-theme=arctic] .see-all:hover{color:#818cf8}@media (max-width: 900px){[data-theme=arctic] .hero{grid-template-columns:1fr;text-align:center;padding:5rem 2rem 4rem}[data-theme=arctic] .hero-actions{align-items:center}[data-theme=arctic] .hero-clock-widget{grid-column:1}}.vod-search{display:block;width:100%;max-width:480px;margin:0 auto 1.5rem;padding:.6rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--text-primary, #e8e8f0);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.vod-search:focus{border-color:#9147ff80;box-shadow:0 0 0 2px #9147ff1f}.vod-card-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .2s;z-index:10}.vod-card:hover .vod-card-actions,.vod-card:focus-within .vod-card-actions{opacity:1}.vod-action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#0a0a12d1;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e8e8f0;font-size:.9rem;cursor:pointer;text-decoration:none;transition:background .15s,transform .1s}.vod-action-btn:hover{background:#9147ff66;transform:scale(1.1)}.vod-action-btn--active{color:#f5c842;border-color:#f5c842}.vod-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.reaction-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:999px;font-size:.78rem;color:var(--text-secondary, #a0a0b8);cursor:pointer;transition:background .15s,border-color .15s}.reaction-btn:hover{background:#9147ff2e;border-color:#9147ff59}.reaction-btn--mine{background:#9147ff38;border-color:#9147ff80;color:#c8a8ff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.stats-card{background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:1.2rem 1rem;text-align:center}.stats-num{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#9147ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.4rem}.stats-label{font-size:.8rem;color:var(--text-secondary, #a0a0b8)}.stats-section{margin-bottom:2rem}.stats-section h3{margin:0 0 .8rem;font-size:1rem;color:var(--text-secondary, #a0a0b8);text-transform:uppercase;letter-spacing:.05em}.stats-list{display:flex;flex-direction:column;gap:6px}.stats-list-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;background:#ffffff0a;border-radius:8px;font-size:.9rem}.stats-list-count{font-size:.8rem;color:var(--text-secondary, #a0a0b8)}.stats-bars{display:flex;flex-direction:column;gap:6px}.stats-bar-row{display:flex;align-items:center;gap:8px;font-size:.8rem}.stats-bar-label{width:70px;text-align:right;color:var(--text-secondary, #a0a0b8);flex-shrink:0}.stats-bar-track{flex:1;height:10px;background:#ffffff12;border-radius:999px;overflow:hidden}.stats-bar-fill{height:100%;background:linear-gradient(90deg,#9147ff,#00d4ff);border-radius:999px;transition:width .6s ease}.stats-bar-val{width:28px;font-size:.75rem;color:var(--text-secondary, #a0a0b8);flex-shrink:0}.comments-panel{right:3.5rem}@media (max-width: 600px){.comments-panel{right:0}}.chat-msg--deleted{opacity:.45}.playlist-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.55rem .8rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.9rem}.playlist-row:last-child{border-bottom:none}.playlist-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.playlist-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-count{font-size:.75rem;color:var(--text-secondary, #a0a0b8)}.playlist-row-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}