body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#fff;min-height:100vh}.container.svelte-8drvoo.svelte-8drvoo{min-height:100vh;display:flex;flex-direction:column}.home.svelte-8drvoo.svelte-8drvoo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}h1.svelte-8drvoo.svelte-8drvoo{font-size:2.5rem;margin:0 0 .5rem}.subtitle.svelte-8drvoo.svelte-8drvoo{color:#aaa;margin-bottom:1rem}.ip-badge.svelte-8drvoo.svelte-8drvoo{background:#4a9eff33;border:1px solid #4a9eff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;margin-bottom:2rem}.actions.svelte-8drvoo.svelte-8drvoo{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:320px}.btn.svelte-8drvoo.svelte-8drvoo{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.btn.primary.svelte-8drvoo.svelte-8drvoo{background:#4a9eff;color:#fff}.btn.primary.svelte-8drvoo.svelte-8drvoo:hover{background:#3a8eef}.btn.secondary.svelte-8drvoo.svelte-8drvoo{background:#333;color:#fff}.btn.secondary.svelte-8drvoo.svelte-8drvoo:hover{background:#444}.divider.svelte-8drvoo.svelte-8drvoo{text-align:center;color:#666}.join-form.svelte-8drvoo.svelte-8drvoo{display:flex;gap:.5rem}.join-form.svelte-8drvoo input.svelte-8drvoo{flex:1;padding:1rem;border:1px solid #333;border-radius:8px;background:#222;color:#fff;font-size:1rem}.join-form.svelte-8drvoo input.svelte-8drvoo:focus{outline:none;border-color:#4a9eff}.error-box.svelte-8drvoo.svelte-8drvoo{background:#f443;border:1px solid #ff4444;padding:1rem;border-radius:8px;margin-bottom:1rem}.call-screen.svelte-8drvoo.svelte-8drvoo{flex:1;display:flex;flex-direction:column}.video-container.svelte-8drvoo.svelte-8drvoo{flex:1;position:relative;background:#000}.remote-video.svelte-8drvoo.svelte-8drvoo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.remote-video.svelte-8drvoo video.svelte-8drvoo{width:100%;height:100%;object-fit:cover}.waiting.svelte-8drvoo.svelte-8drvoo{text-align:center;color:#aaa}.room-info.svelte-8drvoo.svelte-8drvoo{margin:1rem 0}.room-info.svelte-8drvoo strong.svelte-8drvoo{color:#4a9eff;font-size:1.5rem}.hint.svelte-8drvoo.svelte-8drvoo{margin-top:2rem;font-size:.875rem}code.svelte-8drvoo.svelte-8drvoo{display:block;margin-top:.5rem;padding:.5rem;background:#222;border-radius:4px;font-size:.75rem;word-break:break-all}.ip-info.svelte-8drvoo.svelte-8drvoo{margin-top:1rem;font-size:.875rem;color:#aaa}.ip-info.svelte-8drvoo strong.svelte-8drvoo{color:#4a9eff}.local-video.svelte-8drvoo.svelte-8drvoo{position:absolute;bottom:1rem;right:1rem;width:160px;height:120px;border-radius:8px;overflow:hidden;border:2px solid #333}.local-video.svelte-8drvoo video.svelte-8drvoo{width:100%;height:100%;object-fit:cover}.controls.svelte-8drvoo.svelte-8drvoo{display:flex;justify-content:center;gap:1rem;padding:1rem;background:#111}.control-btn.svelte-8drvoo.svelte-8drvoo{width:56px;height:56px;border-radius:50%;border:none;background:#333;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s}.control-btn.svelte-8drvoo.svelte-8drvoo:hover{background:#444}.control-btn.active.svelte-8drvoo.svelte-8drvoo,.control-btn.hangup.svelte-8drvoo.svelte-8drvoo{background:#f44}.control-btn.hangup.svelte-8drvoo.svelte-8drvoo:hover{background:#c33}