:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#0e1015;--panel:#151924;--panel-2:#1c2230;--text:#eef1f5;--muted:#9aa6b3;--accent:#ff3d7f;--accent-2:#ffb547;--danger:#ff5d5d;--line:#262c3a}*{box-sizing:border-box}body{background:radial-gradient(900px 600px at 20% -10%,#192237,transparent),radial-gradient(1000px 800px at 90% 0%,#2b1736,transparent),var(--bg);color:var(--text);margin:0;font-family:Space Grotesk,IBM Plex Sans,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:none;margin:0;padding:0}.card,.panel-card,.notice{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 10px 30px #0003}.label{color:var(--muted);margin:10px 0 6px;font-size:12px;display:block}.input,.select{width:100%;color:var(--text);background:#0f141e;border:1px solid #2b3342;border-radius:10px;padding:10px 12px}.ome-shell{flex-direction:column;gap:0;min-height:100vh;display:flex}.ome-topbar{border:1px solid var(--line);background:linear-gradient(120deg,#1c2333,#2c1f33);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-dot{background:radial-gradient(circle at 30% 30%,#ffd1e3,var(--accent));border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #ff3d7f80}.brand-title{font-size:20px;font-weight:700}.brand-sub{color:var(--muted);font-size:12px}.status-pill{color:var(--muted);background:#1f2635;border:1px solid #2d3648;border-radius:999px;padding:6px 12px;font-size:12px}.notice{background:#1c1f2b}.login-overlay{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0ebf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal{border:1px solid var(--line);text-align:center;background:#151a24;border-radius:18px;width:min(420px,92vw);padding:22px;box-shadow:0 20px 50px #00000073}.login-modal h2{margin:0 0 8px}.login-modal p{color:var(--muted);margin:0 0 16px}.hint-text{color:var(--muted);margin-top:6px;font-size:12px}.login-actions{justify-content:center;gap:10px;margin-top:12px;display:flex}.auth-tabs{background:#0f141e;border:1px solid #2b3342;border-radius:999px;gap:6px;margin-bottom:16px;padding:4px;display:inline-flex}.auth-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-weight:600}.auth-tab.active{background:linear-gradient(120deg,var(--accent),#ff6aa2);color:#1b0b14}.menu-wrap{position:relative}.icon-btn{cursor:pointer;background:#1b2130;border:1px solid #2b3342;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-user{border:2px solid #cbd5e1;border-radius:50%;width:18px;height:18px;display:inline-block;position:relative}.icon-user:after{content:"";border:2px solid #cbd5e1;border-top:none;border-radius:0 0 12px 12px;width:22px;height:12px;position:absolute;top:20px;left:50%;transform:translate(-50%,-50%)}.menu{border:1px solid var(--line);z-index:20;background:#141a26;border-radius:12px;min-width:180px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 20px 40px #00000059}.menu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 12px}.menu-item:hover{background:#ffffff0f}.menu-item.danger{color:#ffd5d5}.mod-grid{display:grid}.layout-desktop{grid-template-rows:75vh 25vh;gap:0;height:100vh;display:grid;position:relative}.video-section{background:#0b0f15;border:none;border-radius:0;height:75vh;position:relative;overflow:hidden}.video-split{grid-template-columns:repeat(2,minmax(0,1fr));height:100%;display:grid}.video-panel{background:linear-gradient(140deg,#10131b,#0b0f15);border-right:1px solid #1b2231;position:relative}.video-panel:last-child{border-right:none}.video-panel video{object-fit:cover;width:100%;height:100%}.video-label{color:#fff;background:#00000080;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;top:12px;left:12px}.bottom-section{grid-template-columns:1fr 1fr;gap:0;height:25vh;display:grid}.controls-section{background:var(--panel);border:none;border-right:1px solid var(--line);border-radius:0;flex-direction:column;gap:14px;height:100%;min-height:0;padding:16px;display:flex}.controls-row{flex-wrap:wrap;gap:10px;display:flex}.filters-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chat-section{background:var(--panel);border:none;border-radius:0;flex-direction:column;gap:10px;height:100%;min-height:0;padding:0;display:flex;overflow:hidden}.video-menu{align-items:center;gap:10px;display:flex;position:absolute;top:12px;right:12px}.chat-section .chat-body{flex:1}.btn{color:var(--text);cursor:pointer;background:#1b2130;border:1px solid #2b3342;border-radius:10px;padding:10px 16px;font-weight:600}.btn.primary{background:linear-gradient(120deg,var(--accent),#ff6aa2);color:#1b0b14;border:none}.btn.ghost{background:#ffffff0a}.btn.danger{color:#ffd5d5;background:#ff5d5d2e;border-color:#ff5d5d66}.btn:disabled{opacity:.5;cursor:not-allowed}.error-text{color:var(--danger);align-self:center;font-size:12px}.chat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chat-meta{color:var(--muted);font-size:12px}.chat-body{min-height:0;color:var(--muted);background:0 0;border:none;border-radius:0;flex:auto;padding:12px;overflow-y:auto}.chat-empty{opacity:.7;font-style:italic}.chat-input{flex:none;gap:8px;margin-top:0;padding:12px;display:flex}@media (max-width:640px){.layout-desktop{grid-template-rows:1fr}.video-section{height:100vh}.video-split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.bottom-section{pointer-events:none;grid-template-columns:1fr;height:100%;position:absolute;inset:0}.controls-section{pointer-events:auto;background:linear-gradient(#0b0f1500,#0b0f15d9);border-right:none;justify-content:flex-end;height:50%;padding:12px;position:absolute;top:0;left:0;right:0}.chat-section{pointer-events:auto;background:linear-gradient(#0b0f1500,#0b0f15e6);height:50%;padding:12px;position:absolute;bottom:0;left:0;right:0}.chat-body{padding:10px}.chat-input{padding:8px 0 0}}.chat-line{color:var(--text);margin-bottom:6px;font-size:14px}.chat-prefix{color:var(--muted);margin-right:6px;font-weight:600}.dots span{animation:1.2s infinite dotPulse;display:inline-block}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}