@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");:root{--page:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--surface-blue:#f1f7ff;--border:#e4eaf2;--border-strong:#d4deea;--text:#172033;--muted:#718096;--muted-dark:#526176;--primary:#2776e8;--primary-dark:#1557b8;--teal:#14b8a6;--danger:#e45858;--shadow:0 18px 50px rgba(30,57,90,.08);--shadow-sm:0 8px 24px rgba(30,57,90,.07)}*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--page:#0d1421;--surface:#182335;--surface-soft:#111d2e;--surface-blue:#1b3351;--border:#2a3a50;--border-strong:#456080;--text:#edf3fc;--muted:#9caec5;--muted-dark:#c0cee0;--primary:#72adff;--primary-dark:#a0c8ff;--teal:#36cfb9;--danger:#ff9393;--shadow:0 18px 50px rgba(0,0,0,.24);--shadow-sm:0 8px 24px rgba(0,0,0,.2)}body,html{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 82% 0,#e8f2ff 0,transparent 31%),radial-gradient(circle at 4% 38%,#eefaf8 0,transparent 26%),var(--page);font-family:DM Sans,system-ui,sans-serif;overflow-x:hidden}button,input{font:inherit}button{border:0;cursor:pointer}main{width:min(1440px,100%);min-height:100dvh;margin:0 auto;padding:26px clamp(18px,4vw,60px) 22px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:22px;gap:22px}h1,h2,h3,h4{color:var(--text);font-family:Plus Jakarta Sans,DM Sans,sans-serif}h1{font-size:17px;font-weight:800;letter-spacing:-.03em}h2{font-size:22px;letter-spacing:-.04em}h3{font-size:17px;letter-spacing:-.03em}h4{font-size:13px}.topbar{justify-content:space-between;gap:18px}.badge,.brand,.chat-heading,.eyebrow,.feature-row,.participant-count,.secure-label,.topbar,.topbar-meta,.waiting-heading{display:flex;align-items:center}.brand{gap:12px}.brand-icon{width:40px;height:40px}.brand p{margin-top:3px;color:var(--muted);font-size:12px}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#3286f1,#19bba9);box-shadow:0 10px 22px rgba(39,118,232,.22);font-size:19px}.topbar-meta{gap:12px}.theme-switch{position:relative;flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:70px;height:36px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted)}.theme-switch i{position:relative;z-index:1;font-size:14px}.theme-switch-thumb{position:absolute;left:3px;top:3px;width:28px;height:28px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s ease}.theme-switch[aria-checked=false] .bi-sun-fill{color:#b77914}.theme-switch[aria-checked=true] .theme-switch-thumb{transform:translateX(34px)}.theme-switch[aria-checked=true] .bi-moon-stars-fill{color:#9fc5ff}.theme-switch:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.secure-label{gap:6px;color:var(--muted);font-size:11px;font-weight:600}.secure-label i{color:var(--teal);font-size:14px}.badge{gap:7px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted-dark);background:hsla(0,0%,100%,.8);box-shadow:0 4px 12px rgba(30,57,90,.04);font-size:11px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(20,184,166,.12)}.card{min-height:0;border:1px solid var(--border);border-radius:22px;background:hsla(0,0%,100%,.9);box-shadow:var(--shadow)}.welcome-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;grid-gap:22px;gap:22px;min-height:0}.welcome-card{display:flex;flex-direction:column;padding:clamp(32px,3.5vw,48px);overflow:hidden}.eyebrow{width:-moz-fit-content;width:fit-content;gap:7px;color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.eyebrow i{font-size:13px}.welcome-card h2{margin-top:16px}.welcome-card h2 span{color:var(--primary)}.lead-copy{max-width:500px;margin-top:14px;color:var(--muted);font-size:14px;line-height:1.5}.feature-row{flex-wrap:wrap;gap:8px;margin-top:20px}.feature-row span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted-dark);background:var(--surface-soft);font-size:11px;font-weight:700}.feature-row i{color:var(--primary);font-size:14px}.join-form{width:100%;display:flex;flex-direction:column;gap:16px;margin-top:22px}.field-group{display:grid;grid-gap:7px;gap:7px}.join-form label{color:var(--muted-dark);font-size:11px;font-weight:700}.input-wrap{position:relative}.input-wrap>i{position:absolute;top:50%;left:14px;z-index:1;color:#9aa9bb;font-size:15px;transform:translateY(-50%)}.input{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--border);border-radius:12px;outline:0;color:var(--text);background:var(--surface-soft);transition:.2s ease}.input::placeholder{color:#a7b3c1}.input:focus{border-color:#88b8f5;background:#fff;box-shadow:0 0 0 4px rgba(39,118,232,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid var(--border);border-radius:12px;color:var(--muted-dark);background:var(--surface);box-shadow:0 4px 10px rgba(30,57,90,.04);font-size:12px;font-weight:700;transition:.2s ease}.btn:hover{border-color:var(--border-strong);background:var(--surface-soft);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--primary),#36a3e8);box-shadow:0 10px 20px rgba(39,118,232,.2)}.btn-accent,.btn-accent:hover{border-color:transparent;color:#fff}.btn-accent:hover{background:linear-gradient(135deg,var(--primary-dark),#2c91d5)}.btn-wide{width:100%;margin:0;padding:12px 18px}.welcome-card>*{flex-shrink:0}.join-guide{flex:1 0 auto;margin-top:20px;padding:16px;border:1px solid #dce9f7;border-radius:14px;background:linear-gradient(120deg,#f1f7ff,#f0faf7);display:flex;flex-direction:column;justify-content:center;gap:12px}.join-guide-heading{display:flex;align-items:center;gap:8px;font-size:12px}.join-guide-heading i{color:var(--primary)}.join-guide-steps{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.join-guide-steps>div{display:flex;align-items:flex-start;gap:8px}.join-guide-steps>div>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:7px;background:#fff;color:var(--primary);font-size:10px;font-weight:700}.join-guide-steps p{color:var(--muted-dark);font-size:11px;line-height:1.5}.join-guide-steps strong{display:block;color:var(--text);margin-bottom:3px}.join-guide-note{display:flex;gap:7px;align-items:center;border-top:1px solid #dce9f0;padding-top:15px;color:var(--muted-dark);font-size:10px;line-height:1.5}.welcome-page{grid-template-rows:auto minmax(0,1fr)}.btn-danger{border-color:#f4cccc;color:var(--danger);background:#fff7f7}.welcome-art{position:relative;overflow:hidden;min-height:0;border-radius:22px;background:linear-gradient(145deg,#e9f4ff,#dff8f3);box-shadow:var(--shadow)}.welcome-art:after,.welcome-art:before{position:absolute;content:"";border-radius:50%;background:hsla(0,0%,100%,.38)}.welcome-art:before{width:250px;height:250px;top:-75px;right:-60px}.welcome-art:after{width:170px;height:170px;bottom:-48px;left:-38px}.art-orbit{position:absolute;border:1px solid rgba(39,118,232,.14);border-radius:50%}.orbit-one{width:440px;height:440px;top:12%;left:3%}.orbit-two{width:330px;height:330px;top:22%;left:15%;border-color:rgba(20,184,166,.16)}.art-card{position:absolute;z-index:2;border:1px solid hsla(0,0%,100%,.8);border-radius:20px;background:hsla(0,0%,100%,.76);box-shadow:0 22px 44px rgba(35,98,142,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.art-card-main{width:min(72%,330px);top:22%;left:14%;padding:18px;transform:rotate(-4deg)}.art-card-bottom,.art-card-top{display:flex;align-items:center;justify-content:space-between;color:#718096;font-size:10px;font-weight:700}.art-live{display:inline-flex;align-items:center;gap:6px;color:var(--teal)}.art-live span{width:6px;height:6px;border-radius:50%;background:var(--teal)}.art-avatar{width:150px;height:150px;display:grid;place-items:center;margin:30px auto 18px;border:8px solid hsla(0,0%,100%,.75);border-radius:50%;color:#fff;background:linear-gradient(145deg,#7db4fa,#60d4c6);box-shadow:0 10px 22px rgba(39,118,232,.18);font-size:55px}.art-wave{height:25px;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:28px}.art-wave span{width:4px;height:10px;border-radius:4px;background:#6ba7f0}.art-wave span:nth-child(2),.art-wave span:nth-child(6){height:17px}.art-wave span:nth-child(3),.art-wave span:nth-child(5){height:23px}.art-wave span:nth-child(4){height:13px;background:var(--teal)}.floating-pill{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid hsla(0,0%,100%,.8);border-radius:12px;color:var(--muted-dark);background:hsla(0,0%,100%,.82);box-shadow:var(--shadow-sm);font-size:11px;font-weight:700}.floating-pill i{color:var(--primary)}.pill-top{top:17%;right:8%;transform:rotate(5deg)}.pill-bottom{right:9%;bottom:19%;transform:rotate(-4deg)}.waiting-page{grid-template-rows:auto minmax(0,1fr)}.waiting-layout{min-width:0;display:grid;place-items:center;padding:16px 0}.waiting-card{width:min(100%,500px);display:flex;flex-direction:column;align-items:center;padding:36px;text-align:center}.waiting-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:26px;border:1px solid var(--border);border-radius:24px;color:var(--primary);background:var(--surface-blue);box-shadow:0 0 0 9px rgba(39,118,232,.06);font-size:30px}.waiting-card h2{margin-top:14px;font-size:clamp(22px,2.4vw,28px);line-height:1.3}.waiting-copy{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.7;max-width:360px}.waiting-details{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:24px;padding:16px;grid-gap:16px;gap:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);text-align:left}.waiting-details>div{display:flex;align-items:flex-start;gap:9px;min-width:0}.waiting-details i{color:var(--primary);font-size:17px}.waiting-details span{min-width:0;color:var(--muted);font-size:10px}.waiting-details strong{display:block;margin-top:5px;color:var(--text);font-size:13px;overflow-wrap:anywhere}.waiting-progress{display:flex;align-items:center;gap:10px;margin:24px 0;color:var(--muted-dark);font-size:12px}.waiting-dots{display:flex;gap:4px}.waiting-dots span{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:waitingPulse 1.4s ease-in-out infinite}.waiting-dots span:nth-child(2){animation-delay:.2s}.waiting-dots span:nth-child(3){animation-delay:.4s}.waiting-cancel{width:100%}.waiting-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;color:var(--muted);font-size:10px;line-height:1.6}@keyframes waitingPulse{0%,80%,to{opacity:.35}40%{opacity:1}}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-gap:18px;gap:18px;min-height:0}.video-card{display:flex;flex-direction:column;height:100%;min-height:0;padding:18px}.section-heading,.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 16px}.section-heading h2{margin-top:6px;font-size:19px}.participant-count{gap:6px;color:var(--muted);font-size:11px;font-weight:700}.participant-count i{color:var(--primary)}.video-body{flex:1 1;min-width:0;min-height:0}.video-grid{height:100%;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));grid-auto-rows:minmax(0,1fr);grid-gap:12px;gap:12px}.video-grid>.video-tile{min-width:0;min-height:0;height:100%;aspect-ratio:auto}.video-tile{position:relative;min-height:160px;overflow:hidden;border:1px solid #d8e0eb;border-radius:16px;background:linear-gradient(145deg,#26354a,#111a29);aspect-ratio:16/10}.video-tile.is-pinned{border:2px solid #4d91ef;box-shadow:0 0 0 2px rgba(77,145,239,.18),0 10px 24px rgba(39,118,232,.18)}.pinned-badge{top:10px;left:10px;z-index:3;display:inline-flex;gap:5px;padding:5px 8px;border:1px solid hsla(0,0%,100%,.22);border-radius:7px;color:#fff;background:rgba(39,118,232,.9);box-shadow:0 4px 12px rgba(0,0,0,.25);font-size:10px;font-weight:800}.pinned-badge,.video-reactions{position:absolute;align-items:center}.video-reactions{inset:0;z-index:4;display:flex;justify-content:center;overflow:hidden;pointer-events:none}.video-reaction{display:grid;place-items:center;grid-gap:2px;gap:2px;min-width:76px;padding:7px 9px;border:1px solid hsla(0,0%,100%,.3);border-radius:12px;color:#fff;background:rgba(8,14,24,.78);box-shadow:0 8px 22px rgba(0,0,0,.3);animation:videoReactionPop 4.6s ease both}.video-reaction strong{font-size:2.1rem;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.45)}.video-reaction small{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}@keyframes videoReactionPop{0%{opacity:0;transform:translateY(18px) scale(.65)}12%{opacity:1;transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(-10px) scale(1)}to{opacity:0;transform:translateY(-34px) scale(.92)}}.video-tile video{width:100%;height:100%;min-width:0;min-height:0;display:block;object-fit:cover}.video-tile.screen-share video{object-fit:contain;background:#111a29}.video-label{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 20px);padding:5px 9px 5px 5px;overflow:hidden;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;color:#fff;background:rgba(15,26,42,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:linear-gradient(145deg,#26354a,#111a29)}.video-placeholder-avatar{display:grid;place-items:center;width:min(140px,35%);max-height:55%;aspect-ratio:1;border-radius:50%;color:#eaf8ff;background:linear-gradient(145deg,#398ce3,#20b4a9);border:1px solid hsla(0,0%,100%,.22);box-shadow:0 0 0 10px rgba(91,174,223,.08),0 12px 36px rgba(0,0,0,.2)}.video-placeholder-avatar i{font-size:clamp(24px,5vw,76px);line-height:1}.video-tile.mini .video-placeholder-avatar{width:48px;box-shadow:0 0 0 5px rgba(91,174,223,.08)}.video-tile.mini .video-placeholder-avatar i{font-size:28px}.video-tile .icon-btn,.video-tile .video-label{z-index:1}.video-status{position:absolute;z-index:1;right:10px;bottom:10px;display:flex;gap:5px}.video-status>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid hsla(0,0%,100%,.18);border-radius:9px;color:#a3ebd8;background:rgba(15,26,42,.85);font-size:12px}.video-status>.is-off{color:#ffc0c0;background:rgba(86,35,43,.9)}.video-tile .video-label{max-width:calc(100% - 88px)}.avatar-dot{width:22px;height:22px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#4c98f3,#26bba8);font-size:10px}.icon-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid hsla(0,0%,100%,.18);border-radius:9px;color:#fff;background:rgba(15,26,42,.65);font-size:13px}.icon-btn:hover{background:rgba(39,118,232,.85)}.stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;grid-gap:10px;gap:10px;height:100%;min-height:0}.stage-layout .stage,.stage-main{min-width:0;min-height:0;height:100%}.stage-layout .stage{aspect-ratio:auto}.stage-strip{display:grid;grid-auto-rows:minmax(110px,135px);grid-gap:10px;gap:10px;overflow-y:auto;padding-right:3px}.video-tile.mini{height:100%;aspect-ratio:16/9}.sidebar{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;height:100%;min-height:0;padding:18px}.sidebar-heading{padding:2px 2px 4px}.sidebar-heading h3{margin-top:6px}.count-badge{min-width:26px;padding:5px 8px;border-radius:8px;color:var(--primary);background:var(--surface-blue);font-size:12px;font-weight:800;text-align:center}.panel{min-height:0;padding:12px;border:1px solid var(--border);border-radius:15px;background:var(--surface-soft)}.participants-list{display:grid;grid-gap:6px;gap:6px;max-height:190px;overflow-y:auto;padding-right:3px}.participant-item,.pending-item{display:flex;align-items:center;gap:9px;min-width:0;padding:8px;border:1px solid transparent;border-radius:11px;color:var(--muted-dark);background:#fff;font-size:12px}.participant-item:has(.pin-btn.is-active){border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.participant-item>i{margin-left:auto;color:var(--teal);font-size:12px}.participant-avatar{width:28px;height:28px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(145deg,#72aef3,#5acbbd);font-size:11px;font-weight:800}.participant-name{display:grid;min-width:0;overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.participant-name small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:500}.empty-state{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;text-align:center}.empty-state i{color:#9db1c9;font-size:17px}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;grid-gap:9px;gap:9px}.chat-heading{justify-content:space-between;gap:8px;color:var(--text);font-size:12px;font-weight:800}.chat-heading span{display:inline-flex;align-items:center;gap:6px}.chat-heading i{color:var(--primary)}.chat-heading small{color:var(--muted);font-size:10px;font-weight:500}.chat-list{display:flex;flex-direction:column;gap:7px;min-height:0;overflow-y:auto;padding-right:3px}.chat-item{display:grid;grid-gap:2px;gap:2px;padding:8px 10px;border-radius:10px;color:var(--muted-dark);background:#fff;font-size:11px;line-height:1.4}.chat-item strong{color:var(--primary-dark);font-size:10px}.chat-form{position:relative}.chat-form .input{padding:10px 42px 10px 11px;border-radius:10px;background:#fff;font-size:11px}.send-btn{position:absolute;top:5px;right:5px;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--primary);font-size:11px}.waiting-heading{justify-content:space-between;margin-bottom:7px}.waiting-heading span{color:var(--primary);font-size:10px;font-weight:800}.pending-list{display:grid;grid-gap:7px;gap:7px}.pending-item{border-color:var(--border)}.pending-item>span:nth-child(2){min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.approve-btn{width:27px;height:27px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;color:#fff;background:var(--teal);font-size:12px}.approve-btn:hover{background:#0d9b8c}.approve-btn:disabled{cursor:not-allowed;opacity:.4}.pin-btn{color:var(--primary);background:var(--surface-blue)}.pin-btn.is-active{color:#fff;background:var(--primary)}.deny-btn{background:var(--danger)}.deny-btn:hover{background:#a82d3c}.controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:2px}.tools-popover{position:relative;display:inline-flex}.tools-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:30;display:grid;grid-gap:5px;gap:5px;min-width:180px;padding:7px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 16px 34px rgba(30,57,90,.18)}.tools-menu .control-btn{width:100%;justify-content:flex-start;box-shadow:none}.reaction-picker{position:absolute;right:0;bottom:calc(100% + 10px);z-index:31;display:grid;grid-template-columns:repeat(4,42px);grid-gap:5px;gap:5px;padding:8px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 16px 34px rgba(30,57,90,.2)}.reaction-option{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;font-size:1.45rem;line-height:1;transition:transform .16s ease,background .16s ease,border-color .16s ease}.reaction-option:focus-visible,.reaction-option:hover{border-color:#c8dcf5;background:var(--surface-blue);outline:0;transform:scale(1.12)}.reaction-overlay{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none}.floating-reaction{position:absolute;left:var(--reaction-x);bottom:13%;display:grid;place-items:center;width:54px;height:54px;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.42);font-size:2.35rem;line-height:1;transform:translateX(-50%);animation:reactionFloat 4.2s cubic-bezier(.2,.72,.25,1) both}@keyframes reactionFloat{0%{opacity:0;transform:translate(-50%,22px) scale(.55) rotate(0deg)}10%{opacity:1}78%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--reaction-drift)),-72vh) scale(1.18) rotate(var(--reaction-rotate))}}@media (prefers-reduced-motion:reduce){.floating-reaction{animation-duration:.001ms;animation-iteration-count:1;opacity:0}}.control-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:92px;padding:10px 13px;border:1px solid var(--border);border-radius:11px;color:var(--muted-dark);background:hsla(0,0%,100%,.9);box-shadow:0 5px 14px rgba(30,57,90,.05);font-size:11px;font-weight:700;transition:.2s ease}.control-btn i{color:var(--primary);font-size:14px}.control-btn:hover{border-color:#b7c9df;transform:translateY(-1px)}.control-btn.is-active{color:var(--primary-dark);background:var(--surface-blue)}.control-btn.is-danger{color:var(--danger);border-color:#f1caca;background:#fff7f7}.control-btn.is-danger i{color:var(--danger)}.control-btn.is-recording{color:var(--danger);border-color:#f1caca;background:#fff7f7}.control-btn.btn-danger,.control-btn.btn-danger i,.control-btn.is-recording i{color:var(--danger)}.toast{position:fixed;top:22px;right:22px;z-index:20;width:min(380px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;color:var(--muted-dark);background:hsla(0,0%,100%,.94);box-shadow:0 14px 34px rgba(30,57,90,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastIn .25s ease both;font-size:12px;font-weight:700}.toast-icon{flex:0 0 auto;color:var(--primary);font-size:17px;line-height:1.2}.toast-message{flex:1 1;line-height:1.45}.toast-close{flex:0 0 auto;padding:1px;color:#9aa9bb;background:transparent;font-size:11px}.toast-close:hover{color:var(--muted-dark)}.toast-success{border-color:rgba(20,184,166,.28)}.toast-success .toast-icon{color:var(--teal)}.toast-error{border-color:rgba(228,88,88,.28)}.toast-error .toast-icon{color:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) translateX(8px)}to{opacity:1;transform:translateY(0) translateX(0)}}.fade-in{animation:fadeInUp .35s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1051px){main{height:100dvh;max-height:100dvh;overflow:hidden}.welcome-layout{align-self:stretch;height:100%}.welcome-art,.welcome-card{height:100%}}@media (min-width:1051px) and (max-height:820px){main{padding-top:18px;padding-bottom:14px;gap:14px}.welcome-layout{gap:16px}.welcome-card{padding:40px 36px 28px}.welcome-card h2{margin-top:13px;font-size:clamp(30px,4vw,40px)}.lead-copy{margin-top:10px;font-size:13px}.feature-row{margin-top:15px}.join-form{margin-top:16px}.input{padding-top:9px;padding-bottom:9px}.btn-wide{padding-top:10px;padding-bottom:10px}.art-card-main{padding:24px}.art-avatar{width:120px;height:120px;margin-top:20px;margin-bottom:14px;font-size:44px}.art-wave{margin-bottom:18px}}@media (max-width:1050px){main{height:auto;min-height:100dvh;overflow:visible}.welcome-layout{height:auto;grid-template-columns:1fr}.join-form{display:grid;flex:initial;justify-content:normal;min-height:auto}.btn-wide{width:100%;margin:8px 0 0}.welcome-art{min-height:360px}.room-grid{grid-template-columns:minmax(0,1fr) 290px}}@media (max-width:820px){.room-grid{grid-template-columns:1fr}.video-card{height:clamp(280px,65dvh,520px);min-height:0}.sidebar{height:auto;grid-template-rows:auto auto auto auto}.chat-panel{min-height:240px}}@media (max-width:600px){.join-guide-steps{grid-template-columns:1fr;gap:10px}main{padding:18px 13px;gap:14px}.toast{top:14px;right:13px}.topbar-meta .secure-label{display:none}.topbar{align-items:flex-start}.badge{padding:7px 9px;font-size:10px}.welcome-card{padding:28px 24px}.welcome-card h2{font-size:36px}.welcome-art{min-height:300px}.art-card-main{top:18%;left:12%}.art-avatar{width:105px;height:105px;margin:20px auto 14px;font-size:38px}.pill-top{top:10%;right:5%}.pill-bottom{right:5%;bottom:11%}.section-heading{align-items:flex-start}.participant-count{padding-top:4px}.stage-layout{grid-template-columns:1fr;grid-template-rows:minmax(250px,1fr) auto}.stage-strip{grid-auto-flow:column;grid-auto-columns:150px;grid-auto-rows:95px;overflow-x:auto;overflow-y:hidden}.stage-layout .stage{height:auto}.video-grid{grid-template-columns:1fr}.controls{gap:6px}.control-btn{min-width:auto;flex:1 1 28%;padding:9px 8px}.control-btn span{font-size:10px}.waiting-card{padding:28px 22px}.waiting-details{grid-template-columns:1fr}}@media (min-width:1051px) and (max-height:700px){main.welcome-page{height:auto;max-height:none;overflow:visible}.welcome-page .welcome-layout{height:auto}}[data-theme=dark] body{background:radial-gradient(circle at 82% 0,#192f4c 0,transparent 40%),var(--page)}[data-theme=dark] :is(.card,.badge,.control-btn,.toast,.participant-item,.pending-item,.chat-item,.chat-form .input,.join-guide-steps>div>span){background:var(--surface)}[data-theme=dark] .input:focus{background:var(--surface)}[data-theme=dark] .input::placeholder{color:#8496ae}[data-theme=dark] .join-guide{background:linear-gradient(120deg,#192c44,#173333);border-color:var(--border)}[data-theme=dark] .join-guide-note{border-color:var(--border)}[data-theme=dark] .welcome-art{background:linear-gradient(145deg,#192f4b,#143c3a)}[data-theme=dark] .welcome-art:after,[data-theme=dark] .welcome-art:before{background:hsla(0,0%,100%,.035)}[data-theme=dark] :is(.art-card,.floating-pill){background:rgba(24,35,53,.92);border-color:var(--border-strong)}[data-theme=dark] :is(.art-card-top,.art-card-bottom){color:var(--muted)}[data-theme=dark] .art-avatar{border-color:#29445b}[data-theme=dark] .control-btn.is-active{background:var(--surface-blue)}[data-theme=dark] :is(.btn-danger,.control-btn.is-recording){background:#38232e;border-color:#724450}[data-theme=dark] .btn-accent{background:linear-gradient(135deg,#2167d2,#157bb5)}[data-theme=dark] .btn-accent:hover{background:linear-gradient(135deg,#1c56b1,#12699d)}@media (max-width:600px){.topbar{flex-wrap:wrap}.topbar-meta{margin-left:auto;gap:8px}}@media (prefers-reduced-motion:reduce){.theme-switch-thumb{transition:none}.waiting-dots span{animation:none}}@media (max-height:720px){main.waiting-page{height:auto;max-height:none;overflow:visible}}:root:not([data-theme=light]),:root[data-theme=dark]{color-scheme:dark;--page:#0b0c0e;--surface:#202124;--surface-soft:#18191b;--surface-blue:#292b30;--border:#34363a;--border-strong:#4a4d52;--text:#f4f4f5;--muted:#a2a5ab;--muted-dark:#d8d9dc;--primary:#4285f4;--primary-dark:#78aaff;--teal:#35c995;--danger:#ec5360;--shadow:0 22px 60px rgba(0,0,0,.34);--shadow-sm:0 10px 26px rgba(0,0,0,.26)}:root:not([data-theme=light]) body,:root[data-theme=dark] body{color:var(--text);background:radial-gradient(circle at 86% -8%,rgba(38,67,109,.22),transparent 34%),radial-gradient(circle at 3% 96%,rgba(21,74,67,.12),transparent 30%),var(--page)}:root:not([data-theme=light]) main,:root[data-theme=dark] main{width:min(1500px,100%);padding:18px clamp(14px,2.8vw,34px) 22px;gap:14px}:root:not([data-theme=light]) .topbar,:root[data-theme=dark] .topbar{padding:12px 16px;border:1px solid #2d2f33;border-radius:14px;background:#151617;box-shadow:0 12px 30px rgba(0,0,0,.2)}:root:not([data-theme=light]) .brand,:root[data-theme=dark] .brand{gap:0}:root:not([data-theme=light]) .brand-wordmark,:root[data-theme=dark] .brand-wordmark{color:#fff;font-family:DM Sans,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.085em;line-height:.9;text-transform:lowercase}:root:not([data-theme=light]) .brand p,:root[data-theme=dark] .brand p{margin-top:7px;color:#898c92;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}:root:not([data-theme=light]) .secure-label,:root[data-theme=dark] .secure-label{color:#9da0a6}:root:not([data-theme=light]) .secure-label i,:root[data-theme=dark] .secure-label i{color:var(--teal)}:root:not([data-theme=light]) .badge,:root[data-theme=dark] .badge{border-color:#36383d;color:#d2d3d6;background:#202124;box-shadow:none}:root:not([data-theme=light]) .theme-switch,:root[data-theme=dark] .theme-switch{border-color:#383a3f;background:#202124}:root:not([data-theme=light]) .theme-switch-thumb,:root[data-theme=dark] .theme-switch-thumb{background:#303136}:root:not([data-theme=light]) .card,:root[data-theme=dark] .card{border-color:#34363a;border-radius:16px;background:#202124;box-shadow:var(--shadow)}:root:not([data-theme=light]) .welcome-layout,:root[data-theme=dark] .welcome-layout{gap:14px}:root:not([data-theme=light]) .welcome-card,:root[data-theme=dark] .welcome-card{padding:clamp(28px,3.3vw,46px)}:root:not([data-theme=light]) .welcome-card h2,:root[data-theme=dark] .welcome-card h2{max-width:680px;color:#fff;font-size:clamp(34px,2.2vw,58px)}:root:not([data-theme=light]) .welcome-card h2 span,:root[data-theme=dark] .welcome-card h2 span{color:#78aaff}:root:not([data-theme=light]) .lead-copy,:root[data-theme=dark] .lead-copy{color:#a4a6ac}:root:not([data-theme=light]) .eyebrow,:root[data-theme=dark] .eyebrow{color:#7af}:root:not([data-theme=light]) .feature-row span,:root[data-theme=dark] .feature-row span{border-color:#37393e;color:#c4c6ca;background:#18191b}:root:not([data-theme=light]) .input,:root[data-theme=dark] .input{border-color:#3a3c40;color:#f5f5f5;background:#18191b}:root:not([data-theme=light]) .input:focus,:root[data-theme=dark] .input:focus{border-color:#5e91e9;background:#18191b;box-shadow:0 0 0 4px rgba(66,133,244,.16)}:root:not([data-theme=light]) .join-form label,:root[data-theme=dark] .join-form label{color:#c9cbd0}:root:not([data-theme=light]) .btn,:root[data-theme=dark] .btn{border-color:#3c3e43;color:#d9dade;background:#292a2d;box-shadow:none}:root:not([data-theme=light]) .btn:hover,:root[data-theme=dark] .btn:hover{border-color:#62656c;background:#303136}:root:not([data-theme=light]) .btn-accent,:root[data-theme=dark] .btn-accent{color:#fff;background:#4285f4;box-shadow:0 10px 24px rgba(66,133,244,.22)}:root:not([data-theme=light]) .btn-accent:hover,:root[data-theme=dark] .btn-accent:hover{background:#5b97f6}:root:not([data-theme=light]) .join-guide,:root[data-theme=dark] .join-guide{border-color:#35373b;background:#18191b}:root:not([data-theme=light]) .join-guide-heading,:root[data-theme=dark] .join-guide-heading{color:#f1f1f2}:root:not([data-theme=light]) .join-guide-steps p,:root[data-theme=dark] .join-guide-steps p{color:#a6a8ad}:root:not([data-theme=light]) .join-guide-steps strong,:root[data-theme=dark] .join-guide-steps strong{color:#e7e7e8}:root:not([data-theme=light]) .join-guide-steps>div>span,:root[data-theme=dark] .join-guide-steps>div>span{background:#292b30}:root:not([data-theme=light]) .join-guide-note,:root[data-theme=dark] .join-guide-note{border-color:#34363a;color:#9da0a6}:root:not([data-theme=light]) .welcome-art,:root[data-theme=dark] .welcome-art{border:1px solid #34363a;border-radius:16px;background:#121315;box-shadow:var(--shadow)}:root:not([data-theme=light]) .welcome-art:after,:root:not([data-theme=light]) .welcome-art:before,:root[data-theme=dark] .welcome-art:after,:root[data-theme=dark] .welcome-art:before{background:hsla(0,0%,100%,.035)}:root:not([data-theme=light]) .art-orbit,:root[data-theme=dark] .art-orbit{border-color:rgba(100,145,220,.16)}:root:not([data-theme=light]) .art-card,:root[data-theme=dark] .art-card{border-color:#3b3d42;background:rgba(32,33,36,.95);box-shadow:0 24px 50px rgba(0,0,0,.34)}:root:not([data-theme=light]) .art-card-bottom,:root:not([data-theme=light]) .art-card-top,:root[data-theme=dark] .art-card-bottom,:root[data-theme=dark] .art-card-top{color:#a3a5aa}:root:not([data-theme=light]) .floating-pill,:root[data-theme=dark] .floating-pill{border-color:#3e4045;color:#dedfe2;background:#202124;box-shadow:var(--shadow-sm)}:root:not([data-theme=light]) .waiting-card,:root[data-theme=dark] .waiting-card{padding:clamp(30px,4vw,48px)}:root:not([data-theme=light]) .waiting-icon,:root[data-theme=dark] .waiting-icon{border-color:#3d4046;background:#292b30;box-shadow:0 0 0 9px rgba(66,133,244,.08)}:root:not([data-theme=light]) .waiting-copy,:root[data-theme=dark] .waiting-copy{color:#a5a7ac}:root:not([data-theme=light]) .waiting-details,:root[data-theme=dark] .waiting-details{border-color:#383a3f;background:#18191b}:root:not([data-theme=light]) .waiting-details span,:root[data-theme=dark] .waiting-details span{color:#a5a7ac}:root:not([data-theme=light]) .waiting-details strong,:root[data-theme=dark] .waiting-details strong{color:#ededee}:root:not([data-theme=light]) .waiting-progress,:root[data-theme=dark] .waiting-progress{color:#c4c6ca}:root:not([data-theme=light]) .waiting-hint,:root[data-theme=dark] .waiting-hint{color:#97999f}:root:not([data-theme=light]) .video-card,:root[data-theme=dark] .video-card{border-color:#303236;background:#151617}:root:not([data-theme=light]) .section-heading,:root[data-theme=dark] .section-heading{padding-bottom:14px}:root:not([data-theme=light]) .section-heading h2,:root[data-theme=dark] .section-heading h2{color:#f4f4f5}:root:not([data-theme=light]) .video-body,:root[data-theme=dark] .video-body{min-height:0}:root:not([data-theme=light]) .video-tile,:root[data-theme=dark] .video-tile{border-color:#3a3c40;border-radius:12px;background:#242527}:root:not([data-theme=light]) .video-tile.screen-share video,:root[data-theme=dark] .video-tile.screen-share video{background:#101112}:root:not([data-theme=light]) .video-placeholder,:root[data-theme=dark] .video-placeholder{background:#242527}:root:not([data-theme=light]) .video-placeholder-avatar,:root[data-theme=dark] .video-placeholder-avatar{color:#f4f4f5;background:#df4770;box-shadow:0 0 0 10px rgba(223,71,112,.08),0 14px 36px rgba(0,0,0,.3)}:root:not([data-theme=light]) .video-label,:root[data-theme=dark] .video-label{left:10px;bottom:10px;border-color:hsla(0,0%,100%,.06);border-radius:7px;color:#f5f5f5;background:rgba(8,9,10,.9);-webkit-backdrop-filter:none;backdrop-filter:none;font-size:11px}:root:not([data-theme=light]) .avatar-dot,:root[data-theme=dark] .avatar-dot{background:#36383c}:root:not([data-theme=light]) .video-status>span,:root[data-theme=dark] .video-status>span{border-color:hsla(0,0%,100%,.1);background:rgba(8,9,10,.88)}:root:not([data-theme=light]) .icon-btn,:root[data-theme=dark] .icon-btn{background:rgba(8,9,10,.8)}:root:not([data-theme=light]) .sidebar,:root[data-theme=dark] .sidebar{border-color:#34363a;background:#202124}:root:not([data-theme=light]) .panel,:root[data-theme=dark] .panel{border-color:#34363a;background:#18191b}:root:not([data-theme=light]) .participant-item,:root:not([data-theme=light]) .pending-item,:root[data-theme=dark] .participant-item,:root[data-theme=dark] .pending-item{border-color:#303236;color:#d8d9dc;background:#242527}:root:not([data-theme=light]) .participant-name,:root[data-theme=dark] .participant-name{color:#f0f0f1}:root:not([data-theme=light]) .participant-name small,:root[data-theme=dark] .participant-name small{color:#989ba1}:root:not([data-theme=light]) .participant-avatar,:root[data-theme=dark] .participant-avatar{background:#3b6fc5}:root:not([data-theme=light]) .chat-item,:root[data-theme=dark] .chat-item{color:#c2c4c8;background:#242527}:root:not([data-theme=light]) .chat-item strong,:root[data-theme=dark] .chat-item strong{color:#82adf4}:root:not([data-theme=light]) .chat-form .input,:root[data-theme=dark] .chat-form .input{background:#242527}:root:not([data-theme=light]) .empty-state,:root[data-theme=dark] .empty-state{color:#9a9da3}:root:not([data-theme=light]) .controls,:root[data-theme=dark] .controls{width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;padding:9px 10px;border:1px solid #34363a;border-radius:14px;background:#171819;box-shadow:0 16px 36px rgba(0,0,0,.32)}:root:not([data-theme=light]) .control-btn,:root[data-theme=dark] .control-btn{min-width:88px;border-color:#3b3d42;color:#e2e3e5;background:#252629;box-shadow:none}:root:not([data-theme=light]) .control-btn:hover,:root[data-theme=dark] .control-btn:hover{border-color:#65686f;background:#303136}:root:not([data-theme=light]) .control-btn.is-active,:root[data-theme=dark] .control-btn.is-active{color:#fff;background:#2f5fae}:root:not([data-theme=light]) .control-btn.is-danger,:root[data-theme=dark] .control-btn.is-danger{color:#ff9da5;background:#342328;border-color:#70434b}:root:not([data-theme=light]) .control-btn.btn-danger,:root[data-theme=dark] .control-btn.btn-danger{color:#fff;background:#df283b;border-color:#f06470}:root:not([data-theme=light]) .control-btn.btn-danger:hover,:root[data-theme=dark] .control-btn.btn-danger:hover{background:#ef3d50}:root:not([data-theme=light]) .reaction-picker,:root:not([data-theme=light]) .tools-menu,:root[data-theme=dark] .reaction-picker,:root[data-theme=dark] .tools-menu{border-color:#3b3d42;background:#202124;box-shadow:0 18px 40px rgba(0,0,0,.42)}:root:not([data-theme=light]) .reaction-option:focus-visible,:root:not([data-theme=light]) .reaction-option:hover,:root[data-theme=dark] .reaction-option:focus-visible,:root[data-theme=dark] .reaction-option:hover{border-color:#65686f;background:#303136}:root:not([data-theme=light]) .toast,:root[data-theme=dark] .toast{border-color:#3b3d42;color:#e0e1e3;background:rgba(32,33,36,.96);box-shadow:0 18px 40px rgba(0,0,0,.38)}@media (max-width:820px){:root:not([data-theme=light]) .controls,:root[data-theme=dark] .controls{width:100%}}@media (max-width:600px){:root:not([data-theme=light]) .topbar,:root[data-theme=dark] .topbar{padding:11px 12px}:root:not([data-theme=light]) .brand-icon,:root[data-theme=dark] .brand-icon{width:32px;height:32px}:root:not([data-theme=light]) .brand-wordmark,:root[data-theme=dark] .brand-wordmark{font-size:28px}:root:not([data-theme=light]) .control-btn,:root[data-theme=dark] .control-btn{min-width:0;background:#252629}}:root:not([data-theme=light]) .brand-icon,:root[data-theme=dark] .brand-icon{flex:0 0 auto;border:1px solid #3b3d42;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,.28)}:root:not([data-theme=light]) .art-avatar,:root[data-theme=dark] .art-avatar{overflow:hidden;border-color:hsla(0,0%,100%,.2);background:#292b30}:root:not([data-theme=light]) .art-avatar img,:root[data-theme=dark] .art-avatar img{width:118%;height:118%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}.art-mascot-only{position:absolute;inset:7% 8%;z-index:2;display:grid;place-items:center}.art-mascot-only img{width:min(78%,520px);height:min(88%,620px);object-fit:contain;filter:drop-shadow(0 24px 24px rgba(0,0,0,.34));animation:mascotFloat 5s ease-in-out infinite}@keyframes mascotFloat{0%,to{transform:translateY(6px)}50%{transform:translateY(-6px)}}@media (max-width:600px){.art-mascot-only{inset:8%}.art-mascot-only img{width:82%;height:86%}}@media (prefers-reduced-motion:reduce){.art-mascot-only img{animation:none}}@media (max-width:600px){:root:not([data-theme=light]) .brand-icon,:root[data-theme=dark] .brand-icon{width:32px;height:32px}}.brand{gap:10px}.brand-wordmark{color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.085em;line-height:.9;text-transform:none}.brand p{margin-top:7px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.welcome-card h2{font-size:clamp(34px,2.2vw,58px);line-height:1.05}@media (max-width:600px){.brand-wordmark{font-size:28px}.welcome-card h2,:root:not([data-theme=light]) .welcome-card h2,:root[data-theme=dark] .welcome-card h2{font-size:36px}}:root:not([data-theme=light]) main,:root[data-theme=dark] main{padding:26px clamp(18px,4vw,60px) 22px;gap:22px}:root:not([data-theme=light]) .topbar,:root[data-theme=dark] .topbar{padding:0}:root:not([data-theme=light]) .brand,:root[data-theme=dark] .brand{gap:12px}:root:not([data-theme=light]) .welcome-layout,:root[data-theme=dark] .welcome-layout{gap:22px}:root:not([data-theme=light]) .welcome-card,:root[data-theme=dark] .welcome-card{padding:clamp(32px,3.5vw,48px)}:root:not([data-theme=light]) .waiting-card,:root[data-theme=dark] .waiting-card{padding:36px}:root:not([data-theme=light]) .section-heading,:root[data-theme=dark] .section-heading{padding-bottom:16px}:root:not([data-theme=light]) .brand-icon,:root[data-theme=dark] .brand-icon{width:38px;height:38px}@media (min-width:1051px) and (max-height:820px){:root:not([data-theme=light]) main,:root[data-theme=dark] main{padding-top:18px;padding-bottom:14px;gap:14px}:root:not([data-theme=light]) .welcome-card,:root[data-theme=dark] .welcome-card{padding:40px 36px 28px}}:root:not([data-theme=light]) .topbar,:root[data-theme=dark] .topbar{border:0;background:transparent;box-shadow:none}@media (max-width:600px){:root:not([data-theme=light]) main,:root[data-theme=dark] main{padding:18px 13px;gap:14px}:root:not([data-theme=light]) .topbar,:root[data-theme=dark] .topbar{padding:0}:root:not([data-theme=light]) .welcome-card,:root[data-theme=dark] .welcome-card{padding:28px 24px}:root:not([data-theme=light]) .waiting-card,:root[data-theme=dark] .waiting-card{padding:28px 22px}:root:not([data-theme=light]) .brand-icon,:root[data-theme=dark] .brand-icon{width:32px;height:32px}}:root .tools-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(300px,calc(100vw - 32px));min-width:0;padding:8px 8px 0;border:1px solid #494949;border-radius:18px;color:#dedfe2;background:#151515;box-shadow:0 0 0 2px #101010,0 16px 36px rgba(0,0,0,.4)}:root .tools-menu .control-btn{flex-direction:column;justify-content:center;gap:8px;min-width:0;min-height:72px;padding:8px 4px;border:2px solid transparent;border-radius:12px;color:#dedfe2;background:transparent;font-size:12px;font-weight:500;line-height:1.3;text-align:center;transform:none}:root .tools-menu .control-btn i{color:currentColor;font-size:20px}:root .tools-menu .control-btn:hover{border-color:#236b90;color:#fff;background:transparent}:root .tools-menu .control-btn.is-active,:root .tools-menu .control-btn:focus-visible{outline:none;border-color:#236b90;color:#fff;background:transparent;box-shadow:0 0 0 1px #236b90}:root .tools-menu .control-btn.is-recording{color:#ff9da5}.tools-menu-footer{grid-column:1/-1;margin-top:8px;padding:10px 4px;border-top:1px solid #303030;color:#9899a2;font-size:11px;line-height:1.5;text-align:center}@media (max-width:600px){:root .tools-menu{position:fixed;left:auto;right:16px;bottom:100px;max-height:calc(100dvh - 132px);overflow-y:auto;border-radius:18px}:root .tools-menu .control-btn{min-height:72px;gap:8px;font-size:12px}:root .tools-menu .control-btn span{font-size:inherit}}.video-card{position:relative}.recording-reminder{position:absolute;top:76px;left:20px;z-index:5;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #f06a78;border-radius:7px;background:#561c24;color:#fff;font-size:.75rem;font-weight:700;pointer-events:none}.recording-reminder i{color:#ff596e}.screen-camera-preview{position:absolute;right:8px;bottom:40px;z-index:3;width:min(40%,220px);aspect-ratio:16/10;overflow:hidden;border:1px solid #fff8;border-radius:8px;background:#151515}.screen-camera-preview video{width:100%;height:100%;object-fit:contain}.screen-camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.screen-camera-label{position:absolute;bottom:4px;left:4px;padding:3px 5px;border-radius:4px;background:#000b;color:#fff;font-size:10px}.screen-camera-toggle{position:absolute;right:4px;top:4px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #fff8;border-radius:5px;background:#111d;color:#fff;cursor:pointer}