*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111214;--bg-2:#18191d;--bg-3:#1f2025;--bg-card:#ffffff0a;--bg-card-hover:#ffffff12;--border:#ffffff14;--border-2:#ffffff26;--border-focus:#2563eb8c;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-2:#3b82f6;--accent-3:#93c5fd;--accent-gradient:linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);--accent-glow:0 0 24px #2563eb59;--success:#10b981;--success-bg:#10b9811f;--danger:#ef4444;--danger-2:#dc2626;--danger-bg:#ef444426;--warning:#f59e0b;--muted-icon:#ef4444e6;--text:#f1f5f9;--text-2:#94a3b8;--text-3:#4b5563;--text-inverse:#111214;--glass:#111215eb;--glass-border:#ffffff1a;--shadow:0 4px 20px #00000073;--shadow-lg:0 16px 48px #0000008c;--shadow-glow:0 0 32px #2563eb33;--r:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--transition:.18s ease}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--r-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff38}#main{height:100%}.app-root{flex-direction:column;min-height:100vh;display:flex}h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}h2{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}.btn{border-radius:var(--r);cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:default;pointer-events:none}.btn-primary{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 2px 12px #2563eb59}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 4px 20px #2563eb80}.btn-ghost{color:var(--text-2);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-2);color:var(--text)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#ef444433}.btn-danger:hover{background:#ef444440}.btn-icon{border-radius:var(--r-full);background:#ffffff0f;border-color:#0000;width:38px;height:38px;padding:0}.btn-icon:hover{background:#ffffff1a;transform:scale(1.05)}.input{border-radius:var(--r);background:var(--bg-3);border:1px solid var(--border);width:100%;color:var(--text);transition:border-color var(--transition);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--border-focus)}.input::placeholder{color:var(--text-3)}textarea.input{resize:vertical;min-height:80px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);overflow:hidden}.card:hover{border-color:var(--border-2)}.badge{border-radius:var(--r-full);letter-spacing:.03em;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent-3);background:#2563eb26}.badge-success{background:var(--success-bg);color:var(--success)}.badge-me{background:var(--accent-gradient);color:#fff}.modal-overlay{z-index:200;backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-xl);width:100%;min-width:360px;max-width:480px;box-shadow:var(--shadow-lg);padding:28px;animation:.18s slideUp}.modal-box h2{margin-bottom:20px}.modal-footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.home-page{flex-direction:column;min-height:100vh;display:flex}.home-header{backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;background:#111215eb;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.home-logo{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.home-logo-icon{justify-content:center;align-items:center;line-height:0;display:flex}.home-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 32px}.home-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.meetings-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.meeting-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--transition);cursor:pointer;flex-direction:column;gap:14px;padding:20px;display:flex}.meeting-card:hover{box-shadow:var(--shadow-glow);border-color:#2563eb59;transform:translateY(-2px)}.meeting-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.meeting-card-name{color:var(--text);font-size:16px;font-weight:600;line-height:1.3}.meeting-card-desc{color:var(--text-2);font-size:13px;line-height:1.5}.meeting-card-meta{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.meeting-card-meta span{align-items:center;gap:4px;display:flex}.meeting-card-actions{gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-3);grid-column:1/-1;padding:80px 20px}.empty-state-icon{opacity:.45;justify-content:center;margin-bottom:16px;display:flex}.empty-state h3{color:var(--text-2);margin-bottom:8px;font-size:18px}.empty-state p{margin-bottom:24px;font-size:14px}.meeting-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.meeting-header{backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;box-sizing:border-box;background:#111215f7;flex-shrink:0;justify-content:space-between;align-items:center;max-width:100%;height:56px;padding:0 20px;display:flex}.meeting-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.meeting-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.meeting-timer{color:var(--text-2);font-variant-numeric:tabular-nums;letter-spacing:.06em;background:var(--bg-3);border-radius:var(--r-full);border:1px solid var(--border);padding:3px 10px;font-size:13px;font-weight:600}.recording-badge{border-radius:var(--r-full);color:#ef4444;font-variant-numeric:tabular-nums;letter-spacing:.06em;background:#ef44441f;border:1px solid #ef444459;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:600;display:flex}.rec-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.meeting-back-btn{color:var(--text-2);border-radius:var(--r);transition:color var(--transition);align-items:center;gap:6px;padding:4px 8px;font-size:13px;text-decoration:none;display:flex}.meeting-back-btn:hover{color:var(--text)}.meeting-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:15px;font-weight:600;overflow:hidden}.meeting-body{flex:1;display:flex;overflow:hidden}.meeting-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.video-grid-wrapper{flex:1;min-height:0;padding:12px;overflow-y:auto}.video-grid-wrapper:has(>#video-grid.presenting)>#video-grid{flex:1;min-height:0}#video-grid:not(.presenting){grid-template-columns:repeat(auto-fill,minmax(clamp(180px,28vw,280px),1fr));align-content:center;gap:clamp(6px,1vw,12px);width:100%;max-width:1280px;min-height:100%;margin:0 auto;display:grid}#video-grid.peers-1:not(.presenting){grid-template-columns:1fr}#video-grid.peers-2:not(.presenting),#video-grid.peers-3:not(.presenting),#video-grid.peers-4:not(.presenting){grid-template-columns:repeat(2,1fr)}#video-grid.peers-5:not(.presenting),#video-grid.peers-6:not(.presenting){grid-template-columns:repeat(3,1fr)}.video-container{background:var(--bg-3);border-radius:var(--r-lg);aspect-ratio:16/9;border:1px solid var(--border);transition:border-color var(--transition), box-shadow var(--transition);flex-shrink:0;position:relative;overflow:hidden}.video-container.speaking{box-shadow:0 0 0 2px #2563eb40, var(--shadow-glow);border-color:#2563eba6;animation:1.4s ease-in-out infinite vad-pulse}@keyframes vad-pulse{0%{box-shadow:0 0 0 2px #2563eb40,0 0 0 4px #2563eb1a}50%{box-shadow:0 0 0 3px #2563eb73,0 0 0 7px #2563eb26}to{box-shadow:0 0 0 2px #2563eb40,0 0 0 4px #2563eb1a}}.audio-level-bar{background:var(--success);border-radius:0 0 var(--r-lg) var(--r-lg);z-index:3;opacity:.85;height:3px;transition:width .1s ease-out;position:absolute;bottom:0;left:0}.video-container.local-video{border-color:#2563eb59}.video-container.local-video.mic-muted{opacity:.65;border-color:#64748b40}.video-container video{z-index:1;object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.local-video video{transform:scaleX(-1)}.screenshare-container{aspect-ratio:unset;background:#000;justify-content:center;align-items:stretch;display:flex!important}.screenshare-container video{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:static!important;transform:none!important}.screenshare-container{border:2px solid #10b98199!important}.video-no-cam{background:linear-gradient(160deg, var(--bg-2) 0%, var(--bg-3) 100%);z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-avatar{border-radius:var(--r-full);color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex;box-shadow:0 4px 16px #2563eb73}.video-label{backdrop-filter:blur(4px);pointer-events:none;z-index:4;background:#00000085;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;display:flex;position:absolute;bottom:8px;right:8px}.status-mic,.status-cam{align-items:center;line-height:0;display:flex}.video-label-name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;max-width:90px;margin-left:3px;font-size:11px;font-weight:600;overflow:hidden}.badge-me{color:#93c5fd;white-space:nowrap;background:#2563eb40;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.audio-visualizer{pointer-events:none;z-index:2;border-radius:0 0 var(--r-lg) var(--r-lg);width:100%;height:64px;position:absolute;bottom:0;left:0}.control-bar-wrapper{z-index:10;flex-shrink:0;justify-content:center;padding:12px 16px 16px;display:flex;position:relative}.control-bar{border-radius:var(--r-full);background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);align-items:center;gap:6px;padding:8px 16px;display:flex}.ctrl-btn{border-radius:var(--r-full);width:44px;height:44px;color:var(--text);cursor:pointer;transition:all var(--transition);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff12;border:none;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.ctrl-btn:hover{background:#ffffff21;transform:scale(1.08)}.ctrl-btn.active{background:var(--accent-gradient);box-shadow:0 0 18px #2563eb73}.ctrl-btn.muted{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.ctrl-btn.leave{color:#ef4444;border-radius:var(--r);background:#dc26262e;border:1px solid #dc26264d;gap:6px;width:auto;padding:0 14px;font-size:13px;font-weight:600}.ctrl-btn.leave:hover{background:#dc262652}.ctrl-divider{background:var(--border);width:1px;height:28px;margin:0 4px}.ctrl-zone{align-items:center;gap:6px;display:flex}.ctrl-zone-left{flex:1;justify-content:flex-start}.ctrl-zone-center{flex:none;justify-content:center;padding:0 8px}.ctrl-zone-right{flex:1;justify-content:flex-end}.ctrl-leave-center{min-width:88px;height:44px;color:#ef4444!important;border-radius:var(--r)!important;background:#dc26262e!important;border:1px solid #dc26264d!important;gap:7px!important;width:auto!important;padding:0 18px!important}.ctrl-leave-center:hover{background:#dc262652!important;transform:scale(1.03)!important}.ctrl-leave-label{font-size:13px;font-weight:600}.ctrl-btn-label{white-space:nowrap;color:var(--text-3);pointer-events:none;font-size:10px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);color:var(--text);border-radius:var(--r);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition);border:1px solid var(--border-2);z-index:999;background:#1a1b1f;padding:4px 9px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:hover:after{opacity:1}.meeting-sidebar{background:var(--bg-2);border-left:1px solid var(--border);width:300px;transition:width var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.meeting-sidebar.hidden{width:0}.sidebar-tabs{border-bottom:1px solid var(--border);display:flex}.sidebar-tab{text-align:center;color:var(--text-3);cursor:pointer;transition:all var(--transition);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:12px;font-weight:600}.sidebar-tab.active{color:var(--accent-2);border-bottom-color:var(--accent-2);background:#2563eb0f}.sidebar-tab:hover{color:var(--text-2)}.sidebar-body{flex:1;padding:12px;overflow-y:auto}.participant-item{border-radius:var(--r);transition:background var(--transition);cursor:default;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;display:flex}.participant-item:hover{background:var(--bg-card-hover)}.participant-avatar{border-radius:var(--r-full);color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.participant-info{flex:1;min-width:0}.participant-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.participant-room{color:var(--text-3);font-size:11px}.participant-icons{color:var(--danger);gap:4px;font-size:12px;display:flex}.room-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);margin-bottom:8px;padding:10px 12px}.room-item.current{background:#2563eb0f;border-color:#2563eb59}.room-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.room-item-name{color:var(--text);font-size:13px;font-weight:600}.room-item-count{color:var(--text-3);font-size:11px}.room-item-users{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.room-user-chip{border-radius:var(--r-full);background:var(--bg-3);color:var(--text-2);align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.room-move-btn{border-radius:var(--r);width:100%;color:var(--accent-3);cursor:pointer;transition:all var(--transition);background:#2563eb14;border:1px solid #2563eb38;margin-top:8px;padding:6px;font-size:12px;font-weight:500}.room-move-btn:hover{background:#2563eb29}.new-room-form{gap:6px;margin-top:12px;display:flex}.new-room-form .input{flex:1;padding:8px 10px;font-size:12px}.chat-messages{flex-direction:column;gap:6px;display:flex}.chat-msg{flex-direction:column;max-width:82%;display:flex}.chat-msg-mine{align-self:flex-end;align-items:flex-end}.chat-msg-other{align-self:flex-start;align-items:flex-start}.chat-msg-from{color:var(--accent-3);margin-bottom:3px;padding-left:4px;font-size:11px;font-weight:600}.chat-bubble{word-break:break-word;border-radius:14px;flex-direction:column;gap:4px;padding:8px 12px;font-size:13px;line-height:1.45;display:flex}.chat-bubble-mine{color:#fff;background:linear-gradient(135deg,#0fbcb0 0%,#0891b2 100%);border-bottom-right-radius:4px;box-shadow:0 2px 10px #0fbcb059}.chat-bubble-other{color:var(--text);background:#ffffff0f;border:1px solid #ffffff17;border-bottom-left-radius:4px}.chat-bubble-text{display:block}.chat-bubble-time{opacity:.65;text-align:right;margin-top:2px;font-size:10px;display:block}.chat-input-row{border-top:1px solid var(--border);gap:6px;padding:8px;display:flex}.chat-input-row .input{flex:1;padding:8px 10px;font-size:13px}.spinner{border-radius:var(--r-full);border:2px solid var(--border-2);border-top-color:var(--accent-2);width:20px;height:20px;animation:.7s linear infinite spin}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.error-msg{background:var(--danger-bg);border-radius:var(--r);color:var(--danger);border:1px solid #ef444440;margin-bottom:12px;padding:10px 14px;font-size:13px}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.join-overlay{z-index:50;backdrop-filter:blur(8px);background:#0b0c0eed;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.join-overlay-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-xl);text-align:center;min-width:320px;box-shadow:var(--shadow-lg);padding:32px 40px}.join-overlay-card h2{margin-bottom:8px}.join-overlay-card p{color:var(--text-2);margin-bottom:24px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.video-grid-wrapper:has(>#video-grid.presenting){flex-direction:column;padding:0;display:flex;overflow:hidden}.video-grid-wrapper:has(>#video-grid.presenting)>#video-grid.presenting{flex:1;min-height:0}#video-grid.presenting{grid-template-columns:unset;grid-template-rows:unset;gap:6px;align-content:unset;width:100%;max-width:1280px;height:100%;min-height:unset;flex-direction:column;margin:0 auto;padding:6px;display:flex;overflow:hidden}#video-grid.presenting>.screenshare-container{aspect-ratio:16/9;flex-shrink:0;order:2;align-self:center;width:100%;max-height:60%;overflow:hidden}#video-grid.presenting>.peers-row{flex:1;order:1;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;gap:clamp(6px,1vw,14px);min-height:0;padding:4px 0;display:grid;overflow:hidden}#video-grid.presenting>.peers-row>.video-container{border-radius:var(--r);width:100%;min-width:0;min-height:0;font-size:clamp(10px,1vw,15px);overflow:hidden}#video-grid.peers-1.presenting>.peers-row>.video-container{aspect-ratio:16/9;width:auto;max-width:100%;height:100%}#video-grid.peers-2.presenting>.peers-row{grid-template-rows:1fr;grid-template-columns:1fr 1fr}#video-grid.peers-2.presenting>.peers-row>.video-container{aspect-ratio:16/9;align-self:center;height:auto;max-height:100%}#video-grid.peers-3.presenting>.peers-row{grid-template-rows:1fr;grid-template-columns:1fr 1fr 1fr}#video-grid.peers-3.presenting>.peers-row>.video-container{aspect-ratio:16/9;align-self:center;height:auto;max-height:100%}#video-grid.peers-4.presenting>.peers-row,#video-grid.peers-5.presenting>.peers-row,#video-grid.peers-6.presenting>.peers-row{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr}#video-grid.presenting>.peers-row .video-avatar{width:clamp(26px,2.8vw,52px);height:clamp(26px,2.8vw,52px);font-size:clamp(10px,1.2vw,20px)}#video-grid.presenting>.peers-row .video-no-cam>div{display:none!important}#video-grid.presenting>.peers-row .video-no-cam span{font-size:clamp(9px,.85vw,13px)!important}@media (width<=599px){.video-grid-wrapper:has(>#video-grid.presenting){flex:1;height:0;min-height:0;padding:0;display:block;overflow:hidden auto}#video-grid.presenting{height:auto;min-height:unset;flex-direction:column;gap:8px;padding:8px;overflow:visible}.video-grid-wrapper:has(>#video-grid.presenting)>#video-grid.presenting{min-height:unset;flex:none}#video-grid.presenting>.screenshare-container{aspect-ratio:16/9;flex-shrink:0;order:1;width:100%;max-height:none}#video-grid.presenting>.peers-row{height:auto;min-height:unset;flex-direction:column;flex:none;order:2;gap:8px;padding:0;display:flex;overflow:visible}#video-grid.presenting>.peers-row>.video-container,#video-grid.peers-1.presenting>.peers-row>.video-container,#video-grid.peers-2.presenting>.peers-row>.video-container,#video-grid.peers-3.presenting>.peers-row>.video-container,#video-grid.peers-4.presenting>.peers-row>.video-container,#video-grid.peers-5.presenting>.peers-row>.video-container,#video-grid.peers-6.presenting>.peers-row>.video-container{aspect-ratio:16/9;flex-shrink:0;width:100%;height:auto;max-height:none}#video-grid.presenting>.strip-paginator{order:3}}#video-grid.presenting>.strip-paginator{flex-shrink:0;order:3;justify-content:center;align-items:center;gap:8px;height:24px;padding:2px 0 0;display:flex}.strip-paginator{pointer-events:none;grid-area:2/1/auto/-1;justify-content:center;align-items:center;gap:8px;padding:4px 0 2px;display:flex}.strip-page-btn{color:#fff;cursor:pointer;width:26px;height:26px;transition:background var(--transition);pointer-events:all;background:#000000a6;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.strip-page-btn:hover{background:#2563ebcc}.strip-page-btn:disabled{opacity:.2;cursor:default;pointer-events:none}.strip-page-dots{align-items:center;gap:4px;display:flex}.strip-page-dot{background:#fff3;border-radius:50%;width:6px;height:6px}.strip-page-dot.active{background:var(--accent-2)}.settings-btn-group{flex-wrap:wrap;gap:6px;display:flex}.settings-opt{border-radius:var(--r);border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);cursor:pointer;transition:all var(--transition);padding:6px 14px;font-size:12px;font-weight:500}.settings-opt:hover{border-color:var(--border-2);color:var(--text)}.settings-opt.active{color:var(--accent-3);background:#2563eb26;border-color:#2563eb80;font-weight:600}.settings-toggle{cursor:pointer;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-3);transition:border-color var(--transition);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.settings-toggle:hover{border-color:var(--border-2)}.settings-toggle input[type=checkbox]{display:none}.settings-toggle-track{background:var(--bg);border:1px solid var(--border-2);width:36px;height:20px;transition:background var(--transition);border-radius:10px;flex-shrink:0;margin-top:2px;position:relative}.settings-toggle-track:after{content:"";background:var(--text-3);width:12px;height:12px;transition:all var(--transition);border-radius:50%;position:absolute;top:3px;left:3px}.settings-toggle input:checked~.settings-toggle-track{background:var(--accent);border-color:var(--accent)}.settings-toggle input:checked~.settings-toggle-track:after{background:#fff;left:19px}.settings-toggle-info{flex-direction:column;gap:3px;display:flex}.settings-toggle-label{color:var(--text);font-size:13px;font-weight:500}.settings-toggle-desc{color:var(--text-3);font-size:11px;line-height:1.4}.settings-summary{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);font-variant-numeric:tabular-nums;margin-top:4px;padding:10px 14px;font-size:12px}#video-grid:not(.presenting){width:100%;max-width:1280px;margin:0 auto}@media (width<=1023px) and (width>=768px){#video-grid.peers-4,#video-grid.peers-5,#video-grid.peers-6{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.home-body{padding:20px 16px}.home-header{padding:0 16px}.meetings-grid{grid-template-columns:1fr}.control-bar{gap:4px}.ctrl-btn{width:40px;height:40px;font-size:16px}.ctrl-leave-center{height:40px}}@media (width<=650px){.control-bar-wrapper{background:var(--glass);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:20;justify-content:flex-start;padding:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0006}.control-bar{box-shadow:none;scrollbar-width:none;scroll-snap-type:x proximity;background:0 0;border:none;border-radius:0;justify-content:flex-start;gap:10px;width:100%;padding:10px 14px;overflow-x:auto}.control-bar::-webkit-scrollbar{display:none}.ctrl-btn{scroll-snap-align:start;flex-shrink:0}.meeting-body{flex-direction:column;padding-bottom:64px}.meeting-main{min-height:0;padding-bottom:0}.video-grid-wrapper{padding:8px}#video-grid{grid-template-columns:1fr}#video-grid.peers-1{max-width:none}#video-grid.peers-2,#video-grid.peers-3{grid-template-columns:1fr}#video-grid.peers-4,#video-grid.peers-5,#video-grid.peers-6{grid-template-columns:repeat(2,1fr)}#video-grid.peers-4 .video-container,#video-grid.peers-5 .video-container,#video-grid.peers-6 .video-container{aspect-ratio:4/3}.meeting-sidebar{border-left:none;border-top:1px solid var(--border);z-index:5;border-radius:16px 16px 0 0;flex-direction:column;flex-shrink:0;max-height:42vh;animation:.22s slideUp;display:flex;position:relative;bottom:auto;overflow:hidden;width:100%!important}.meeting-sidebar:before{content:"";background:var(--border-2);border-radius:var(--r-full);flex-shrink:0;width:36px;height:4px;margin:10px auto 6px;display:block}.sidebar-body{flex:1;overflow-y:auto}.modal-box{min-width:unset;border-radius:var(--r-lg);width:calc(100vw - 32px);padding:20px}.video-grid-wrapper:has(#video-grid.presenting){height:100%;padding:4px;overflow:hidden}#video-grid.presenting{grid-template-rows:72px 1fr!important;grid-template-columns:repeat(5,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important}#video-grid.presenting>.video-container:not(.screenshare-container){height:72px!important;aspect-ratio:unset!important;grid-row:1!important}#video-grid.presenting>.video-container:not(.screenshare-container) .video-avatar{width:28px!important;height:28px!important;font-size:11px!important}#video-grid.presenting>.screenshare-container{height:min(100vh - 192px,56.25vw)!important;min-height:0!important;aspect-ratio:unset!important;grid-area:2/1/auto/-1!important}}@media (width<=479px){#video-grid.peers-4,#video-grid.peers-5,#video-grid.peers-6{grid-template-columns:1fr!important}#video-grid .video-container{height:200px!important;aspect-ratio:unset!important}}.ctrl-more-btn{border-radius:var(--r-full);width:44px;height:44px;color:var(--text);cursor:pointer;transition:all var(--transition);touch-action:manipulation;background:#ffffff12;border:none;justify-content:center;align-items:center;font-size:18px;display:none}.ctrl-more-btn:hover{background:#ffffff21;transform:scale(1.08)}.ctrl-overflow-menu{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:50;flex-direction:column;gap:2px;min-width:200px;padding:6px;animation:.15s slideUp;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.ctrl-overflow-item{border-radius:var(--r);color:var(--text);cursor:pointer;transition:background var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 14px;font-size:13px;font-weight:500;display:flex}.ctrl-overflow-item:hover{background:var(--bg-card-hover)}.ctrl-overflow-item.active{color:var(--accent-3)}.ctrl-overflow-item.active svg{stroke:var(--accent-3)}@media (width<=480px){.ctrl-leave-label{display:none}.ctrl-leave-center{min-width:52px;padding:0 12px!important}.ctrl-zone-right,.ctrl-zone-left{gap:2px}}