:root{color:#e5edf7;background:#0b1020;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}main{width:min(100% - 2rem,1180px);margin:0 auto;padding:2rem}.private-room-shell{width:100%;height:100dvh;padding:.5rem;overflow:hidden}button,input{font:inherit;border:1px solid #334155;border-radius:10px;margin:.25rem;padding:.7rem}button{color:#04130a;cursor:pointer;background:#22c55e}button,.link-action-button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,opacity .14s,transform 90ms}button:hover:not(:disabled),.link-action-button:hover{filter:brightness(1.04)}button:active:not(:disabled),.link-action-button:active{transform:translateY(1px)scale(.96);box-shadow:inset 0 2px 8px #00000038,0 0 0 3px #22c55e24}button:focus-visible,.link-action-button:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}input{color:#e5edf7;background:#111827;min-width:22rem}select{color:#e5edf7;background:#111827;border:1px solid #334155;border-radius:10px;width:100%;padding:.65rem}input[type=file].file-input{display:none}a{color:inherit;text-decoration:none}.share-link{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.share-link input{flex:0 28rem;margin:0}.link-action-button{color:#04130a;cursor:pointer;background:#22c55e;border:1px solid #22c55e38;border-radius:12px;align-items:center;gap:.45rem;min-height:48px;margin:0;padding:.7rem .9rem;display:inline-flex}.link-action-button svg{fill:currentColor;width:1.1rem;height:1.1rem}.link-action-button.copied{color:#042f2e;background:#2dd4bf;border-color:#14b8a661;box-shadow:0 0 0 3px #2dd4bf29,0 10px 28px #14b8a638}section{background:#0f172a;border:1px solid #1e293b;border-radius:18px;margin:1rem 0;padding:1rem}.app-overview{background:radial-gradient(circle at 0 0,#22c55e21,#0000 34rem),#0f172a;gap:1rem;padding:1.25rem;display:grid}.app-overview h2,.app-overview p{margin:0}.app-overview h2{margin-bottom:.45rem}.app-overview>button{width:-moz-fit-content;width:fit-content;margin:0}.eyebrow{color:#86efac;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.82rem;font-weight:700}.overview-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.overview-details article{background:#0f172a9e;border:1px solid #94a3b829;border-radius:16px;gap:.35rem;padding:.9rem;display:grid}.overview-details span{color:#b6c2d4}.private-room-panel{background:0 0;border:0;height:calc(100dvh - 1rem);margin:0;padding:0;position:relative}.room-recovery-card{z-index:2;-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:linear-gradient(135deg,#0f172ae6,#1e293bc7);border:1px solid #e2e8f02e;border-radius:28px;gap:1rem;width:min(560px,100% - 2rem);padding:1.5rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 26px 80px #0000006b}.room-recovery-card>div:first-child{align-items:center;gap:.8rem;display:flex}.room-recovery-card h2,.room-recovery-card p{margin:0}.room-recovery-card p{color:#b6c2d4}.room-recovery-card>button{color:#04230f;background:#22c55e;border:0;width:-moz-fit-content;width:fit-content;margin:0;font-weight:700}.room-recovery-card input{width:min(100%,34rem);min-width:0}.status-dot{background:#94a3b8;border-radius:50%;width:.7rem;min-width:.7rem;height:.7rem;box-shadow:0 0 0 4px #94a3b824}.status-dot.joined,.status-dot.connected,.status-dot.peer-present{background:#22c55e;box-shadow:0 0 0 4px #22c55e29,0 0 20px #22c55e6b}.status-dot.connecting,.status-dot.calling,.status-dot.requesting-media{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b29,0 0 20px #f59e0b61}.status-dot.error{background:#ef4444;box-shadow:0 0 0 4px #ef444429,0 0 20px #ef444461}[role=alert]{color:#fecaca}button:disabled,input:disabled{opacity:.55;cursor:not-allowed}button.secondary{color:#e5edf7;background:#1f2937}.meet-layout{--private-stage-height:calc(100dvh - 1rem);height:var(--private-stage-height);grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:0;display:grid}.meet-layout.chat-open{grid-template-columns:minmax(0,1fr) clamp(340px,23vw,420px)}.meet-stage{min-height:var(--private-stage-height);background:radial-gradient(circle,#111827 0,#050816 70%);border:1px solid #23314a;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000059}.remote-video{width:100%;height:var(--private-stage-height);object-fit:cover;background:#050816;min-height:0;display:block}.home-link-button{color:#e5edf7;background:#0f172a57;border:0;border-radius:12px;place-items:center;width:40px;min-width:40px;height:40px;margin:0;padding:0;display:inline-grid}.home-link-button svg{fill:currentColor;width:1.15rem;height:1.15rem}.home-link-button:disabled{color:#94a3b8;background:#0f172a7a}.stage-top-bar{z-index:3;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(135deg,#0f172a85,#1e293b61);border:1px solid #e2e8f029;border-radius:16px;justify-content:space-between;align-items:center;gap:.7rem;max-width:calc(100% - 1.5rem);padding:.4rem .55rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem;box-shadow:0 14px 44px #0000002e}.stage-status,.private-room-meta{align-items:center;gap:.55rem;min-width:0;display:flex}.stage-status{flex:1 1 0}.private-room-meta{flex:0 auto;justify-content:flex-end}.stage-status div{align-items:baseline;gap:.45rem;min-width:0;display:flex}.stage-status strong{white-space:nowrap}.private-room-meta span{color:#cbd5e1;white-space:nowrap}.private-room-meta .room-state{text-transform:capitalize}.private-room-meta .room-instance{color:#94a3b8;text-overflow:ellipsis;max-width:14ch;overflow:hidden}.private-room-meta button{color:#04230f;background:#22c55e;border:0;border-radius:999px;margin:0;padding:.48rem .9rem;font-weight:700}.private-room-meta .leave-room-button{color:#fee2e2;background:#dc2626}.stage-status strong,.private-room-meta strong{letter-spacing:-.02em;font-size:.9rem}.stage-status span{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.private-room-meta span{font-size:.8rem}.call-alert{z-index:2;color:#fecaca;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#7f1d1db8;border:1px solid #f8717159;border-radius:14px;max-width:min(520px,100% - 2rem);padding:.75rem 1rem;position:absolute;top:5rem;left:1rem}.presence-notice{z-index:4;color:#e5edf7;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(135deg,#0f172ac7,#1e293ba3);border:1px solid #e2e8f029;border-radius:999px;margin:0;padding:.62rem .9rem;position:absolute;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #00000042}.stage-status span,.muted,.chat-sidebar-header p{color:#9fb0c8}.local-video-overlay{aspect-ratio:16/10;background:#050816;border:2px solid #e5edf72e;border-radius:18px;width:clamp(150px,22%,260px);margin:0;position:absolute;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 16px 42px #00000073}.local-video-overlay video{object-fit:cover;width:100%;height:100%}.local-video-overlay figcaption{color:#e5edf7;background:#0f172ad1;border-radius:999px;padding:.22rem .55rem;position:absolute;bottom:.55rem;left:.55rem}.call-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172ac7;border:1px solid #94a3b833;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.call-controls:focus-within{transform:translate(-50%)}.call-control-button{color:#e5edf7;background:#334155;border:0;border-radius:50%;place-items:center;width:48px;height:48px;margin:0;padding:0;display:inline-grid}.call-control-button svg{fill:currentColor;width:22px;height:22px}.call-control-button:hover:not(:disabled),.call-control-button.active{background:#475569}.call-control-button.danger{background:#dc2626}.call-control-button.danger:hover:not(:disabled){background:#ef4444}.call-control-button:active:not(:disabled){transform:scale(.92);box-shadow:inset 0 2px 10px #0000004d,0 0 0 4px #94a3b829}.device-settings-panel{-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:linear-gradient(135deg,#0f172af0,#1e293bdb);border:1px solid #e2e8f029;border-radius:20px;gap:.8rem;width:min(360px,100vw - 2rem);padding:1rem;display:grid;position:absolute;bottom:calc(100% + .85rem);left:50%;transform:translate(-50%);box-shadow:0 24px 70px #00000061}.device-settings-panel header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.device-settings-panel header button{color:#dbeafe;background:#1d4ed8;margin:0;padding:.45rem .65rem}.device-settings-panel label{color:#b6c2d4;gap:.35rem;display:grid}.chat-sidebar{height:var(--private-stage-height);max-height:var(--private-stage-height);background:#0b1426;border:1px solid #23314a;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.chat-sidebar-header{border-bottom:1px solid #23314a;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.chat-sidebar-header h3,.chat-sidebar-header p{margin:0}.icon-close{color:#e5edf7;background:#1f2937;border-radius:50%;place-items:center;width:36px;min-width:36px;height:36px;margin:0;padding:0;display:inline-grid}.messages{min-height:90px;padding:1rem;overflow:auto}.message{background:#111c31;border-radius:14px;gap:.15rem;padding:.65rem .8rem;display:grid}.message.mine{background:#12351f}.file-message{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.file-message>svg{color:#93c5fd;fill:currentColor;width:1.6rem;height:1.6rem}.file-message>div{min-width:0;display:grid}.file-message span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-message small{color:#9fb0c8}.file-download-button{color:#dbeafe;background:#1d4ed8;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:.4rem;width:-moz-fit-content;width:fit-content;padding:.5rem .7rem;display:inline-flex}.file-download-button svg{fill:currentColor;width:1rem;height:1rem}.typing-indicator{z-index:1;color:#b6c2d4;background:#1e293bbd;border-radius:999px;padding:.28rem .6rem;position:absolute;bottom:calc(100% + .35rem);left:.75rem;box-shadow:0 10px 24px #0000003d}.chat-form{border-top:1px solid #23314a;flex-wrap:nowrap;align-items:center;gap:.35rem;padding:.8rem;display:flex}.chat-form input{width:100%;min-width:0;margin:0}.chat-input-shell{flex:220px;min-width:0;position:relative}.chat-file-button,.chat-send-button{color:#e5edf7;background:#334155;border-radius:12px;place-items:center;width:34px;min-width:34px;height:40px;margin:0;padding:0;display:inline-grid}.chat-file-button svg,.chat-send-button svg{fill:currentColor;width:1rem;height:1rem}.chat-send-button{color:#04130a;background:#22c55e}@media (max-width:980px){.overview-details{grid-template-columns:1fr}.private-room-meta .room-instance{display:none}.presence-notice{top:10rem}.meet-layout.chat-open{grid-template-columns:1fr}.chat-sidebar{max-height:420px}}@media (max-width:720px){main{padding:1rem}.private-room-shell{padding:.35rem}.private-room-panel{height:calc(100dvh - .7rem)}.meet-layout{--private-stage-height:calc(100dvh - .7rem)}.meet-stage,.remote-video{min-height:420px}.home-link-button{border-radius:16px;width:44px;min-width:44px;height:44px}.home-link-button svg{width:1.2rem;height:1.2rem}.stage-top-bar{border-radius:18px;gap:.45rem;padding:.55rem;top:.65rem;left:.65rem;right:.65rem}.private-room-meta{gap:.4rem}.private-room-meta strong,.private-room-meta .room-state,.private-room-meta .room-instance{display:none}.private-room-meta button{padding:.42rem .7rem}.presence-notice{text-align:center;max-width:calc(100% - 1.3rem);top:7.6rem}.local-video-overlay{width:min(38%,180px);bottom:5.45rem;right:.75rem}.call-controls{gap:.35rem;width:calc(100% - 1.5rem);padding:.5rem}.call-control-button{width:44px;min-width:44px;height:44px}.call-control-button svg{width:20px;height:20px}.device-settings-panel{width:calc(100vw - 1.5rem);bottom:calc(100% + .6rem)}}