@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800&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;--bg-canvas: #050510;--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);--font-body: "Space Grotesk", "Segoe UI", sans-serif;--font-display: "Orbitron", "Space Grotesk", sans-serif}:root[data-theme=light]{--bg-0: #fff6ef;--bg-1: #ffeede;--bg-2: #ffd9d2;--bg-canvas: #fff3ec;--line: rgba(209, 130, 114, .24);--line-strong: rgba(255, 124, 97, .55);--text-main: #342223;--text-muted: #7a5c5f;--accent-cyan: #e26d5d;--accent-lime: #ff8e63;--accent-orange: #ff7b54;--danger-color: #ec5b70;--success-color: #55b58f;--panel-shadow: 0 16px 34px rgba(183, 111, 96, .2);--font-body: "Nunito", "Segoe UI", sans-serif;--font-display: "Nunito", "Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);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%;position:relative}.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}:root[data-theme=light] .cyber-panel{background:linear-gradient(145deg,#ffffffeb,#fff1e8eb);border-color:#e6907e47;box-shadow:var(--panel-shadow),inset 0 0 14px #ffaa9614;border-radius:26px}.btn{border:1px solid var(--line-strong);color:var(--text-main);background:linear-gradient(130deg,#4cd6ff3d,#8bf77d29);font-family:var(--font-display);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}:root[data-theme=light] .btn{background:linear-gradient(130deg,#ffb7a680,#ffd5aa80);border-color:#ef88708c;color:#4b2e2f;letter-spacing:.04em;border-radius:999px}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #52e8ff38;border-color:#8bf77dd1}.theme-toggle{position:fixed;top:.9rem;right:.9rem;z-index:50;min-width:110px;min-height:42px;padding:0 .75rem}:root[data-theme=light] .theme-toggle{background:linear-gradient(130deg,#ffe1caf2,#ffc6b9f2)}.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(320px circle at 50% 50%,rgba(82,232,255,.12),transparent 44%)}:root[data-theme=light] .landing-wrapper{background:radial-gradient(300px circle at 50% 50%,rgba(255,188,166,.32),transparent 42%),radial-gradient(560px circle at 15% 15%,rgba(255,218,188,.42),transparent 48%)}.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}:root[data-theme=light] .cyber-glass-panel{border-radius:34px;border:1px solid rgba(235,153,132,.3)}.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:var(--font-display);background:#0a182aa6}:root[data-theme=light] .signal-pill{background:#fff0e4e0;color:#8c5d5f;border-color:#ef917a73}.title{margin:.65rem 0 0;position:relative;font-family:var(--font-display);font-size:clamp(3rem,14vw,7.2rem);letter-spacing:.2em;line-height:.95;transform:translateZ(26px)}:root[data-theme=light] .title{letter-spacing:.08em;font-weight:800}.cyber-text{color:#f6feff;text-shadow:0 0 14px rgba(82,232,255,.85),0 0 40px rgba(82,232,255,.4)}:root[data-theme=light] .cyber-text{color:#3a2628;text-shadow:0 7px 22px rgba(255,150,130,.24)}.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:none}.main-glitch:after{transform:translate(-3px);color:#ffba7e;clip-path:inset(65% 0 8% 0);animation:none}:root[data-theme=light] .main-glitch:before,:root[data-theme=light] .main-glitch:after{opacity:.18}.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}:root[data-theme=light] .subtitle-box{background:linear-gradient(90deg,#ffe1ca9e,#fff5ecb3);border-left-color:#ff986d;border-color:#ec9a855c;border-radius:18px}.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:var(--font-display);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}:root[data-theme=light] .feature-item{color:#6a4d50;border-color:#ef917a57;background:linear-gradient(115deg,#ffe7d3db,#fff7eff0);border-radius:16px}.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)}:root[data-theme=light] .feature-icon{color:#df6d59}.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}:root[data-theme=light] .disclaimer-marquee{border-color:#ec8f7685;background:#ffd8c573}.disclaimer{margin:0;font-size:.76rem;color:#ffd1aa;letter-spacing:.05em}:root[data-theme=light] .disclaimer{color:#8f5754}@media(max-width:900px){.cyber-glass-panel{min-height:auto;gap:1rem;padding:1.3rem;border-radius:18px}.features-grid{grid-template-columns:1fr}}@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:var(--font-display);font-size:.82rem;letter-spacing:.13em;text-transform:uppercase}:root[data-theme=light] .status-bar{border-radius:22px}.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:var(--font-display);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:none}.cyber-blink{animation:none}.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:default;z-index:12}.local-video-container:active{cursor:default}.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:var(--font-display);font-size:.62rem;letter-spacing:.09em}:root[data-theme=light] .video-overlay-text{background:#fff1e9e6;color:#7d5657}.hud-overlay{position:absolute;font-family:var(--font-display);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}:root[data-theme=light] .chat-header{background:#ffe5d28c}.chat-header h3{margin:0;font-family:var(--font-display);font-size:.92rem;letter-spacing:.14em;color:#d8f4ff}:root[data-theme=light] .chat-header h3{color:#7f4e4f}.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:var(--font-display)}.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}:root[data-theme=light] .message-bubble{border-radius:14px}:root[data-theme=light] .message-bubble.own{background:#ffcdb98a;border-color:#eb866b7a}:root[data-theme=light] .message-bubble.partner{background:#ffe8d2a8;border-color:#eca18380}.chat-input-area{min-height:68px;display:flex;align-items:center;gap:.5rem;padding:.55rem;border-top:1px solid var(--line);background:#050c16cc}:root[data-theme=light] .chat-input-area{background:#fff6efe0}.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:var(--font-body)}:root[data-theme=light] .chat-input-area input{background:#ffffffbf;border-color:#e6907e59}.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;min-width:44px;height:44px;padding:0;flex-shrink:0}.chat-send-btn{border-radius:999px;background:linear-gradient(135deg,#5edcffe6,#5df0afe6);color:#062234;border-color:#78e7ffe6}.chat-send-btn:disabled{opacity:1;background:#7b92a259;color:#081824b3;border-color:#5e758673}:root[data-theme=light] .chat-send-btn{background:linear-gradient(135deg,#ff9c81fa,#f5705cfa);border-color:#e17259a6;color:#fff8f5}:root[data-theme=light] .chat-send-btn:disabled{background:#e3b7a8b8;color:#634643e6;border-color:#bf827180}@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}}