@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-deep: #151312;--bg: #1c1917;--bg-elevated: #262220;--bg-hover: #2e2a27;--bg-glow: #352f2a;--amber: #d4a574;--amber-soft: rgba(212, 165, 116, .15);--amber-glow: rgba(212, 165, 116, .08);--terracotta: #c4856c;--terracotta-soft: rgba(196, 133, 108, .2);--text: #f0ebe3;--text-soft: #d4cfc6;--text-muted: #958b82;--text-faint: #6b6259;--speaking: #e8c49a;--speaking-glow: rgba(232, 196, 154, .25);--speaking-pulse: rgba(232, 196, 154, .12);--border: rgba(255, 255, 255, .06);--border-warm: rgba(212, 165, 116, .15);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Source Serif 4", Georgia, serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--ease-soft: cubic-bezier(.4, 0, .2, 1);--ease-breath: cubic-bezier(.45, 0, .55, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--duration-breath: 4s}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;letter-spacing:.01em;background-image:radial-gradient(ellipse 120% 100% at 50% 0%,var(--bg-glow) 0%,transparent 50%);background-attachment:fixed}@media (min-width: 768px){body{background-image:radial-gradient(ellipse 120% 100% at 50% 0%,var(--bg-glow) 0%,transparent 50%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-blend-mode:normal,overlay;background-size:100% 100%,200px 200px}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(212,165,116,.03) 0%,transparent 60%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;max-width:540px;margin:0 auto;padding:var(--space-xl) var(--space-lg);padding-bottom:120px;min-height:100vh}h1{font-family:var(--font-display);font-size:2.25rem;font-weight:400;letter-spacing:.02em;color:var(--text-soft);margin-bottom:var(--space-xl);text-align:center;position:relative}h1:after{content:"~";display:block;font-size:1.5rem;color:var(--text-faint);margin-top:var(--space-sm);opacity:.5}.signin-view{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:var(--bg);z-index:200;background-image:radial-gradient(ellipse 60% 40% at 50% 60%,rgba(212,165,116,.06) 0%,transparent 70%)}.signin-content{text-align:center;padding:var(--space-xl)}.signin-content h1{font-size:3rem;margin-bottom:var(--space-lg)}.signin-subtitle{font-family:var(--font-display);font-size:1.1rem;font-style:italic;color:var(--text-muted);margin-bottom:var(--space-2xl)}.signin-box{display:flex;justify-content:center;align-items:center;min-height:50px}#google-signin-container{display:inline-block}.user-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;margin-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.user-info{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--terracotta) 0%,var(--amber) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--bg-deep);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:.9rem;color:var(--text-soft)}.signout-btn{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:.8rem;padding:var(--space-xs) var(--space-md);border-radius:16px;transition:color var(--duration-fast) var(--ease-soft),border-color var(--duration-fast) var(--ease-soft)}.signout-btn:hover{color:var(--text-soft);border-color:var(--text-faint)}.place-list{display:flex;flex-direction:column;gap:var(--space-md)}.place-item{position:relative;background:linear-gradient(135deg,var(--bg-elevated) 0%,rgba(38,34,32,.8) 100%);border:1px solid var(--border);border-radius:16px;padding:var(--space-md) var(--space-xl);cursor:pointer;transition:transform var(--duration-normal) var(--ease-soft),box-shadow var(--duration-slow) var(--ease-soft),border-color var(--duration-normal) var(--ease-soft);overflow:hidden}.place-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 120%,var(--amber-glow) 0%,transparent 60%);opacity:0;transition:opacity var(--duration-slow) var(--ease-soft)}.place-item:hover{transform:translateY(-2px);border-color:var(--border-warm);box-shadow:0 8px 32px -8px #0006,0 0 0 1px var(--border-warm)}.place-item:hover:before{opacity:1}.place-item:active{transform:translateY(0)}.place-item.empty{opacity:.65}.place-item.empty:before{display:none}.place-item.empty:hover{opacity:.8;border-color:var(--border);box-shadow:0 4px 16px -4px #0000004d}.place-item:not(.empty){border-color:#d4a5741a}.place-item:not(.empty):after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--amber) 50%,transparent 100%);opacity:.3}.place-header-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);position:relative;z-index:1}.place-name{font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--text)}.place-description{font-size:.9rem;color:var(--text-muted);font-style:italic;position:relative;z-index:1}.place-presence{width:6px;height:6px;border-radius:50%;background:var(--amber);flex-shrink:0;animation:gentlePulse var(--duration-breath) var(--ease-breath) infinite}.place-item.empty .place-presence{background:var(--text-faint);animation:none}@keyframes gentlePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.place-people{display:none;position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%) translate(10px);background:var(--bg-deep);border:1px solid var(--border-warm);border-radius:12px;padding:var(--space-md);min-width:140px;max-height:180px;overflow-y:auto;z-index:20;opacity:0;transition:opacity var(--duration-normal) var(--ease-soft),transform var(--duration-normal) var(--ease-soft);box-shadow:0 12px 40px -12px #00000080,inset 0 1px #ffffff08}.place-item:hover .place-people{display:block;opacity:1;transform:translateY(-50%) translate(0)}.place-person{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.85rem;color:var(--text-soft)}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--terracotta) 0%,var(--amber) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--bg-deep);flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.place-view{display:none;animation:fadeInUp var(--duration-slow) var(--ease-soft)}.place-view.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.place-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.place-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--text);letter-spacing:.02em}.back-btn{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:.85rem;padding:var(--space-sm) var(--space-md);border-radius:20px;transition:color var(--duration-fast) var(--ease-soft),border-color var(--duration-fast) var(--ease-soft)}.back-btn:hover{color:var(--text-soft);border-color:var(--text-faint)}.threshold-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);z-index:100;justify-content:center;align-items:center;flex-direction:column;gap:var(--space-xl);background-image:radial-gradient(ellipse 60% 40% at 50% 60%,rgba(212,165,116,.06) 0%,transparent 70%)}.threshold-overlay.active{display:flex;animation:thresholdFadeIn 1.5s var(--ease-soft)}@keyframes thresholdFadeIn{0%{opacity:0}to{opacity:1}}.threshold-message{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--text-muted);text-align:center;animation:breathe var(--duration-breath) var(--ease-breath) infinite}@keyframes breathe{0%,to{opacity:.5}50%{opacity:.8}}.threshold-overlay:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid var(--amber);opacity:.2;animation:ripple 3s var(--ease-soft) infinite}.threshold-overlay:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid var(--amber);opacity:.2;animation:ripple 3s var(--ease-soft) infinite 1s}@keyframes ripple{0%{transform:scale(1);opacity:.3}to{transform:scale(2.5);opacity:0}}.presence-grid{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;align-items:flex-start;margin-bottom:var(--space-2xl);min-height:200px;padding:var(--space-lg)}.presence-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);animation:presenceAppear var(--duration-slow) var(--ease-soft) backwards}.presence-item:nth-child(1){animation-delay:0ms}.presence-item:nth-child(2){animation-delay:.1s}.presence-item:nth-child(3){animation-delay:.2s}.presence-item:nth-child(4){animation-delay:.3s}.presence-item:nth-child(5){animation-delay:.4s}.presence-item:nth-child(6){animation-delay:.5s}.presence-item:nth-child(7){animation-delay:.6s}.presence-item:nth-child(8){animation-delay:.7s}.presence-item:nth-child(9){animation-delay:.8s}.presence-item:nth-child(10){animation-delay:.9s}@keyframes presenceAppear{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.presence-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,var(--bg-hover) 0%,var(--bg-elevated) 100%);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--text-soft);transition:border-color var(--duration-slow) var(--ease-soft),box-shadow var(--duration-slow) var(--ease-soft),transform var(--duration-normal) var(--ease-soft);position:relative;overflow:hidden}.presence-avatar img{width:100%;height:100%;object-fit:cover}.presence-item.speaking .presence-avatar{border-color:var(--speaking);box-shadow:0 0 0 4px var(--speaking-pulse),0 0 24px -4px var(--speaking-glow),0 0 48px -8px var(--speaking-glow);animation:speakingGlow 2.5s var(--ease-breath) infinite}@keyframes speakingGlow{0%,to{box-shadow:0 0 0 4px var(--speaking-pulse),0 0 24px -4px var(--speaking-glow),0 0 48px -8px var(--speaking-glow)}50%{box-shadow:0 0 0 8px #e8c49a14,0 0 32px -4px var(--speaking-glow),0 0 64px -8px #e8c49a26}}.presence-name{font-size:.9rem;color:var(--text-muted);font-weight:400;transition:color var(--duration-normal) var(--ease-soft);text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presence-item.speaking .presence-name{color:var(--text)}.presence-item.viewing-video .presence-avatar,.physics-avatar.viewing-video .physics-avatar-img{opacity:.3;transform:scale(.9);transition:opacity .3s,transform .3s}.presence-item.viewing-video .presence-name,.physics-avatar.viewing-video .physics-avatar-name{opacity:.5}.presence-grid.physics-mode{position:relative;display:block;min-height:300px;height:40vh;max-height:500px}.physics-avatar{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);pointer-events:auto;cursor:pointer;will-change:transform,opacity;transition:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.physics-avatar-inner{position:relative;width:72px;height:72px}.physics-avatar-halo{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:radial-gradient(circle,var(--speaking-glow) 0%,var(--speaking-pulse) 40%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s ease}.physics-avatar-img{width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,var(--bg-hover) 0%,var(--bg-elevated) 100%);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--text-soft);overflow:hidden;position:relative}.physics-avatar-img img{width:100%;height:100%;object-fit:cover}.physics-avatar.speaking .physics-avatar-img{border-color:var(--speaking)}.physics-avatar.arriving .physics-avatar-img{border-style:dashed;border-color:var(--border-subtle)}.physics-avatar-name{font-size:.85rem;color:var(--text-muted);font-weight:400;text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.physics-avatar.speaking .physics-avatar-name{color:var(--text)}.physics-avatar.dragging{z-index:1000;cursor:grabbing}.physics-avatar.dragging .physics-avatar-inner{transform:scale(1.1);transition:transform .1s ease-out}.physics-avatar.dragging .physics-avatar-img{box-shadow:0 8px 24px -4px #0006,0 0 0 3px var(--amber)}.physics-avatar.anchored:before{content:"";position:absolute;top:-6px;right:-6px;width:14px;height:14px;background:var(--bg-elevated);border:1px solid var(--border-warm);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 24 24' fill='%23d4a574' stroke='none'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:8px;z-index:10}.physics-avatar.keyboard-move-mode{outline:2px dashed var(--amber);outline-offset:4px}.physics-avatar.keyboard-move-mode .physics-avatar-inner{transform:scale(1.05);transition:transform .1s ease-out}@media (prefers-reduced-motion: reduce){.physics-avatar{transition:transform .5s ease,opacity .3s ease}.physics-avatar-halo{display:none}}.controls{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0));background:linear-gradient(to top,var(--bg) 0%,var(--bg) 60%,transparent 100%);z-index:50}.control-btn{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:transform var(--duration-fast) var(--ease-soft),background var(--duration-normal) var(--ease-soft),box-shadow var(--duration-normal) var(--ease-soft),border-color var(--duration-normal) var(--ease-soft);position:relative}.control-btn:hover{transform:scale(1.08)}.control-btn:active{transform:scale(.95)}.control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.mic-btn{background:var(--bg-elevated);color:var(--text-muted);border:2px solid var(--border);box-shadow:0 4px 16px -4px #0000004d,inset 0 1px #ffffff08}.mic-btn:hover:not(:disabled){border-color:var(--text-faint);color:var(--text-soft)}.mic-btn.unmuted{background:linear-gradient(145deg,var(--amber) 0%,var(--terracotta) 100%);color:var(--bg-deep);border-color:transparent;box-shadow:0 4px 20px -4px #d4a57466,0 0 0 4px var(--amber-soft)}.mic-btn.unmuted:hover{box-shadow:0 6px 24px -4px #d4a57480,0 0 0 6px var(--amber-soft)}.leave-btn{background:var(--bg-elevated);color:var(--text-faint);border:2px solid var(--border);width:48px;height:48px;font-size:1rem;box-shadow:0 2px 8px -2px #0003}.leave-btn:hover{color:var(--terracotta);border-color:#c4856c4d;background:var(--bg-hover)}.share-btn{background:var(--bg-elevated);color:var(--text-muted);border:2px solid var(--border);width:48px;height:48px;font-size:1rem;box-shadow:0 2px 8px -2px #0003}.share-btn:hover{color:var(--amber);border-color:var(--border-warm);background:var(--bg-hover)}.share-btn.copied{color:var(--amber);border-color:var(--amber)}.error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fef2f2;padding:var(--space-md) var(--space-lg);border-radius:12px;display:flex;align-items:center;gap:var(--space-md);font-size:.9rem;max-width:calc(100vw - 2rem);box-shadow:0 8px 32px -8px #00000080,0 0 0 1px #ffffff1a;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-soft),transform var(--duration-normal) var(--ease-soft),visibility var(--duration-normal);z-index:300}.error-toast.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.error-close{background:none;border:none;color:#fecaca;cursor:pointer;font-size:1.25rem;line-height:1;padding:0;margin-left:var(--space-sm);opacity:.7;transition:opacity var(--duration-fast)}.error-close:hover{opacity:1}.connection-status{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-muted);padding:var(--space-sm) var(--space-md);border-radius:20px;font-size:.8rem;border:1px solid var(--border);opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-soft),visibility var(--duration-normal);z-index:250}.connection-status.visible{opacity:1;visibility:visible}.skip-link{position:absolute;top:-40px;left:0;background:var(--amber);color:var(--bg-deep);padding:var(--space-sm) var(--space-md);text-decoration:none;font-weight:500;z-index:1000;transition:top var(--duration-fast) var(--ease-soft)}.skip-link:focus{top:0}.hidden{display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--amber-soft);color:var(--text)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@media (max-width: 480px){#app{padding:var(--space-lg) var(--space-md);padding-bottom:100px}h1{font-size:1.85rem}.place-item{padding:var(--space-md) var(--space-lg)}.place-name{font-size:1.15rem}.place-people{display:none!important}.presence-grid{gap:var(--space-lg)}.presence-avatar{width:60px;height:60px;font-size:1.5rem}.controls{gap:var(--space-md);padding:var(--space-lg)}.control-btn{width:54px;height:54px}.leave-btn{width:44px;height:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.radial-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000014;z-index:10000;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.radial-menu-overlay.active{opacity:1;pointer-events:auto}.radial-menu{pointer-events:none}.radial-menu.active{pointer-events:auto}.radial-menu-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-warm);border-radius:50%;color:var(--text);cursor:pointer;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff0d;pointer-events:auto}.radial-menu-btn:hover{background:var(--bg-hover);border-color:var(--amber);color:var(--amber);transform:translate(-50%,-50%) scale(1.1)!important}.radial-menu-btn:focus{outline:none;box-shadow:0 4px 12px #0000004d,0 0 0 2px var(--amber)}.radial-menu-btn:focus-visible{box-shadow:0 4px 12px #0000004d,0 0 0 2px var(--amber)}.radial-menu-btn:active{transform:translate(-50%,-50%) scale(.95)!important}.radial-menu-btn svg{width:20px;height:20px;flex-shrink:0}.physics-avatar.locally-muted .physics-avatar-circle,.presence-item.locally-muted .avatar-circle{filter:saturate(.75) brightness(.9)}.physics-avatar.locally-muted .physics-avatar-halo,.presence-item.locally-muted:before{opacity:0!important}.physics-avatar.locally-muted:after{content:"";position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;background:var(--bg-elevated);border:1px solid var(--border-warm);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23958b82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cline x1='23' y1='9' x2='17' y2='15'/%3E%3Cline x1='17' y1='9' x2='23' y2='15'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.physics-avatar:focus{outline:none}.physics-avatar:focus-visible .physics-avatar-inner{box-shadow:0 0 0 2px var(--amber);border-radius:50%}.camera-btn{background:var(--bg-elevated);color:var(--text-muted);border:2px solid var(--border);box-shadow:0 4px 16px -4px #0000004d,inset 0 1px #ffffff08}.camera-btn:hover:not(:disabled){border-color:var(--text-faint);color:var(--text-soft)}.camera-btn.active{background:linear-gradient(145deg,var(--amber) 0%,var(--terracotta) 100%);color:var(--bg-deep);border-color:transparent;box-shadow:0 4px 20px -4px #d4a57466,0 0 0 4px var(--amber-soft)}.camera-btn.active:hover{box-shadow:0 6px 24px -4px #d4a57480,0 0 0 6px var(--amber-soft)}.switch-camera-btn{background:var(--bg-elevated);color:var(--text-muted);border:2px solid var(--border);width:48px;height:48px;font-size:1rem;box-shadow:0 2px 8px -2px #0003}.switch-camera-btn:hover{color:var(--amber);border-color:var(--border-warm);background:var(--bg-hover)}.switch-camera-btn.hidden{display:none}.physics-avatar-video-indicator{position:absolute;top:-4px;left:-4px;width:18px;height:18px;background:var(--bg-elevated);border:1px solid var(--border-warm);border-radius:50%;display:none;align-items:center;justify-content:center;color:var(--amber);z-index:10}.physics-avatar-video-indicator svg{width:10px;height:10px}.physics-avatar.has-video .physics-avatar-video-indicator{display:flex}.video-overlay-container{position:fixed;top:80px;right:var(--space-lg);bottom:120px;width:280px;max-width:calc(100vw - 2rem);display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;z-index:100;pointer-events:none}.video-overlay-container>*{pointer-events:auto}.video-overlay{background:var(--bg-elevated);border:1px solid var(--border-warm);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px -8px #0006,inset 0 1px #ffffff08;animation:videoOverlayIn .2s ease-out}@keyframes videoOverlayIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.video-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-deep);border-bottom:1px solid var(--border)}.video-overlay-name{font-size:.85rem;color:var(--text-soft);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-overlay-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:0;opacity:.7;transition:opacity var(--duration-fast),color var(--duration-fast)}.video-overlay-close:hover{opacity:1;color:var(--terracotta)}.video-overlay-content{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-deep)}.video-overlay-video{width:100%;height:100%;object-fit:cover}.local-video-preview{position:fixed;bottom:100px;right:var(--space-lg);width:120px;aspect-ratio:4 / 3;background:var(--bg-deep);border:2px solid var(--amber);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px -4px #00000080,0 0 0 4px var(--amber-soft);z-index:101;animation:localPreviewIn .2s ease-out}@keyframes localPreviewIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.local-video-preview-video{width:100%;height:100%;object-fit:cover}.local-video-preview-close{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#0009;border:none;border-radius:50%;color:var(--text);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast)}.local-video-preview:hover .local-video-preview-close{opacity:1}.local-video-preview-close:hover{background:var(--terracotta)}@media (max-width: 480px){.video-overlay-container{top:auto;bottom:100px;left:var(--space-md);right:var(--space-md);width:auto;max-height:200px;flex-direction:row;flex-wrap:wrap;justify-content:center}.video-overlay{width:140px;flex-shrink:0}.local-video-preview{bottom:110px;right:var(--space-md);width:80px}}.header-nav{display:flex;gap:var(--space-md);margin-left:auto;margin-right:var(--space-lg)}.nav-link{color:var(--text-soft);text-decoration:none;font-size:.9rem;padding:var(--space-xs) var(--space-sm);border-radius:4px;transition:color var(--duration-fast),background var(--duration-fast)}.nav-link:hover{color:var(--text);background:var(--bg-hover)}.nav-link.active{color:var(--amber)}.cabinet-container{max-width:900px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.cabinet-container.hidden{display:none}.cabinet-view{animation:fadeIn var(--duration-normal) var(--ease-soft)}.cabinet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.cabinet-header h1{font-family:var(--font-display);font-size:2rem;font-weight:500;color:var(--text)}.empty-state,.loading-state,.error-state{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.error-banner{background:#c8646426;border:1px solid rgba(200,100,100,.3);color:#e8a0a0;padding:var(--space-md);border-radius:8px;margin-bottom:var(--space-lg);display:flex;justify-content:space-between;align-items:center}.error-dismiss{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;opacity:.7}.error-dismiss:hover{opacity:1}.places-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.place-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:var(--space-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-soft)}.place-card:hover{background:var(--bg-hover);border-color:var(--border-warm);transform:translateY(-2px)}.place-card.archived{opacity:.6}.place-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.visibility-icon{font-size:.9rem}.place-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--text)}.place-description{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.place-card-footer{display:flex;justify-content:space-between;align-items:center}.place-slug{font-family:monospace;font-size:.8rem;color:var(--text-faint)}.status-badge{font-size:.75rem;padding:2px 8px;border-radius:10px;background:var(--bg-hover)}.status-badge.archived{background:#968c8233;color:var(--text-muted)}.btn{padding:var(--space-sm) var(--space-md);border-radius:8px;border:none;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all var(--duration-fast)}.btn-primary{background:var(--amber);color:var(--bg)}.btn-primary:hover{background:var(--amber-soft);color:var(--amber);background:linear-gradient(135deg,var(--amber) 0%,var(--terracotta) 100%)}.btn-secondary{background:var(--bg-hover);color:var(--text-soft);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-glow);color:var(--text)}.btn-warning{background:#c8966433;color:#d4a574;border:1px solid rgba(200,150,100,.3)}.btn-warning:hover{background:#c896644d}.btn-danger{background:#c8646426;color:#e8a0a0;border:1px solid rgba(200,100,100,.2)}.btn-danger:hover{background:#c8646440}.btn-text{background:transparent;padding:var(--space-xs) var(--space-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-back{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:var(--space-xs)}.btn-back:hover{color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--duration-fast)}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp var(--duration-normal) var(--ease-soft)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border)}.modal-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:500}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text)}.modal-form{padding:var(--space-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;margin-bottom:var(--space-sm);color:var(--text-soft);font-size:.9rem}.form-group input[type=text],.form-group input[type=email],.form-group textarea,.form-group select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:1rem;transition:border-color var(--duration-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--amber)}.form-group textarea{resize:vertical;min-height:80px}.form-error{color:#e8a0a0;font-size:.9rem;margin-top:var(--space-sm)}.form-actions{margin-top:var(--space-lg)}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.radio-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all var(--duration-fast)}.radio-option:hover{background:var(--bg-hover);border-color:var(--border-warm)}.radio-option input[type=radio]{margin-top:4px;accent-color:var(--amber)}.radio-label{display:flex;flex-direction:column}.radio-label strong{color:var(--text);font-weight:500}.radio-label small{color:var(--text-muted);font-size:.85rem}.settings-view{animation:fadeIn var(--duration-normal) var(--ease-soft)}.settings-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.settings-header h1{font-family:var(--font-display);font-size:1.75rem;font-weight:500}.settings-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--border);padding-bottom:var(--space-xs)}.tab-btn{background:none;border:none;padding:var(--space-sm) var(--space-md);color:var(--text-muted);font-family:var(--font-body);font-size:.95rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--duration-fast)}.tab-btn:hover:not(:disabled){color:var(--text-soft)}.tab-btn.active{color:var(--amber);border-bottom-color:var(--amber)}.tab-btn:disabled{opacity:.4;cursor:not-allowed}.settings-form{max-width:500px}.url-display{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.url-display code{color:var(--text-muted);font-family:monospace;font-size:.85rem;word-break:break-all;flex:1}.url-display .copy-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-soft);padding:var(--space-xs) var(--space-sm);border-radius:4px;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)}.url-display .copy-btn:hover{background:var(--amber-soft);border-color:var(--amber);color:var(--amber)}.settings-divider{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}.danger-zone{background:#c864640d;border:1px solid rgba(200,100,100,.15);border-radius:12px;padding:var(--space-lg)}.danger-zone h3{color:#e8a0a0;font-size:1rem;font-weight:500;margin-bottom:var(--space-lg)}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid rgba(200,100,100,.1)}.danger-item:last-child{border-bottom:none;padding-bottom:0}.danger-item strong{display:block;color:var(--text);margin-bottom:var(--space-xs)}.danger-item p{color:var(--text-muted);font-size:.85rem}.inline-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.inline-form input,.inline-form select{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-body)}.inline-form input:focus,.inline-form select:focus{outline:none;border-color:var(--amber)}.inline-form select{flex:0 0 auto;width:120px}.members-list,.streams-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.member-item,.stream-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg);border:1px solid var(--border);border-radius:8px}.member-info{display:flex;align-items:center;gap:var(--space-md)}.member-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.member-avatar.placeholder{background:var(--bg-hover)}.member-name{font-weight:500;color:var(--text)}.member-email{font-size:.85rem;color:var(--text-muted)}.stream-info{display:flex;flex-direction:column;gap:var(--space-xs)}.stream-name{font-weight:500;color:var(--text)}.stream-type{font-size:.8rem;color:var(--text-muted);font-family:monospace}.stream-actions{display:flex;gap:var(--space-sm)}.stream-key-alert{background:var(--amber-soft);border:1px solid var(--border-warm);border-radius:8px;padding:var(--space-md);margin-bottom:var(--space-lg)}.stream-key-alert strong{display:block;margin-bottom:var(--space-sm);color:var(--amber)}.stream-key{display:block;background:var(--bg);padding:var(--space-sm);border-radius:4px;font-family:monospace;font-size:.9rem;word-break:break-all;margin:var(--space-sm) 0}.copy-key{color:var(--amber)}.empty-list{text-align:center;padding:var(--space-xl);color:var(--text-muted);background:var(--bg);border:1px dashed var(--border);border-radius:8px}@media (max-width: 640px){.cabinet-container{padding:var(--space-lg) var(--space-md)}.cabinet-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.places-grid{grid-template-columns:1fr}.settings-tabs{flex-wrap:wrap}.inline-form{flex-direction:column}.inline-form select{width:100%}.danger-item{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.header-nav{margin-left:0;margin-right:0}}.fab{position:fixed;bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0));right:var(--space-xl);width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(145deg,var(--amber) 0%,var(--terracotta) 100%);color:var(--bg-deep);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px -4px #d4a57466,0 0 0 4px var(--amber-soft);transition:transform var(--duration-fast) var(--ease-soft),box-shadow var(--duration-normal) var(--ease-soft);z-index:100}.fab:hover{transform:scale(1.08);box-shadow:0 6px 24px -4px #d4a57480,0 0 0 6px var(--amber-soft)}.fab:active{transform:scale(.95)}.fab svg{width:24px;height:24px}.text-link{color:inherit;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}