:root{color-scheme:dark;--bg:#080b12;--panel:#111622;--panel2:#161d2b;--text:#f4f6fb;--muted:#8e98ad;--line:#252d3d;--accent:#8b5cf6;--accent2:#a78bfa;--green:#42e8a4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 2%,#21153b 0,transparent 32%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.app-shell{max-width:1440px;margin:auto;padding:0 5.3%}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0b}.brand{display:flex;align-items:center;gap:11px;color:var(--text);font-weight:850;letter-spacing:.12em;text-decoration:none;font-size:14px}.brand-mark{width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#a78bfa,#6d28d9);display:grid;place-items:center;color:white;box-shadow:0 5px 24px #8b5cf633}.brand-light{color:#9ca6bc;font-weight:600}.top-actions{display:flex;gap:10px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:13px;transition:transform .15s,background .15s,border-color .15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#9b7bff,#7543e7);color:#fff;box-shadow:0 8px 24px #7c3aed2b}.btn-quiet{background:#ffffff08;border-color:#ffffff10;color:#c9d0df}.btn-quiet:hover,.btn-outline:hover{background:#ffffff12}.btn-outline{background:transparent;border-color:#ffffff2b;color:#f4f6fb}.btn-large{padding:14px 20px;border-radius:12px;font-size:14px}.hero{min-height:430px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:30px;padding:54px 0 48px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#c3b2ff;display:flex;align-items:center;gap:9px}.eyebrow.muted{color:#77839a}.live-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #42e8a466;flex-shrink:0}.hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.03;letter-spacing:-.055em;margin:18px 0 16px;font-weight:850}.hero h1 span{color:#a78bfa}.hero p{max-width:440px;color:#9ca6ba;font-size:15px;margin:0 0 25px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.safe-note{font-size:11px;color:#737f94;margin-top:18px;display:flex;gap:8px;align-items:center}.hero-art{height:300px;position:relative;display:grid;place-items:center;isolation:isolate}.orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.orb-a{width:280px;height:280px;background:radial-gradient(circle,#8b5cf62c,transparent 68%);right:3%;top:-8%}.orb-b{width:210px;height:210px;background:radial-gradient(circle,#18c7a41c,transparent 70%);left:4%;bottom:-3%}.screen-card{width:min(100%,410px);border:1px solid #ffffff20;border-radius:20px;padding:11px;background:linear-gradient(145deg,#25263a,#111622 62%);box-shadow:0 25px 80px #0008;transform:perspective(900px) rotateY(-8deg) rotateX(3deg)}.screen-top{display:flex;align-items:center;gap:5px;padding:3px 5px 10px}.screen-top>span{width:6px;height:6px;border-radius:50%;background:#4b5265}.screen-top i{margin-left:auto;font-size:9px;font-style:normal;letter-spacing:.1em;color:#ffb2c2;background:#ff4d751c;padding:4px 8px;border-radius:6px}.screen-image{height:168px;border-radius:12px;background:linear-gradient(120deg,#32224f,#181d38 40%,#244a55);display:grid;place-items:center;position:relative;overflow:hidden}.screen-image:before,.screen-image:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid #ffffff18;right:-20px;top:-55px}.screen-image:after{width:240px;height:240px;right:35px;top:45px}.play-big{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;backdrop-filter:blur(10px);border:1px solid #ffffff40;font-size:16px;padding-left:3px;z-index:1}.screen-lines{position:absolute;bottom:15px;left:15px;display:flex;gap:5px;align-items:end}.screen-lines b{width:4px;height:13px;background:#b7a0ff;border-radius:4px}.screen-lines b:nth-child(2){height:21px}.screen-lines b:nth-child(3){height:9px}.screen-bottom{display:flex;align-items:center;gap:10px;padding:13px 4px 4px}.screen-avatar{width:36px;height:36px;border-radius:10px;background:#8b5cf62c;color:#c8b7ff;display:grid;place-items:center;font-weight:800;font-size:11px}.screen-bottom strong,.screen-bottom small{display:block}.screen-bottom strong{font-size:12px}.screen-bottom small{font-size:10px;color:#8490a6;margin-top:2px}.screen-eq{margin-left:auto;color:#9d83ff;letter-spacing:2px;font-size:12px}.floating-pill,.floating-mini{position:absolute;border:1px solid #ffffff20;background:#171c2bd9;box-shadow:0 10px 35px #0005;backdrop-filter:blur(12px);border-radius:12px;padding:11px 14px;font-size:10px;letter-spacing:.08em;font-weight:800;display:flex;align-items:center;gap:8px}.floating-pill{left:-1%;bottom:37px}.floating-mini{right:-1%;top:36px;color:#cbbdff;font-size:15px}.floating-mini small{font-size:8px;color:#929db3}.content-section{padding:18px 0 70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:26px;letter-spacing:-.04em;margin:5px 0 0}.stats{font-size:12px;color:#8490a6}.stats span{color:#f5f6fa;font-weight:800}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{background:transparent;color:#8490a6;border:0;border-bottom:2px solid transparent;padding:13px 16px;font-size:13px;font-weight:700;white-space:nowrap}.tab.active{color:#d5c8ff;border-bottom-color:#9b7bff}.toolbar{display:flex;gap:10px;margin:20px 0 24px}.search-box{display:flex;align-items:center;gap:10px;flex:1;min-width:130px;background:#111622;border:1px solid #252d3d;border-radius:10px;padding:0 13px;color:#8490a6}.search-box span{font-size:24px}.search-box input{width:100%;min-width:0;background:transparent;border:0;outline:none;color:#f4f6fb;padding:12px 0;font-size:13px}.search-box input::placeholder{color:#68748b}select,.text-field{background:#111622;color:#dce1ed;border:1px solid #252d3d;border-radius:10px;padding:11px 13px;min-width:170px;font-size:13px}.items-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.item-card{min-width:0;background:linear-gradient(145deg,#151b29,#0f131d);border:1px solid #242b3a;border-radius:13px;overflow:hidden;cursor:pointer;transition:transform .18s,border-color .18s}.item-card:hover{transform:translateY(-3px);border-color:#7560ba}.poster{height:130px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 25% 20%,#47366a,#171c2d 72%);overflow:hidden}.poster:before{content:"";position:absolute;width:140px;height:140px;border:1px solid #ffffff10;border-radius:50%;right:-40px;top:-60px}.poster img{width:100%;height:100%;object-fit:contain;padding:22px;position:relative;z-index:1}.poster-placeholder{width:48px;height:48px;border:1px solid #ffffff25;border-radius:15px;background:#ffffff0b;display:grid;place-items:center;font-weight:850;font-size:17px;color:#d2c5ff}.card-live{position:absolute;left:9px;top:9px;background:#ff416b;color:white;border-radius:5px;font-size:8px;font-weight:900;letter-spacing:.08em;padding:4px 6px}.fav-btn{position:absolute;right:8px;top:7px;width:28px;height:28px;border:1px solid #ffffff20;background:#090c15a8;border-radius:8px;color:#c3cada;font-size:15px;z-index:2}.fav-btn.is-fav{color:#ff6b91}.card-info{padding:12px}.card-title{font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:10px;color:#7f8ba2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state,.no-results{padding:54px 20px;text-align:center;border:1px dashed #2b3344;border-radius:16px;background:#ffffff03}.empty-icon{width:52px;height:52px;border-radius:15px;background:#8b5cf61b;color:#b8a3ff;display:grid;place-items:center;font-size:24px;margin:0 auto 15px}.empty-state h3{margin:0 0 7px;font-size:18px}.empty-state p{margin:0 0 20px;color:#8490a6;font-size:13px}.no-results{color:#929db2;font-size:13px}footer{border-top:1px solid #ffffff0b;display:flex;justify-content:space-between;gap:16px;padding:24px 0 30px;color:#657086;font-size:10px;letter-spacing:.03em}footer span:first-child{font-weight:900;letter-spacing:.16em;color:#8993a8}.dialog,.player-dialog{border:1px solid #333c50;border-radius:18px;padding:0;background:#101521;color:var(--text);width:min(540px,calc(100% - 28px));box-shadow:0 25px 100px #000b}.dialog::backdrop,.player-dialog::backdrop{background:#03050bd9;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 12px}.dialog-head h2{font-size:23px;letter-spacing:-.04em;margin:5px 0}.icon-btn{width:35px;height:35px;border-radius:10px;border:1px solid #ffffff14;background:#ffffff08;color:#d8ddeb;font-size:15px}.dialog-body{padding:0 24px 24px}.dialog-intro,.fine-print{font-size:12px;line-height:1.65;color:#8e9ab0}.field-label{display:block;font-size:12px;font-weight:750;margin:18px 0 8px}.text-field{width:100%;min-width:0;padding:13px}.field-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.status{min-height:20px;font-size:12px;color:#9cabc2;margin-top:10px;overflow-wrap:anywhere}.status.error{color:#ff8ca3}.status.success{color:#63e6b0}.separator{display:flex;align-items:center;gap:10px;color:#68748a;font-size:11px;margin:20px 0}.separator:before,.separator:after{content:"";height:1px;background:#283043;flex:1}.file-input{padding:9px}.player-dialog{width:min(1050px,calc(100% - 20px));padding:14px}.player-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;font-size:10px;letter-spacing:.12em;font-weight:800;color:#a7b2c7}.player-top>div{display:flex;align-items:center;gap:9px}.player-dialog video{display:block;width:100%;max-height:68vh;aspect-ratio:16/9;background:#020308;border-radius:10px;object-fit:contain}.player-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px 0}.player-meta h2{font-size:18px;margin:0}.player-meta p{font-size:11px;color:#8995aa;margin:3px 0}.player-hint{margin:6px 2px 2px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#242b3b;border:1px solid #ffffff1c;color:#f3f5fa;padding:12px 17px;border-radius:12px;font-size:12px;box-shadow:0 12px 35px #0008;transition:.25s;max-width:calc(100% - 30px);z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:1000px){.items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1fr .8fr}.hero-art{transform:scale(.9)}}@media(max-width:760px){.app-shell{padding:0 18px}.topbar{height:68px}.top-actions .btn-quiet{display:none}.hero{grid-template-columns:1fr;min-height:0;padding:45px 0 30px}.hero h1{font-size:52px}.hero-art{height:240px;margin-top:8px;transform:none}.screen-card{width:min(90%,390px)}.screen-image{height:135px}.floating-pill{left:0;bottom:15px}.floating-mini{right:0;top:12px}.content-section{padding-top:18px}.section-heading h2{font-size:22px}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%}.toolbar select{flex:1;min-width:0}.items-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.poster{height:105px}.poster img{padding:17px}.card-info{padding:9px}.card-title{font-size:11px}.card-subtitle{font-size:9px}.tab{padding:12px 13px}footer{flex-direction:column;gap:6px}}@media(max-width:440px){.brand{font-size:12px}.brand-mark{width:31px;height:31px}.top-actions .btn-primary{padding:9px 11px;font-size:11px}.hero h1{font-size:45px}.hero p{font-size:14px}.hero-actions .btn{flex:1}.hero-art{height:210px}.screen-image{height:115px}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.poster{height:120px}.section-heading{align-items:center}.stats{font-size:10px}.dialog-head{padding:18px 18px 10px}.dialog-body{padding:0 18px 20px}.player-meta h2{font-size:15px}.player-meta .btn{padding:8px 10px;font-size:11px}}

.load-more{display:flex;margin:22px auto 0}.load-more[hidden]{display:none!important}

#loadVodBtn{white-space:nowrap}.toolbar{flex-wrap:wrap}