*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--text-muted: #8b949e;--accent: #58a6ff;--accent-hover: #79b8ff;--success: #3fb950;--warning: #d29922;--error: #f85149;--radius: 8px}html,body{height:100%;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}main{height:100%;display:flex;flex-direction:column}.landing{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.landing-actions{display:flex;flex-direction:column;gap:.75rem;min-width:200px}.landing-actions a.btn-secondary{display:block;text-align:center;text-decoration:none;padding:.65rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:500}.btn-primary,.btn-secondary{padding:.65rem 1.5rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,transform .1s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface);border-color:var(--text-muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);gap:1rem;flex-shrink:0}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:.75rem}.logo{font-weight:600;font-size:.95rem;color:var(--accent)}.room-badge{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted);background:var(--bg);padding:.2rem .5rem;border-radius:4px}.lang-select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .6rem;font-size:.8rem;cursor:pointer}.status{font-size:.75rem;padding:.2rem .6rem;border-radius:999px;font-weight:500}.status.webrtc{background:#3fb95026;color:var(--success)}.status.relay{background:#d2992226;color:var(--warning)}.status.connecting{background:#58a6ff26;color:var(--accent)}.status.disconnected{background:#f8514926;color:var(--error)}.editor-container{flex:1;overflow:hidden}.footer{display:flex;justify-content:space-between;padding:.4rem 1rem;font-size:.75rem;color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:var(--radius);font-size:.85rem;z-index:100;animation:slideIn .2s ease}.toast.success{background:#3fb950e6;color:#fff}.toast.error{background:#f85149e6;color:#fff}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.toolbar{flex-wrap:wrap}.toolbar-center{order:3;width:100%;justify-content:center}.footer{flex-direction:column;gap:.25rem;text-align:center}}