@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-0: #04070d;--bg-1: #0a1220;--bg-2: #0f1c2d;--line: rgba(95, 173, 255, .22);--line-strong: rgba(120, 231, 255, .62);--text-main: #eaf6ff;--text-muted: #9eb9d8;--accent-cyan: #52e8ff;--accent-lime: #8bf77d;--accent-orange: #ff9b55;--danger-color: #ff5a70;--success-color: #3ef7a9;--panel: rgba(10, 21, 36, .7);--panel-shadow: 0 18px 45px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text-main);min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(82,232,255,.13),transparent 26%),radial-gradient(circle at 85% 78%,rgba(255,155,85,.12),transparent 24%),linear-gradient(145deg,var(--bg-0) 0%,var(--bg-1) 45%,var(--bg-2) 100%)}#root{width:100vw;height:100vh}.app-container{width:100%;height:100%}.cyber-panel{background:linear-gradient(160deg,#0a192bdb,#070f1ce6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--panel-shadow),inset 0 0 24px #52e8ff0f;border-radius:18px}.btn{border:1px solid var(--line-strong);color:var(--text-main);background:linear-gradient(130deg,#4cd6ff3d,#8bf77d29);font-family:Orbitron,Space Grotesk,sans-serif;letter-spacing:.06em;font-size:.9rem;font-weight:700;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.75rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #52e8ff38;border-color:#8bf77dd1}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#ff5a70b3,#ff8c6bb8);border-color:#ff8c6be6}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#00000059}::-webkit-scrollbar-thumb{background:#78e7ff6b;border-radius:12px}.landing-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;padding:1.25rem;background:radial-gradient(560px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(82,232,255,.12),transparent 44%)}.cyber-glass-panel{width:min(900px,96vw);min-height:540px;display:flex;flex-direction:column;gap:1.2rem;align-items:center;justify-content:center;text-align:center;padding:clamp(1.4rem,4vw,3.2rem);border-radius:24px;position:relative;transform-style:preserve-3d}.cyber-glass-panel:before,.cyber-glass-panel:after{content:"";position:absolute;width:22%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.8}.cyber-glass-panel:before{top:1rem;left:1.5rem}.cyber-glass-panel:after{right:1.5rem;bottom:1rem}.signal-pill{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:999px;padding:.35rem .8rem;font-size:.7rem;letter-spacing:.16em;color:var(--text-muted);font-family:Orbitron,sans-serif;background:#0a182aa6}.title{margin:.65rem 0 0;position:relative;font-family:Orbitron,sans-serif;font-size:clamp(3rem,14vw,7.2rem);letter-spacing:.2em;line-height:.95;transform:translateZ(26px)}.cyber-text{color:#f6feff;text-shadow:0 0 14px rgba(82,232,255,.85),0 0 40px rgba(82,232,255,.4)}.main-glitch:before,.main-glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;left:0;opacity:.55;pointer-events:none}.main-glitch:before{transform:translate(2px);color:#7df7ec;clip-path:inset(12% 0 62% 0);animation:glitch-a 2.8s infinite linear alternate-reverse}.main-glitch:after{transform:translate(-3px);color:#ffba7e;clip-path:inset(65% 0 8% 0);animation:glitch-b 2.2s infinite linear alternate-reverse}.subtitle-box{width:min(660px,100%);border:1px solid var(--line);border-left:4px solid var(--accent-lime);background:linear-gradient(90deg,#52e8ff12,#0000000d);padding:.85rem 1rem;border-radius:12px}.subtitle{margin:0;color:var(--text-main);font-size:clamp(.95rem,2vw,1.18rem);letter-spacing:.02em}.features-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.feature-item{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;min-height:68px;display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:Orbitron,sans-serif;font-size:.78rem;letter-spacing:.12em;color:#b9d8f5;background:linear-gradient(100deg,#52e8ff0f,#0a121fad);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.feature-item:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:inset 0 0 22px #52e8ff1f,0 10px 24px #0000004d}.feature-icon{color:var(--accent-cyan)}.start-btn{min-width:250px;min-height:56px}.btn-content{display:flex;align-items:center;gap:.5rem}.disclaimer-marquee{width:100%;border:1px dashed rgba(255,155,85,.55);border-radius:10px;padding:.48rem .75rem;background:#ff9b5514}.disclaimer{margin:0;font-size:.76rem;color:#ffd1aa;letter-spacing:.05em}.hud-corner{position:absolute;width:66px;height:66px;pointer-events:none;opacity:.8}.hud-corner--tl{top:1.1rem;left:1.1rem;border-top:2px solid var(--accent-cyan);border-left:2px solid var(--accent-cyan)}.hud-corner--tr{top:1.1rem;right:1.1rem;border-top:2px solid var(--accent-cyan);border-right:2px solid var(--accent-cyan)}.hud-corner--bl{bottom:1.1rem;left:1.1rem;border-bottom:2px solid var(--accent-lime);border-left:2px solid var(--accent-lime)}.hud-corner--br{bottom:1.1rem;right:1.1rem;border-bottom:2px solid var(--accent-lime);border-right:2px solid var(--accent-lime)}@keyframes glitch-a{0%{transform:translate(1px)}to{transform:translate(-2px)}}@keyframes glitch-b{0%{transform:translate(-2px)}to{transform:translate(3px)}}@media(max-width:900px){.cyber-glass-panel{min-height:auto;gap:1rem;padding:1.3rem;border-radius:18px}.features-grid{grid-template-columns:1fr}.hud-corner{width:44px;height:44px}}@media(max-width:560px){.landing-wrapper{padding:.7rem}.signal-pill{font-size:.62rem}.feature-item{font-size:.7rem;letter-spacing:.09em}.start-btn{min-width:100%}.disclaimer{font-size:.7rem}}.room-container{position:relative;width:100%;height:100%;padding:clamp(.7rem,2vw,1.2rem);display:flex;flex-direction:column;gap:.8rem}.status-bar{min-height:52px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:.82rem;letter-spacing:.13em;text-transform:uppercase}.status-connected{color:var(--success-color);text-shadow:0 0 10px rgba(62,247,169,.5)}.status-waiting{color:var(--accent-cyan);text-shadow:0 0 10px rgba(82,232,255,.45)}.room-content{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:.9rem}.video-section{min-height:0;display:flex;flex-direction:column;gap:.8rem}.remote-video-container{position:relative;flex:1;min-height:0;border-radius:18px;overflow:hidden}.remote-video{width:100%;height:100%;object-fit:cover;background:#03080f}.remote-video.hidden{display:none}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;color:var(--text-muted);font-family:Orbitron,sans-serif;letter-spacing:.08em}.cyber-spinner{width:44px;height:44px;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent-cyan);border-right-color:var(--accent-cyan);animation:spin .9s linear infinite}.cyber-blink{animation:blink 1.45s ease-in-out infinite}.local-video-container{position:absolute;bottom:1rem;right:1rem;width:clamp(160px,22vw,280px);aspect-ratio:4 / 3;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:#02050a;box-shadow:0 12px 24px #0000006b;cursor:grab;z-index:12}.local-video-container:active{cursor:grabbing}.local-video{width:100%;height:100%;object-fit:cover}.video-overlay-text{position:absolute;right:.45rem;bottom:.45rem;padding:.16rem .36rem;border-radius:6px;background:#00000094;color:#b2d8ff;font-family:Orbitron,sans-serif;font-size:.62rem;letter-spacing:.09em}.hud-overlay{position:absolute;font-family:Orbitron,sans-serif;font-size:.68rem;letter-spacing:.1em;color:var(--accent-cyan);pointer-events:none;opacity:.88}.hud-overlay.top-left{top:.8rem;left:.8rem;color:var(--danger-color)}.hud-overlay.bottom-left{bottom:.8rem;left:.8rem}.hud-overlay.top-right{top:.8rem;right:.8rem;color:var(--success-color)}.controls-bar{min-height:68px;padding:.55rem;display:flex;gap:.55rem;align-items:center;justify-content:center}.icon-btn{width:46px;height:46px;padding:0}.control-text-btn{padding:0 1.3rem;min-height:46px}.chat-section{min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-header{min-height:60px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--line);background:#52e8ff0f}.chat-header h3{margin:0;font-family:Orbitron,sans-serif;font-size:.92rem;letter-spacing:.14em;color:#d8f4ff}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.empty-chat{margin:auto;color:var(--text-muted);font-size:.82rem;font-family:Orbitron,sans-serif}.message-bubble{max-width:90%;padding:.62rem .8rem;border-radius:10px;font-size:.92rem;line-height:1.35;border:1px solid transparent}.message-bubble.own{align-self:flex-end;background:#52e8ff29;border-color:#52e8ff8c}.message-bubble.partner{align-self:flex-start;background:#ff9b5529;border-color:#ff9b558c}.chat-input-area{min-height:68px;display:flex;align-items:center;gap:.5rem;padding:.55rem;border-top:1px solid var(--line);background:#050c16cc}.chat-input-area input{flex:1;min-width:0;min-height:44px;border-radius:10px;border:1px solid var(--line);background:#00000040;color:var(--text-main);padding:0 .75rem;font-family:Space Grotesk,sans-serif}.chat-input-area input:focus{outline:none;border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #52e8ff2e}.chat-input-area button{width:44px;height:44px;padding:0}@keyframes blink{0%,to{opacity:1}50%{opacity:.48}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1020px){.room-content{grid-template-columns:1fr}.chat-section{min-height:38vh}}@media(max-width:720px){.room-container{padding:.45rem;gap:.5rem}.status-bar{min-height:46px;font-size:.7rem;padding:0 .5rem;text-align:center}.local-video-container{width:132px;right:.45rem;bottom:.45rem}.controls-bar{justify-content:space-between;flex-wrap:wrap}.icon-btn,.control-text-btn{flex:1;min-width:72px}.chat-header{min-height:50px}}