:root{--bg:#060b1c;--panel:#0c1730;--line:#223b68;--text:#f2f5ff;--muted:#a2b5d3;--blue:#1479ff;--purple:#9b3cff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#1d2360 0,transparent 38%),var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.wrap{max-width:1450px;margin:auto;padding:0 26px}.top{background:#070f22f0;border-bottom:1px solid #244479;position:sticky;top:0;z-index:20;backdrop-filter:blur(15px)}.top-inner{display:flex;align-items:center;gap:25px;min-height:78px}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:950;letter-spacing:-.04em;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border:2px solid #2c94ff;border-radius:12px;color:#7ed7ff;transform:skew(-7deg);box-shadow:0 0 15px #1d5edc}.brand em{color:#d65bff;font-style:italic;text-shadow:0 0 15px #a536ef}.brand small{display:block;font-size:9px;color:#92acd5;letter-spacing:.16em;font-weight:500}.nav{display:flex;gap:19px;flex:1}.nav a{color:#c0cee5;font-size:13px}.nav a:hover,.section-head a{color:#6aafff}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions form{margin:0}.btn{border:1px solid #385483;border-radius:8px;padding:10px 16px;background:#142443;color:white;display:inline-block;font-size:13px;font-weight:750}.btn.primary{background:linear-gradient(100deg,#0869f0,#8336dd);border-color:#377afc}.btn.ghost{background:#111e3b}.btn.big{padding:14px 20px}.btn.full{width:100%}.btn:hover:not(:disabled){filter:brightness(1.18)}.btn:disabled{opacity:.55;cursor:not-allowed}.hero{margin-top:28px;border:1px solid #294879;border-radius:18px;min-height:380px;background:radial-gradient(circle at 75% 20%,#6122b855,transparent 45%),linear-gradient(120deg,#122c5b,#0a1023);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:48px}.kicker{color:#7bbcff;font-size:11px;letter-spacing:.18em;font-weight:900}.hero h1{font-size:clamp(39px,5vw,69px);line-height:1.08;letter-spacing:-.05em;margin:12px 0}.hero h1 span{color:#bf63ff}.hero p{color:#c5d4f0;max-width:520px;font-size:16px}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.hero-visual{min-height:270px;border-radius:20px;background:radial-gradient(circle,#273b9e 0,#26175a 42%,#0c1536 75%);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #4956a8;box-shadow:0 0 60px #5035ba55;text-align:center}.hero-emblem{font-size:100px;font-weight:1000;line-height:1.1;font-style:italic;color:#9cdaff;text-shadow:0 0 22px #1175ff,5px 5px 0 #5432d1}.hero-visual b{font-size:23px;font-style:italic}.hero-visual em{color:#e368ff}.hero-visual span{font-size:10px;color:#a8bff2;letter-spacing:.2em}section{margin:36px 0}h2{font-size:24px;margin:0 0 16px}.section-head{display:flex;align-items:center;justify-content:space-between}.category-row{display:flex;gap:11px;flex-wrap:wrap}.category{padding:13px 18px;border-radius:10px;background:linear-gradient(135deg,#192a5a,#271449);border:1px solid #344b88;font-weight:750}.category span{color:#91a8ff}.stream-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stream-card,.panel,.stat{background:linear-gradient(145deg,#101e3b,#0b1329);border:1px solid #29426e;border-radius:13px;overflow:hidden}.stream-card:hover{border-color:#668dff;transform:translateY(-2px)}.thumb{height:154px;background:radial-gradient(circle at 30% 20%,#923dc9,#1c3e86 55%,#0c1530);position:relative;display:grid;place-items:center}.stream-card:nth-child(3n+2) .thumb{background:radial-gradient(circle at 70% 20%,#e14593,#303f9d 55%,#0c1530)}.thumb-logo{font-size:55px;font-weight:1000;color:#ffffff33;font-style:italic}.live,.viewers{position:absolute;font-size:11px;font-weight:850;padding:3px 8px;border-radius:5px;background:#ee2f5e;top:10px;left:10px}.viewers{top:auto;left:auto;bottom:10px;right:10px;background:#060b19c9}.card-content{padding:15px}.card-content p{color:var(--muted);margin:3px 0 9px;font-size:13px}.tag{background:#1c3770;border-radius:5px;padding:3px 8px;font-size:11px;color:#aed4ff}.empty{padding:32px;border:1px dashed #385183;background:#0c1934;border-radius:13px;color:var(--muted)}.page-title{margin:44px 0 25px}.page-title h1{font-size:40px;margin:6px 0}.page-title p,.muted{color:var(--muted)}.search{display:flex;gap:10px;margin:22px 0}.search input,.search select,.auth input,.chat input{background:#0d1b38;border:1px solid #35517f;border-radius:8px;color:white;padding:12px;min-width:0}.search input{flex:1}.panel{padding:22px}.watch-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(300px,1fr);gap:16px}.video{aspect-ratio:16/9;background:radial-gradient(circle at 50% 45%,#42217a,#081327 65%);border:1px solid #365b92;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.video .live{top:16px;left:16px}.video .play{font-size:64px;color:#a5c9ff}.video p{color:#aabde2}.chat{display:flex;flex-direction:column}.chat h2{display:flex;justify-content:space-between}.chat-messages{height:320px;overflow-y:auto;flex:1}.chat-messages p{font-size:13px}.chat-messages b{color:#c27aff}.chat form{display:flex;gap:7px}.chat input{width:100%}.chat small{color:#96a9c7;margin-top:10px}.auth{max-width:470px;margin:65px auto}.auth h1{margin:10px 0}.auth label{display:block;margin:16px 0}.auth input{width:100%;display:block;margin-top:6px}.auth p a{color:#79afff}.error{background:#541c39;border:1px solid #a8325c;padding:10px;margin:9px 0;border-radius:8px}.notice{padding:15px;background:#11234a;border-left:3px solid #3d8cff;border-radius:7px;margin:15px 0;color:#b9cff0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0}.stat{padding:20px}.stat strong{display:block;font-size:26px}.stat span{color:#a4b8d7;font-size:12px}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.footer{border-top:1px solid #29426e;margin-top:65px;padding:25px 0;color:#8eabd0}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1050px){.nav{display:none}.hero{grid-template-columns:1fr}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-grid,.admin-grid{grid-template-columns:1fr}}@media(max-width:650px){.wrap{padding:0 15px}.top-inner{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{font-size:16px}.nav-actions{margin-left:auto}.hero{padding:26px;min-height:auto}.hero-visual{min-height:190px}.hero-emblem{font-size:64px}.stream-grid,.stat-grid{grid-template-columns:1fr}.search{flex-direction:column}.footer .wrap{flex-direction:column}.page-title h1{font-size:30px}}
/* Phase 1 approved mockup visual system */
:root{--bg:#020917;--panel:#07142a;--line:#1455a3;--text:#f7faff;--muted:#a8bddc;--blue:#076cf9;--purple:#a122e9}
body{background:#020917;color:#f7faff;font-family:Inter,'Segoe UI',system-ui,sans-serif}
.wrap{max-width:1510px;padding:0 18px}.top{background:#020b1df5;border-color:#07509c;box-shadow:0 0 20px #0755bc33}.top-inner{min-height:61px;gap:17px}.brand{font-size:12px;min-width:158px;gap:8px;letter-spacing:-.01em}.brand-icon{height:35px;width:36px;border:2px solid #188bff;border-radius:2px;transform:skew(-12deg);font-size:16px;color:#48baff;box-shadow:0 0 13px #1275ff66}.brand em{color:#da6bff}.brand small{font-size:7px;letter-spacing:.04em}.nav{gap:16px}.nav a{font-size:11px;color:#e0eaff}.nav a:hover{color:#52b3ff}.header-search{display:flex;align-items:center;max-width:260px;flex:1;border:1px solid #244b80;border-radius:6px;background:#09152b}.header-search input{width:100%;min-width:0;background:none;border:0;outline:0;color:#f2f6ff;padding:9px;font-size:10px}.header-search button{border:0;background:none;color:#c4d6ff;padding:0 10px;font-size:19px}.nav-actions .btn{padding:8px 11px;font-size:11px}.btn{border-radius:5px}.btn.primary{background:#0871f9;border-color:#168dff;box-shadow:0 0 15px #076cf977}.btn.purple{background:linear-gradient(110deg,#7b16dd,#b324e9);border:1px solid #aa36f5;box-shadow:0 0 17px #9123ec66}.btn.ghost{background:#0a1933}.home-hero{position:relative;min-height:380px;margin:15px 0 0;border:1px solid #1167ce;border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(90deg,#03091b66,#03091b44),url('streaming-studio.png') center 48%/cover no-repeat}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#02091d8c 5%,#020a1d33 65%,transparent),linear-gradient(0deg,#030b20f2,transparent 27%)}.hero-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.hero-logo{width:min(540px,65vw);height:245px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 20px #1057ed66)}.hero-center h1{font-size:16px;letter-spacing:.055em;margin:-5px 0 0;text-shadow:0 0 15px #010a18}.hero-center p{font-size:10px;letter-spacing:.1em;color:#e4efff;margin:3px 0 0}.hero-buttons{display:flex;gap:11px;margin-top:14px}.hero-buttons .btn{min-width:155px;padding:10px 15px;font-size:11px}.home-category-strip{margin:0 0 20px;background:#040e24;border:1px solid #1167ce;border-top:0;border-radius:0 0 10px 10px;padding:11px 18px 15px}.category-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:69px;padding:6px;border:1px solid #175ed5;border-radius:7px;background:radial-gradient(ellipse at 50% 0,#273c9d,#081535 80%);box-shadow:inset 0 0 15px #1263ed44;text-align:center;font-size:11px}.category:nth-child(even){border-color:#8431d4;background:radial-gradient(ellipse at 50% 0,#4e218f,#10102d 80%)}.category:hover{transform:translateY(-3px);box-shadow:0 0 17px #1e80ff99}.category-icon{font-size:24px;color:#a4bcff;text-shadow:0 0 12px #a142ff}.discovery-section{margin:20px 0 27px}.section-head{margin-bottom:10px}.section-head h2{font-size:20px;margin:0}.section-head a{font-size:11px;font-weight:700;color:#55adff}.red-dot{color:#ff285c;text-shadow:0 0 11px #fa2559}.stream-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.stream-card{border-radius:7px;border-color:#17477c;background:#061124}.stream-card:hover{border-color:#1b87ff;box-shadow:0 0 16px #125deb55}.thumb{height:auto;aspect-ratio:16/9;background:radial-gradient(ellipse at 30% 25%,#7b24ce77,#06204b 65%),url('streaming-studio.png') center/cover}.stream-card:nth-child(2n) .thumb{background-position:75% 45%}.stream-card:nth-child(3n) .thumb{background-position:25% 55%}.thumb-logo{font-size:0}.live{background:#f3234d}.card-content{display:flex;align-items:center;gap:7px;padding:8px}.stream-avatar{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;border:2px solid #a93cf7;background:#25125b;color:#9cc6ff}.stream-meta{min-width:0}.stream-meta strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-meta p{font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-meta .tag{font-size:9px;padding:1px 4px}.empty{padding:22px;font-size:13px}.feature-empty{border:1px solid #2d3e88;border-radius:9px;background:linear-gradient(105deg,#071b3c,#160e39);padding:22px;display:flex;align-items:center;gap:20px;color:#b8c9e8}.feature-empty strong{color:white;font-size:16px}.feature-empty p{margin:4px 0}.feature-empty .btn{margin-left:auto;white-space:nowrap}.feature-orb{font-size:46px;color:#b45aff}.community-banner{padding:28px;border:1px solid #2c4ca0;border-radius:9px;background:linear-gradient(90deg,#07132de8,#0c0d28b8),url('streaming-studio.png') center/cover}.community-banner h2{margin:7px 0;font-size:25px}.community-banner p{color:#c0d1ee}.discover-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:17px;margin:17px 0}.discover-sidebar{background:#07142b;border:1px solid #194a8b;border-radius:8px;padding:12px;align-self:start;display:flex;flex-direction:column;gap:2px}.discover-sidebar h3{font-size:12px;margin:12px 8px 5px}.discover-sidebar a{font-size:11px;padding:7px 9px;border-radius:5px;color:#c5d8f5}.discover-sidebar a.selected,.discover-sidebar a:hover{background:#0866ec;color:white}.discover-content{min-width:0}.discover-banner{min-height:135px;padding:24px 26px;border:1px solid #1466b6;border-radius:8px;background:linear-gradient(90deg,#06132ff2,#081b3b88),url('streaming-studio.png') center/cover;display:flex;align-items:center}.discover-banner h1{font-size:30px;margin:6px 0}.discover-banner p{color:#c5d5ef;margin:0}.filter-row{display:flex;flex-wrap:wrap;gap:7px}.filter-row a{font-size:11px;padding:6px 12px;background:#0c1e3d;border:1px solid #20477d;border-radius:5px}.filter-row a:hover{background:#105ce0}.search{margin:15px 0}.search input,.search select{background:#0b1a34;border-color:#26538d}.watch-grid{grid-template-columns:minmax(0,2.35fr) minmax(300px,1fr)}.video{background:radial-gradient(ellipse at 50% 50%,#3b117c55,#030d20bb),url('streaming-studio.png') center/cover}.chat{border-color:#1754a2}.chat-messages{border:1px solid #204476;border-radius:7px;padding:12px;background:#06132a}.chat-messages b{color:#b664ff}.panel,.stat{border-color:#174e94;background:#08182f}.footer{background:#030a1a}
@media(max-width:1250px){.stream-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nav{gap:10px}.header-search{max-width:190px}}
@media(max-width:1020px){.nav{display:none}.category-row{grid-template-columns:repeat(4,1fr)}.discover-layout{grid-template-columns:1fr}.discover-sidebar{flex-direction:row;flex-wrap:wrap}.discover-sidebar h3{flex-basis:100%}}
@media(max-width:650px){.wrap{padding:0 12px}.header-search{display:none}.top-inner{flex-wrap:wrap}.brand{min-width:0}.home-hero{min-height:300px}.hero-logo{width:90vw;height:195px}.hero-center h1{font-size:12px}.hero-center p{font-size:8px}.hero-buttons .btn{min-width:0;font-size:10px}.category-row{grid-template-columns:repeat(2,1fr)}.stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-empty{flex-wrap:wrap}.feature-empty .btn{margin-left:0}.discover-banner h1{font-size:25px}}

/* Full-site visual overhaul: approved neon streaming UI */
.feature-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-category{min-height:138px;display:flex;flex-direction:column;justify-content:end;padding:20px;border:1px solid #2164d3;border-radius:10px;background:linear-gradient(0deg,#05102df5,#142a6666),url('streaming-studio.png') center/cover;box-shadow:0 0 18px #034fb52c}.feature-category.talk{background-position:30% 40%;border-color:#7337c8}.feature-category.music{background-position:80% 45%}.feature-category span{font-size:19px;font-weight:950;letter-spacing:.03em;text-shadow:0 0 14px #3487ff}.feature-category small{color:#bcd0ef}.feature-category:hover{transform:translateY(-3px);border-color:#9d59ff}
.watch-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(300px,.95fr);gap:12px;margin:22px 0}.watch-primary{min-width:0}.watch-player{position:relative;aspect-ratio:16/9;border:1px solid #186de3;border-radius:10px;overflow:hidden;background:linear-gradient(0deg,#03081cc9,#13073e66),url('streaming-studio.png') center/cover;box-shadow:0 0 24px #0b4bba55}.player-status{position:absolute;left:15px;top:13px;padding:5px 10px;border-radius:5px;background:#ed2450;font-size:11px;font-weight:900}.player-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#e3eaff;text-align:center}.player-center span{font-size:60px;text-shadow:0 0 30px #b15dff}.player-center p{font-size:12px;background:#02081ca8;padding:7px 15px;border-radius:5px}.player-toolbar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:13px 16px;background:linear-gradient(transparent,#03091de8);font-size:12px}.creator-bar{display:flex;align-items:center;gap:13px;padding:18px 4px}.creator-portrait{width:62px;height:62px;border:2px solid #ad44ff;border-radius:50%;background:radial-gradient(circle,#8021d0,#111d64);display:grid;place-items:center;font-size:30px;box-shadow:0 0 16px #9b3bff55;flex-shrink:0}.creator-identity{min-width:0;flex:1}.creator-identity h2{font-size:19px;margin:0}.creator-identity p{font-size:12px;color:#b6c7e5;margin:1px 0 6px}.verified{color:#4aa5ff}.creator-tags{display:flex;flex-wrap:wrap;gap:5px}.creator-tags span{font-size:10px;border-radius:5px;background:#0d2448;padding:3px 8px;color:#c8d9f4}.creator-actions{display:flex;gap:7px}.creator-actions .btn{font-size:11px}.btn.purple{background:linear-gradient(100deg,#7321d7,#b42af0);border-color:#a745fa}.channel-tabs{display:flex;gap:4px;padding:5px;border:1px solid #1859ac;border-radius:7px;background:#08162e;overflow:auto}.channel-tabs a{font-size:12px;padding:10px 15px;border-radius:5px;white-space:nowrap}.channel-tabs a:hover,.channel-tabs a.active{background:#0a4d9c;box-shadow:inset 0 -2px #0da6ff}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.profile-content .panel h3{margin-top:0}.improved-chat{display:flex;flex-direction:column;min-height:580px;padding:14px;background:#050f24}.chat-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d4982;padding-bottom:10px}.chat-header h2{font-size:16px;margin:0}.improved-chat .chat-messages{flex:1;min-height:300px;background:#050e22;border:0;padding:12px 3px;overflow-y:auto}.improved-chat .chat-messages p{font-size:12px;line-height:1.8}.improved-chat .chat-messages b.purple-name{color:#d16aff}.improved-chat .chat-messages b.blue-name{color:#4cbdff}.improved-chat form{display:flex;gap:6px}.improved-chat form input{min-width:0;flex:1}.chat-tools{display:flex;align-items:center;gap:8px;color:#a7c6ff;padding-top:13px}.chat-tools small{margin-left:auto;font-size:10px}.profile-cover{margin-top:20px;height:220px;border:1px solid #184ca3;border-radius:12px;background:linear-gradient(90deg,#060d23aa,#4d0d8755),url('streaming-studio.png') center 42%/cover;display:grid;place-items:center}.profile-cover-logo{font-size:clamp(24px,4vw,53px);font-weight:1000;font-style:italic;text-shadow:0 0 22px #0d80ff}.profile-cover-logo span{color:#d474ff}.clips-head{padding:35px;border:1px solid #1a5bb2;border-radius:10px;background:linear-gradient(90deg,#06142ff0,#1d1059b0),url('streaming-studio.png') center/cover}.clips-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.clip-card{border:1px solid #1a498d;background:#091830;border-radius:10px;overflow:hidden}.clip-art{aspect-ratio:16/10;position:relative;background:linear-gradient(135deg,#0c285d55,#8e20bf44),url('streaming-studio.png') center/cover;display:grid;place-items:center}.clip-1{background-position:25% 40%}.clip-2{background-position:70% 60%}.clip-3{background-position:90% 20%}.clip-play{font-size:35px;color:#dceeff;text-shadow:0 0 20px #9d39ff}.clip-duration{position:absolute;bottom:8px;right:8px;font-size:9px;background:#02091cd9;padding:4px 7px;border-radius:4px}.clip-info{padding:12px}.clip-info p{font-size:11px;color:#aabddc}.community-cover{margin-top:20px;padding:55px 40px;min-height:280px;border:1px solid #2b58b5;border-radius:12px;background:linear-gradient(90deg,#06142ff5,#1a104599),url('streaming-studio.png') center/cover}.community-cover h1{font-size:clamp(28px,4vw,47px);margin:8px 0}.community-cover p{color:#c7d9f7}.community-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.community-metrics .panel{display:flex;flex-direction:column;gap:5px;text-align:center}.community-metrics strong{font-size:30px;color:#7fbbff}.community-metrics span{font-size:12px;color:#d5e3ff}
@media(max-width:950px){.watch-layout{grid-template-columns:1fr}.improved-chat{min-height:420px}.clips-grid{grid-template-columns:repeat(2,1fr)}.community-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.feature-categories,.profile-content{grid-template-columns:1fr}.creator-bar{flex-wrap:wrap}.creator-actions{width:100%}.clips-grid{grid-template-columns:1fr 1fr}.community-cover{padding:30px 22px}.chat-tools small{font-size:9px}}