:root{
  --bg:#030712; --bg2:#071120; --panel:rgba(10,18,36,.82); --panel2:rgba(14,25,48,.72);
  --stroke:rgba(118,181,255,.18); --stroke2:rgba(60,210,255,.34);
  --text:#f4f8ff; --muted:#8fa6c8; --cyan:#35d5ff; --blue:#2f8cff; --violet:#8b5cf6; --pink:#ff4fa3; --green:#46e6a6; --danger:#ff5b7a;
  --radius:22px; --shadow:0 24px 80px rgba(0,0,0,.42);
}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 22% 10%,rgba(43,151,255,.18),transparent 28%),radial-gradient(circle at 85% 0%,rgba(139,92,246,.18),transparent 28%),linear-gradient(135deg,#020510 0%,#071326 58%,#020817 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:310px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 24px;border-right:1px solid var(--stroke);background:linear-gradient(180deg,rgba(4,12,27,.95),rgba(5,11,22,.78));backdrop-filter:blur(18px);overflow:auto}.brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none;margin-bottom:22px}.brand img{width:58px;height:58px;border-radius:18px;box-shadow:0 0 34px rgba(53,213,255,.2)}.brand small,.eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#9db8e6}.brand strong{font-size:25px}.nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.nav-pill,.btn{border:1px solid var(--stroke);border-radius:16px;background:rgba(13,24,45,.78);color:var(--text);font-weight:800;cursor:pointer;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:9px}.nav-pill{padding:14px 12px}.nav-pill:hover,.btn:hover{transform:translateY(-1px);border-color:var(--stroke2)}.nav-pill.is-active{background:linear-gradient(135deg,rgba(53,213,255,.22),rgba(139,92,246,.18));border-color:rgba(53,213,255,.62)}
.side-card,.hero-card,.stage-card,.panel-card,.chat-card,.filters-card{background:linear-gradient(180deg,rgba(12,23,43,.84),rgba(8,16,31,.78));border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}.side-card{padding:18px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-head h2,.section-head h1{margin:0}.section-head.compact h2{font-size:20px}.muted{color:var(--muted)}.small{font-size:12px}.field-label{display:block;color:var(--muted);font-size:13px;margin:12px 0 7px}.input{width:100%;border:1px solid rgba(118,181,255,.2);background:rgba(11,20,38,.92);color:var(--text);border-radius:14px;padding:13px 15px;outline:none}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(53,213,255,.1)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.btn{padding:12px 15px}.btn.primary{border:0;background:linear-gradient(135deg,var(--cyan),var(--violet));color:white}.btn.dark{background:rgba(8,14,28,.82)}.btn.ghost{background:rgba(14,25,48,.62)}.btn.danger{background:rgba(255,91,122,.08);border-color:rgba(255,91,122,.35)}.btn.big{padding:16px 22px;border-radius:17px}.btn.full{width:100%}.link-btn{border:0;background:transparent;color:var(--cyan);font-weight:800;cursor:pointer}.status-badge,.pill-accent{padding:9px 12px;border-radius:999px;background:rgba(70,230,166,.11);border:1px solid rgba(70,230,166,.22);color:#9ff7d3;font-size:12px;font-weight:900}.status-badge.offline{background:rgba(255,91,122,.11);border-color:rgba(255,91,122,.25);color:#ff9aae}.status-badge.preview,.pill-accent{background:rgba(53,213,255,.1);border-color:rgba(53,213,255,.26);color:#6de3ff}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--stroke);font-size:13px}.roadmap-card ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}.main{padding:28px;min-width:0}.hero-card{padding:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.hero-card h1{font-size:30px;margin:.25rem 0}.hero-card p{margin:0;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.content-grid{display:grid;grid-template-columns:1fr 360px;gap:22px}.stage-card{padding:22px;min-height:560px}.video-stage{position:relative;min-height:455px;border:1px solid var(--stroke);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 52% 48%,rgba(72,142,235,.44),transparent 12%),radial-gradient(circle at 20% 20%,rgba(53,213,255,.12),transparent 22%),linear-gradient(135deg,#06101f,#030816 70%)}.video-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);animation:scan 4.5s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(24px);opacity:.45}.orb-one{width:180px;height:180px;left:18%;top:30%;background:var(--cyan)}.orb-two{width:150px;height:150px;right:18%;top:16%;background:var(--violet)}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.live-dot{position:absolute;left:22px;top:22px;z-index:2;background:rgba(5,10,22,.7);border:1px solid var(--stroke);border-radius:999px;padding:9px 12px}.live-dot span{display:inline-block;width:10px;height:10px;background:var(--pink);border-radius:50%;box-shadow:0 0 16px var(--pink);margin-right:8px}.blur-panel{position:absolute;right:24px;top:24px;width:230px;z-index:2;background:rgba(5,10,22,.74);border:1px solid var(--stroke);border-radius:18px;padding:18px}.blur-panel span,.reveal-step span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.13em}.blur-panel strong{display:block;font-size:18px;margin:7px 0}.blur-panel p{margin:0;color:#d7e6ff}.stage-bottom{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;z-index:3}.right-rail{display:flex;flex-direction:column;gap:18px}.panel-card{padding:18px}.self-preview{position:relative;min-height:190px;border:1px solid var(--stroke);border-radius:18px;background:radial-gradient(circle at 50% 18%,rgba(53,213,255,.2),transparent 35%),#050b17;display:flex;flex-direction:column;align-items:center;justify-content:center}.self-preview span{position:absolute;right:16px;top:16px}.avatar-core{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#24cbff,#7c3aed);font-weight:900}.reveal-step{display:block;width:100%;text-align:left;padding:15px 17px;border-radius:16px;border:1px solid var(--stroke);background:rgba(14,25,48,.68);color:var(--text);margin:10px 0;cursor:pointer}.reveal-step strong{display:block;margin-top:6px}.reveal-step.is-active{border-color:rgba(53,213,255,.66);background:linear-gradient(135deg,rgba(53,213,255,.14),rgba(139,92,246,.16))}.group-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.slot{height:60px;border-radius:16px;border:1px dashed rgba(118,181,255,.28);display:grid;place-items:center;color:var(--muted);font-weight:900}.slot.filled{border-style:solid;background:rgba(53,213,255,.12);color:var(--text)}.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:22px}.chat-card,.filters-card{padding:20px}.chat-log{height:210px;overflow:auto;border:1px solid var(--stroke);border-radius:18px;padding:14px;background:rgba(3,8,18,.62)}.chat-line{margin:0 0 10px}.chat-line b{color:var(--cyan)}.system-line{margin:0 0 10px;color:var(--muted)}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.filter-grid label span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;background:rgba(5,10,22,.92);border:1px solid var(--stroke2);border-radius:18px;padding:14px 16px;color:var(--text);box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}code{color:#9defff}
@media(max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content-grid,.bottom-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.main,.sidebar{padding:16px}.hero-card{align-items:flex-start;flex-direction:column}.hero-actions,.button-row,.filter-grid,.right-rail{grid-template-columns:1fr;display:grid;width:100%}.content-grid{gap:16px}.stage-card{min-height:auto}.video-stage{min-height:430px}.blur-panel{left:18px;right:18px;top:auto;bottom:80px;width:auto}.stage-bottom{gap:10px}.stage-bottom .btn{flex:1}.nav-grid{grid-template-columns:1fr 1fr}}