/* Neon Purple: sidebar dashboard on home, theater stage on watch. */
:root{--bg:#0b0a16;--header:#111022;--card:#17142b;--text:#f2eeff;--text2:#a99cce;--line:#2a2247;--search:#201a36;--yellow:#b66aff;--neon:#b66aff;--neon2:#7546f0}
html,body{background:#0b0a16;color:#f2eeff}
body.neon-home{background:radial-gradient(ellipse at 95% 0,#261442 0,transparent 40%),#0b0a16}
.neon-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}
.neon-sidebar{background:#110e21;border-right:1px solid #30224c;display:flex;flex-direction:column;gap:6px;padding:28px 18px;position:sticky;top:0;height:100vh;overflow-y:auto}
.neon-brand{display:block;padding:0 10px 27px;border-bottom:1px solid #2b2442;margin-bottom:23px}.neon-brand img{width:155px;height:auto;display:block}
.neon-side-label{color:#817399;font-size:10px;font-weight:800;letter-spacing:.17em;margin:8px 11px 12px}
.neon-side-link{display:flex;align-items:center;gap:13px;padding:13px 15px;color:#c8bcdd;text-decoration:none;font-size:14px;font-weight:650;border-radius:12px}
.neon-side-link:hover,.neon-side-link.is-active{background:#332052;color:#fff}
.neon-side-icon{font-size:18px;color:#d39aff;width:23px;text-align:center}
.neon-sidebar .category-bar{display:block;width:100%;min-width:0;flex:unset;padding:0;margin:0;background:none;border:0}
.neon-sidebar .category-filters{display:flex;flex-direction:column;align-items:stretch;gap:4px;max-height:none;overflow:visible}
.neon-sidebar .category-chip{display:block;width:100%;text-align:left;border:0;border-radius:10px;padding:10px 13px;background:transparent;color:#bcb0d2;white-space:normal;overflow-wrap:anywhere;font-size:12px}
.neon-sidebar .category-chip:hover,.neon-sidebar .category-chip.active{background:#40245f;color:#fff;border:0}
.neon-sidebar .category-dropdown-wrap{display:block;width:100%;margin-top:10px}
.neon-sidebar .category-dropdown{width:100%;max-width:100%;background:#211936;border:1px solid #463263;border-radius:10px;color:#e8dafa;padding:11px 12px;font-size:12px}
.neon-side-bottom{margin-top:auto;padding:20px 10px 0;color:#9687b0;font-size:11px;line-height:1.5}.neon-status-dot,.neon-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ba79ff;box-shadow:0 0 12px #b66aff;margin-right:6px}
.neon-main-area{min-width:0}.neon-topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 40px;border-bottom:1px solid #29223d;background:#0e0b1bdb;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}
.neon-topbar-left{display:flex;gap:13px;align-items:center;font-size:14px}.neon-kicker{font-size:10px;color:#a793c8;letter-spacing:.16em;font-weight:800}.neon-topbar-separator{color:#4c3d6c}
.neon-topbar .search-box{width:min(340px,42vw);flex:0 1 340px}.neon-topbar .search-box input,.neon-watch-header .search-box input{background:#211a35;border:1px solid #493568;border-radius:11px;color:#f7f1ff;height:43px;padding:0 15px;width:100%}
.neon-content{max-width:1550px;margin:auto;padding:40px 40px 65px}
.neon-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 0 30px}.neon-overline{color:#b988ff;font-size:11px;letter-spacing:.19em;font-weight:800}.neon-heading h1{font-size:clamp(29px,3.3vw,49px);letter-spacing:-.055em;line-height:1.12;margin:10px 0}.neon-purple-dot{color:#c17aff}.neon-heading p{font-size:14px;color:#a89bbb}.neon-heading-symbol{width:80px;height:80px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(140deg,#5d338c,#231b46);font-size:46px;color:#e7bbff;transform:rotate(10deg);border:1px solid #7c4bb0}
.neon-feature-stripe{position:relative;overflow:hidden;display:flex;align-items:center;gap:19px;border:1px solid #58317c;background:linear-gradient(105deg,#31204f,#1a1531 80%);border-radius:18px;padding:22px 25px;margin-bottom:39px}.neon-feature-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#7742ae;color:#fff;flex-shrink:0}.neon-feature-stripe strong,.neon-feature-stripe div span{display:block}.neon-feature-stripe strong{font-size:17px}.neon-feature-stripe div span{color:#bca9d3;font-size:12px;margin-top:5px}.neon-feature-glow{margin-left:auto;font-size:38px;color:#c78dff}
.neon-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.neon-library-heading h2{font-size:23px;letter-spacing:-.03em}.neon-library-heading span{font-size:10px;color:#9c87b8;letter-spacing:.16em}
.neon-home .video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.neon-home .video-card{background:#17132b;border:1px solid #34254d;border-radius:17px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.neon-home .video-card:hover{border-color:#a265ed;box-shadow:0 9px 35px #10051b;transform:translateY(-3px)}.neon-home .thumb-box{border-radius:0}.neon-home .video-card .meta{padding:14px}.neon-home .video-card .title{font-size:14px}.neon-home .video-card .views{color:#a99abb}
.neon-home .video-pagination button{background:#271b42!important;border-color:#583d79!important;border-radius:10px!important}
/* Watch layout: wide standalone stage, detail row, then two discovery columns underneath. */
body.neon-watch{background:radial-gradient(ellipse at 50% -15%,#271447,transparent 60%),#0b0a16}
.neon-watch-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(24px,calc((100vw - 1500px)/2));background:#110e21;border-bottom:1px solid #35234e;position:sticky;top:0;z-index:50;min-height:76px}
.neon-watch-brand img{width:155px;height:auto;display:block}.neon-watch-nav{display:flex;align-items:center;gap:9px;font-size:12px;color:#8f80a9}.neon-watch-nav a{color:#d3b1ff;text-decoration:none}.neon-watch-header .search-box{width:min(310px,32vw)}
.neon-watch-layout{max-width:1500px;margin:0 auto;padding:35px 28px 70px}.neon-watch-label{display:flex;align-items:center;gap:5px;color:#c8a0f8;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:15px}.neon-watch-label-right{margin-left:auto;color:#75648c}
.neon-player-stage{background:#100b1e;padding:16px;border:1px solid #493267;border-radius:22px;box-shadow:0 28px 80px #04020a}.neon-player-stage .player-box{width:100%;aspect-ratio:16/8.3;border-radius:13px;background:#000;overflow:hidden}.neon-player-stage #videoPlayer{height:100%}
.neon-watch-details{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:22px;padding:23px 26px;background:#19132c;border:1px solid #392851;border-radius:17px}.neon-watch-details .video-info{margin:0}.neon-watch-details #videoTitle{font-size:clamp(19px,2.3vw,28px)}.neon-watch-details #videoViews{color:#a79abb}.neon-watch-details .video-toolbar{margin:0;justify-content:flex-end}.neon-watch-details .tool-btn{background:#33244e;border:1px solid #59387d;border-radius:11px}.neon-watch-details .tool-btn.active{background:#9d58e8;color:#fff}
.neon-discovery{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:26px;margin-top:43px;align-items:start}.neon-discovery-main,.neon-discovery-aside{min-width:0}.neon-discovery .related-section{margin:0}.neon-discovery .related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.neon-discovery .related-card{background:#18132b;border:1px solid #34254d;border-radius:13px}.neon-discovery .sidebar-section{background:#18132b;border:1px solid #392852;border-radius:16px;padding:19px}.neon-discovery .sidebar-list{gap:7px}.neon-discovery .side-card{border-bottom:1px solid #2f2444;border-radius:8px}.neon-discovery .side-card:hover{background:#2b1b43}.neon-discovery .side-thumb-box{width:120px}.neon-discovery .sidebar-heading,.neon-discovery .related-heading{font-size:20px;margin-bottom:18px}.neon-watch .spinner{border-top-color:#ba7aff}
@media(max-width:1180px){.neon-shell{grid-template-columns:210px minmax(0,1fr)}.neon-home .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neon-content{padding:30px 25px 50px}.neon-topbar{padding:0 25px}.neon-discovery{grid-template-columns:1fr}.neon-discovery .related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.neon-shell{display:block}.neon-sidebar{position:relative;height:auto;padding:12px 15px;overflow:visible;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.neon-brand{border:0;margin:0;padding:0 8px 0 0}.neon-brand img{width:110px}.neon-side-label,.neon-side-link,.neon-side-bottom{display:none}.neon-sidebar .category-bar{flex:1 0 100%;display:flex;align-items:center;gap:7px}.neon-sidebar .category-filters{flex-direction:row;flex:1;flex-wrap:nowrap;overflow-x:auto;max-width:none}.neon-sidebar .category-chip{white-space:nowrap;width:auto;padding:8px 10px}.neon-sidebar .category-dropdown-wrap{width:auto;margin:0}.neon-sidebar .category-dropdown{width:116px;max-width:116px}.neon-topbar{height:65px;padding:0 15px}.neon-topbar-left{display:none}.neon-topbar .search-box{width:100%;flex:1}.neon-content{padding:25px 15px 45px}.neon-heading-symbol{display:none}.neon-heading{padding-bottom:20px}.neon-feature-stripe{padding:16px;margin-bottom:28px}.neon-home .video-grid{gap:12px}.neon-watch-header{padding:12px 14px;gap:12px;flex-wrap:wrap}.neon-watch-brand img{width:115px}.neon-watch-nav{display:none}.neon-watch-header .search-box{width:50%;flex:1}.neon-watch-layout{padding:22px 13px 45px}.neon-player-stage{padding:7px;border-radius:13px}.neon-player-stage .player-box{aspect-ratio:16/9}.neon-watch-details{grid-template-columns:1fr;padding:17px;gap:16px}.neon-watch-details .video-toolbar{justify-content:flex-start}.neon-discovery{gap:25px;margin-top:30px}.neon-discovery .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.neon-watch-label-right{display:none}}
@media(max-width:440px){.neon-heading h1{font-size:29px}.neon-feature-glow{display:none}.neon-home .video-card .meta{padding:9px}.neon-home .video-card .title{font-size:12px}.neon-watch-details .tool-btn{min-width:0;flex:1;padding:0 9px;font-size:12px}}