*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080806;--surface: #141210;--surface2: #1c1814;--border: #2a2218;--accent: #c8873a;--accent-hover: #dfa045;--accent-dim: rgba(200, 135, 58, .12);--accent-glow: rgba(200, 135, 58, .25);--danger: #b84545;--danger-hover: #cc5555;--text: #f0ebe0;--text-dim: #7a7060;--caption-bg: rgba(5, 4, 3, .92);--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "Outfit", system-ui, sans-serif}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse at 50% 0%,#1a1208,#080806 60%)}.lobby{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;overflow:hidden}.lobby-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.floating-word{position:absolute;font-family:var(--font-display);color:var(--text);opacity:0;animation:floatDrift linear infinite;white-space:nowrap;-webkit-user-select:none;user-select:none}@keyframes floatDrift{0%{opacity:0;transform:translateY(0)}15%{opacity:.07}75%{opacity:.07}to{opacity:0;transform:translateY(-25px)}}.lobby-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2rem;width:100%}.lobby-hero{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.lobby-brand{font-family:var(--font-display);font-size:4rem;font-weight:500;letter-spacing:-2px;color:var(--text);line-height:1}.lobby-tagline{font-family:var(--font-ui);font-weight:300;color:var(--text-dim);font-size:1.05rem}.lobby-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;max-width:400px;width:100%;display:flex;flex-direction:column;gap:1.25rem}.lobby-label{display:flex;flex-direction:column;gap:.5rem}.lobby-label>span{font-size:.78rem;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.lobby-label select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a7060' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .9rem center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.65rem 2.5rem .65rem .9rem;font-family:var(--font-ui);font-size:1rem;cursor:pointer;width:100%;transition:border-color .15s}.lobby-label select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.lobby-disclaimer{font-size:.78rem;color:var(--text-dim);font-weight:300}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.4rem;border-radius:var(--radius-sm);border:none;font-family:var(--font-ui);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s,box-shadow .15s,border-color .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;width:100%;padding:.85rem;font-size:1rem;font-weight:600;border-radius:var(--radius-pill)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 24px var(--accent-glow)}.btn-icon{background:#ffffff0f;border:1px solid var(--border);color:var(--text);width:52px;height:52px;padding:0;border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1.15rem;flex-shrink:0}.btn-icon:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff26}.btn-icon.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-pill);padding:.65rem 1.25rem;font-weight:500}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-pill);padding:.65rem 1.25rem}.btn-ghost:hover:not(:disabled){background:var(--surface2);color:var(--text);border-color:#ffffff1a}.waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2.5rem}.pulse-rings{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border:1.5px solid var(--accent);border-radius:50%;animation:pulseRing 2.4s ease-out infinite;opacity:0}@keyframes pulseRing{0%{transform:scale(.6);opacity:.8}to{transform:scale(2.2);opacity:0}}.ring-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent-glow);position:relative;z-index:1}.waiting-text{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.waiting-title{font-weight:500;font-size:1.1rem;color:var(--text)}.waiting-sub{color:var(--text-dim);font-weight:300;font-size:.9rem}.chat{display:flex;flex-direction:column;height:100%}.video-area{position:relative;flex:1;background:#000;overflow:hidden}.video-remote{width:100%;height:100%;object-fit:cover;display:block}.video-local{position:absolute;bottom:1rem;right:1rem;width:140px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:2px solid rgba(200,135,58,.4);background:#111;z-index:10;box-shadow:0 4px 24px #0009}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.9rem;font-weight:300;background:var(--surface);gap:.6rem}.video-placeholder-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulseDot 1.6s ease-in-out infinite;flex-shrink:0}@keyframes pulseDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.captions{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1.25rem;background:var(--caption-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:56px;display:flex;flex-direction:column;gap:.4rem;z-index:20}.caption-line{font-family:var(--font-ui);font-size:1.05rem;font-weight:400;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.8);animation:fadeIn .2s ease;border-left:2px solid var(--accent);padding-left:.75rem}.caption-line .original{font-size:.78rem;font-style:italic;color:var(--text-dim);margin-top:.15rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.controls{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;background:#0e0b08d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);flex-wrap:wrap}.controls-divider{width:1px;height:36px;background:var(--border);margin:0 .25rem;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem}.modal h2{font-size:1.1rem;font-weight:500;color:var(--text)}.modal select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a7060' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .9rem center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.6rem 2.5rem .6rem .8rem;font-family:var(--font-ui);font-size:.95rem;width:100%;cursor:pointer}.modal select:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}