.confettiOverlay{background:#1118272e;inset:0;overflow:hidden;pointer-events:auto;position:fixed;z-index:70}.confettiCanvas{display:block;height:100%;width:100%}.fireworksOverlay{background:transparent;inset:0;overflow:hidden;pointer-events:auto;position:fixed;z-index:80}.fireworksDim{animation:fireworksOverlayFade 30s ease-in-out forwards;background:radial-gradient(circle at 50% 24%,rgba(99,114,243,.16),transparent 24rem),radial-gradient(circle at 18% 80%,rgba(20,184,166,.08),transparent 18rem),#020617c7;inset:0;position:absolute;z-index:0}.fireworksCanvas{height:100%;inset:0;position:absolute;width:100%;z-index:1}.fireworksFrame{background:transparent;border:0;height:100%;inset:0;position:absolute;width:100%;z-index:1}.fireworksCloseButton{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:transparent;border:0;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;display:inline-flex;font-size:36px;font-weight:500;height:48px;justify-content:center;line-height:1;padding:0;pointer-events:auto;position:fixed;right:24px;top:24px;transition:color .16s ease,transform .16s ease;width:48px;z-index:3}.fireworksCloseButton:hover,.fireworksCloseButton:focus-visible{background:transparent;box-shadow:none;color:#dbeafe;outline:none;transform:translateY(-1px)}@keyframes fireworksOverlayFade{0%{opacity:0}7%,90%{opacity:1}to{opacity:0}}:root{color:#182033;background:radial-gradient(circle at 8% 0%,rgba(113,126,255,.15),transparent 28rem),radial-gradient(circle at 90% 12%,rgba(67,214,203,.12),transparent 24rem),#f6f8ff;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}html,body,#root{min-height:100%}*{box-sizing:border-box}body{margin:0;min-height:100dvh;min-width:320px}#root{display:flex;flex-direction:column;min-height:100dvh}button,input,select,textarea{font:inherit}button{border:0;border-radius:999px;padding:.75rem 1.05rem;background:#f4f6ff;box-shadow:inset 0 0 0 1px #6f7dff1f;color:#26324f;cursor:pointer;font-weight:600;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}button:hover{background:#eef2ff;box-shadow:inset 0 0 0 1px #5767ff38,0 10px 24px #3746a014;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:linear-gradient(135deg,#6372f3,#4f5fe6);box-shadow:0 16px 34px #4f5fe638;color:#fff}.primary:hover{background:linear-gradient(135deg,#5968ec,#4655dc)}.header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid rgba(200,210,235,.72);box-shadow:0 16px 38px #18204a0d;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 2rem;position:sticky;top:0;z-index:5}.brand{align-items:center;background:transparent;box-shadow:none;display:inline-flex;gap:.7rem;font-size:1.08rem;font-weight:700;line-height:1.05;padding:0}.brand span,.profilePill span{display:grid;gap:.15rem;justify-items:start}.brand small,.profilePill small{color:#737c93;font-size:.72rem;font-weight:500}.brand:before{background:linear-gradient(145deg,#6475ff,#8fd9ff);border-radius:12px;box-shadow:0 10px 24px #5467ff40;content:"";display:inline-block;height:32px;width:32px}.nav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.nav button{align-items:center;background:transparent;box-shadow:none;color:#596276;font-size:.92rem;display:inline-flex;gap:.45rem;padding:.5rem .65rem}.navIcon{align-items:center;color:currentColor;display:inline-block;height:17px;width:17px}.headerActions,.heroActions,.split{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.userBadge{background:#f7f9ff;border:1px solid #dde5ff;border-radius:999px;color:#3c465f;font-size:.9rem;max-width:260px;overflow:hidden;padding:.55rem .85rem;text-overflow:ellipsis;white-space:nowrap}.profilePill{align-items:center;background:#ffffffe6;border-radius:24px;box-shadow:inset 0 0 0 1px #d8e0f8f2,0 12px 30px #3746a012;display:inline-flex;gap:.65rem;padding:.45rem .7rem .45rem .45rem}.avatarCircle{align-items:center;background:linear-gradient(135deg,#ffe2cf,#f4b8bd);border:3px solid white;border-radius:999px;box-shadow:0 8px 18px #3746a01f;color:#7b4b55;display:inline-flex!important;font-weight:700;height:38px;justify-content:center!important;width:38px}.profileChevronIcon{color:currentColor;height:17px;width:17px}.profileChevronIcon{opacity:.72}.moreButton{align-items:center;background:#ffffffeb;border-radius:18px;display:inline-flex;height:44px;justify-content:center;padding:0;width:48px}.moreButton svg{height:19px;width:19px}.headerStatus{color:#596276;font-size:.82rem;max-width:160px}.page{margin:0 auto;max-width:1120px;padding:3rem 1.5rem 4rem}.narrow{max-width:620px}.hero{background:radial-gradient(circle at 18% 18%,rgba(111,125,255,.2),transparent 25rem),radial-gradient(circle at 88% 10%,rgba(98,218,210,.16),transparent 20rem),#ffffffd1;border:1px solid rgba(212,220,246,.86);border-radius:34px;box-shadow:0 24px 70px #3746a017;padding:4rem}.compactHero{padding:2rem}.hero h1,.page h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1;margin:0 0 1rem}.hero p,.page>p{color:#526176;font-size:1.15rem;line-height:1.7}.eyebrow{color:#5360df;font-size:.78rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.card{background:#ffffffdb;border:1px solid rgba(213,222,247,.88);border-radius:26px;box-shadow:0 18px 42px #3746a012;padding:1.5rem}.card h2{margin-top:0}.card p,.note,.miniCard p{color:#5d6678;line-height:1.5}.form{background:#ffffffe0;border:1px solid rgba(213,222,247,.9);border-radius:26px;box-shadow:0 18px 42px #3746a012;display:grid;gap:1rem;margin-top:1rem;padding:1.5rem}label{display:grid;gap:.4rem}input,select,textarea{background:#fbfcff;border:1px solid #dfe6f8;border-radius:18px;color:#202a3d;padding:.85rem 1rem;width:100%}textarea{min-height:120px;max-height:400px;overflow-y:auto;resize:none}.room{display:grid;flex:1 1 auto;gap:1rem;grid-template-columns:minmax(0,80fr) minmax(240px,20fr);height:auto;min-height:0;overflow:hidden;padding:1rem 1.5rem 1.25rem}.expandedBoardRoom{background:#f5f7fc;grid-template-columns:minmax(0,1fr);height:100dvh;inset:0;padding:0;position:fixed;z-index:40}.collapsedBoardRoom{grid-template-columns:minmax(0,1fr)}.expandedBoardRoom .participantsPanel,.collapsedBoardRoom .participantsPanel{display:none}.expandedBoardRoom .roomStage{border:0;border-radius:0;gap:0;padding:0;width:100%}.expandedBoardRoom .boardToolbar{display:none}.expandedBoardRoom .whiteboardShell,.expandedBoardRoom .screenShareCanvas{border:0;border-radius:0}.roomStage{background:#ffffffe0;border:1px solid rgba(213,222,247,.96);border-radius:28px;box-shadow:0 24px 60px #3746a01a;display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:visible;padding:.9rem;position:relative}.participantsPanel{display:flex;flex-direction:column;gap:.65rem;min-height:0;overflow:hidden;overscroll-behavior:contain}.participantsPanel{overflow:visible}.participantsPanel .miniCard{flex:0 0 auto}.boardToolbar{align-items:center;background:#ffffffeb;border:1px solid rgba(219,226,249,.95);border-radius:22px;box-shadow:0 14px 34px #3746a012;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:space-between;padding:.45rem;z-index:2}.boardTabs,.boardRightControls,.boardCallControls{align-items:center;display:flex;gap:.25rem}.boardTabs,.boardRightControls,.boardCallControls{flex-wrap:wrap}.boardTabs{flex:1 1 auto}.boardRightControls{flex:0 1 auto;gap:.45rem;justify-content:flex-end}.roomLinkFrame{background:#f9faff;border:1px solid #e4e9fb;border-radius:18px;display:inline-flex;flex:0 0 auto;padding:.2rem}.roomLinkButton{border-radius:14px;color:#36415a;font-weight:700;min-height:36px;padding:.48rem .78rem;white-space:nowrap}.roomLinkButton:hover:not(:disabled),.roomLinkButton:focus-visible{background:#eef2ff;color:#4754da;outline:none;transform:none}.roomLinkButton:disabled{color:#98a2b3;cursor:not-allowed}.boardCallControls{background:#f9faff;border:1px solid #e4e9fb;border-radius:18px;flex:0 1 auto;padding:.2rem}.roomLockControl{align-items:center;border-radius:14px;display:inline-flex;gap:.25rem;padding-right:.35rem}.roomLockStatus{border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;padding:.34rem .46rem;white-space:nowrap}.openRoomControl{background:#fff}.openRoomControl .roomLockButton{color:#5360df}.openRoomControl .roomLockStatus{background:#eef2ff;color:#4754da}.lockedRoomControl{background:#fff1f2}.lockedRoomControl .roomLockButton.activeIconControl{background:#ffe4e6;box-shadow:inset 0 0 0 2px #f43f5ed6,0 10px 24px #f43f5e26;color:#e11d48}.lockedRoomControl .roomLockButton.activeIconControl:hover:not(:disabled),.lockedRoomControl .roomLockButton.activeIconControl:focus-visible{background:#fecdd3;color:#be123c}.lockedRoomControl .roomLockStatus{background:#ffe4e6;color:#be123c}.boardToolbar button:not(.iconControlButton):not(.roomLinkButton){background:transparent;box-shadow:none;color:#465069;font-size:.84rem;min-height:36px;padding:.48rem .58rem}.boardToolbar .activeBoardTool{background:#f2f0ff;color:#5360df;box-shadow:inset 0 0 0 1px #7e89ff2e}.boardToolbar .boardToggleButton{background:transparent;color:#667085}.topEffectsMenu{position:relative}.topEffectsDropdown{background:#fffffffa;border:1px solid rgba(213,222,247,.95);border-radius:12px;box-shadow:0 18px 42px #18204a29;display:grid;gap:.15rem;min-width:150px;padding:.35rem;position:absolute;right:0;top:calc(100% + .4rem);z-index:8}.topEffectsDropdown button{background:transparent;border-radius:8px;box-shadow:none;color:#26324f;font-size:.84rem;min-height:32px;padding:.45rem .55rem;text-align:left;transform:none}.topEffectsDropdown button:hover,.topEffectsDropdown button:focus-visible{background:#eef2ff;box-shadow:none;color:#5360df;outline:none;transform:none}.iconControlButton{align-items:center;background:#fff;border-radius:14px;box-shadow:inset 0 0 0 1px #d8e0f8f2,0 10px 22px #3746a00f;color:#5360df;display:inline-flex;height:36px;justify-content:center;min-height:36px;min-width:36px;padding:0;position:relative;width:36px}.iconControlButton:hover:not(:disabled),.iconControlButton:focus-visible{background:#f2f0ff;color:#4754da;transform:translateY(-1px)}.iconControlButton:disabled{cursor:not-allowed;opacity:.42;transform:none}.activeIconControl{background:#ecfdf5;box-shadow:inset 0 0 0 2px #10b981e6,0 10px 24px #10b98129;color:#059669}.activeIconControl:hover:not(:disabled),.activeIconControl:focus-visible{background:#dffbed;color:#047857}.mutedIconControl{background:#f5f7fc;color:#7b879d}.dangerIconControl{background:#fff0f3;color:#dc2f52}.dangerIconControl:hover:not(:disabled),.dangerIconControl:focus-visible{background:#ffe4e9;color:#bd1f3f}.controlLucideIcon{color:currentColor;display:block;height:19px;width:19px}.activeIconControl .controlLucideIcon{height:20px;width:20px}.floatingHint{background:#111827;border-radius:10px;box-shadow:0 12px 28px #0f172a2e;color:#fff;font-size:.76rem;font-weight:600;line-height:1.2;max-width:min(260px,calc(100vw - 24px));padding:.55rem .7rem;pointer-events:none;position:fixed;text-align:center;white-space:normal;width:max-content;z-index:1000}.floatingHint:before{background:#111827;content:"";height:8px;left:var(--hint-arrow-left);position:absolute;transform:translate(-50%) rotate(45deg);width:8px}.floatingHint.bottom:before{top:-4px}.floatingHint.top:before{bottom:-4px}.whiteboardShell{--whiteboard-background-color: #ffffff;--whiteboard-pattern-color: rgba(128, 143, 255, .08);background:var(--whiteboard-background-color);border:1px solid rgba(221,228,249,.98);border-radius:24px;flex:1;max-height:1200px;min-height:0;overflow:visible;position:relative;transform:translateY(0);transition:flex-basis .28s ease,max-height .28s ease,opacity .18s ease,transform .28s ease,border-width .28s ease}.whiteboardBackgroundGrid .whiteboardCanvas{background:linear-gradient(var(--whiteboard-pattern-color) 1px,transparent 1px),linear-gradient(90deg,var(--whiteboard-pattern-color) 1px,transparent 1px),var(--whiteboard-background-color);background-position:var(--whiteboard-viewport-x) var(--whiteboard-viewport-y),var(--whiteboard-viewport-x) var(--whiteboard-viewport-y),0 0;background-size:var(--whiteboard-grid-size) var(--whiteboard-grid-size),var(--whiteboard-grid-size) var(--whiteboard-grid-size),auto}.whiteboardBackgroundLines .whiteboardCanvas{background:linear-gradient(var(--whiteboard-pattern-color) 1px,transparent 1px),var(--whiteboard-background-color);background-position:0 var(--whiteboard-viewport-y),0 0;background-size:100% var(--whiteboard-line-size),auto}.whiteboardBackgroundBlank .whiteboardCanvas{background:var(--whiteboard-background-color)}.collapsedBoardRoom .whiteboardShell{border-width:0;flex:0 0 0;max-height:0;min-height:0;opacity:0;pointer-events:none;transform:translateY(-24px)}.boardExpandButton{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff94;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px #d8e0f88c,0 14px 34px #0f172a29;color:#23304a;position:absolute;right:1rem;top:1rem;z-index:7}.boardExpandButton:hover:not(:disabled),.boardExpandButton:focus-visible{background:#ffffffc2;color:#111827}.expandedBoardRoom .boardExpandButton{right:1.1rem;top:1.1rem}.expandedBoardRoom .whiteboardTools{bottom:1rem;transform:translate(-50%)}.whiteboardTools{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffff0;border:1px solid rgba(220,226,248,.95);border-radius:18px;bottom:0;box-shadow:0 18px 44px #3746a033;display:flex;flex-wrap:nowrap;gap:.45rem;left:50%;max-width:calc(100% - 2rem);overflow:visible;padding:.42rem .55rem;position:absolute;top:auto;transform:translate(-50%,50%);width:max-content;z-index:6}.whiteboardTools button{align-items:center;background:transparent;border-radius:10px;box-shadow:none;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}.whiteboardToolGroup{display:flex;flex:0 0 auto;gap:.25rem}.whiteboardPaletteControl,.whiteboardBackgroundControl{border-left:1px solid rgba(220,226,248,.95);flex:0 0 auto;padding-left:.45rem;position:relative}.whiteboardPaletteButton,.whiteboardBackgroundButton{position:relative}.whiteboardPalettePreview{background:var(--active-color);border-radius:999px;box-shadow:inset 0 0 0 2px #ffffffeb,0 0 0 1px #0f172a29;height:20px;width:20px}.whiteboardBackgroundPreview{--preview-pattern-color: rgba(83, 96, 223, .18);background:var(--background-preview-color);border-radius:7px;box-shadow:inset 0 0 0 1px #0f172a24,0 0 0 1px #ffffffd9;display:block;height:22px;overflow:hidden;width:22px}.whiteboardBackgroundPreview-grid{background:linear-gradient(var(--preview-pattern-color) 1px,transparent 1px),linear-gradient(90deg,var(--preview-pattern-color) 1px,transparent 1px),var(--background-preview-color);background-size:7px 7px}.whiteboardBackgroundPreview-lines{background:linear-gradient(var(--preview-pattern-color) 1px,transparent 1px),var(--background-preview-color);background-size:100% 7px}.whiteboardBackgroundPreview-blank{background:var(--background-preview-color)}.whiteboardColorMenu{background:#fffffffa;border:1px solid rgba(220,226,248,.98);border-radius:16px;bottom:calc(100% + .6rem);box-shadow:0 18px 44px #3746a02e;left:50%;padding:.48rem;position:absolute;transform:translate(-50%);z-index:8}.whiteboardBackgroundMenu{background:#fffffffa;border:1px solid rgba(220,226,248,.98);border-radius:16px;bottom:calc(100% + .6rem);box-shadow:0 18px 44px #3746a02e;left:50%;padding:.5rem;position:absolute;transform:translate(-50%);width:270px;z-index:8}.whiteboardColorGrid{display:grid;gap:.35rem;grid-template-columns:repeat(4,28px)}.whiteboardBackgroundPatternGrid{display:grid;gap:.35rem;grid-template-columns:repeat(3,1fr)}.whiteboardBackgroundColorGrid{border-top:1px solid rgba(220,226,248,.95);display:grid;gap:.35rem;grid-template-columns:repeat(4,1fr);margin-top:.45rem;padding-top:.45rem}.whiteboardToolButton{color:#344054;line-height:1}.whiteboardLucideIcon{color:currentColor;height:18px;width:18px}.whiteboardToolButton:hover,.whiteboardToolButton:focus-visible,.activeWhiteboardTool{background:#eef2ff;box-shadow:inset 0 0 0 1px #5360df38;color:#5360df;outline:none;transform:none}.whiteboardTools .whiteboardBackgroundPatternButton{color:#344054;font-size:.76rem;font-weight:700;gap:.25rem;height:32px;min-width:0;padding:0 .35rem;width:auto}.whiteboardMenuLucideIcon{color:#5360df;flex:0 0 auto;height:16px;width:16px}.whiteboardTools .whiteboardBackgroundPatternButton:hover,.whiteboardTools .whiteboardBackgroundPatternButton:focus-visible,.whiteboardTools .activeWhiteboardBackgroundPattern{background:#eef2ff;box-shadow:inset 0 0 0 1px #5360df38;color:#5360df;outline:none;transform:none}.whiteboardTools .whiteboardColorSwatch{background:var(--swatch-color);border-radius:999px;flex:0 0 28px;box-shadow:inset 0 0 0 1px #0f172a1f;height:28px;width:28px}.whiteboardTools .whiteboardColorSwatch:hover,.whiteboardTools .whiteboardColorSwatch:focus-visible,.whiteboardTools .activeWhiteboardColor{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #5360dfcc;outline:none;transform:none}.whiteboardTools .whiteboardBackgroundColorSwatch{background:var(--background-color);border-radius:9px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #0f172a1f;height:28px;width:100%}.whiteboardTools .whiteboardBackgroundColorSwatch:hover,.whiteboardTools .whiteboardBackgroundColorSwatch:focus-visible,.whiteboardTools .activeWhiteboardBackgroundColor{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #5360dfcc;outline:none;transform:none}.whiteboardStrokeSlider{accent-color:#5360df;border-left:1px solid rgba(220,226,248,.95);flex:0 0 118px;height:28px;padding:0 0 0 .55rem;width:118px}.whiteboardTextControls{border-left:1px solid rgba(220,226,248,.95);display:grid;flex:0 0 176px;gap:.35rem;grid-template-columns:112px 54px;padding-left:.55rem}.whiteboardTextControls select,.whiteboardTextControls input{border-radius:10px;font-size:.78rem;min-height:32px;padding:.3rem .45rem}.whiteboardHistoryControls{border-left:1px solid rgba(220,226,248,.95);display:flex;flex:0 0 auto;gap:.25rem;padding-left:.45rem}.whiteboardTools .whiteboardHistoryButton:disabled,.whiteboardTools .whiteboardHistoryButton:disabled:hover,.whiteboardTools .whiteboardHistoryButton:disabled:focus-visible{background:transparent;box-shadow:none;color:#98a2b3;cursor:not-allowed;opacity:.55;outline:none;transform:none}.whiteboardCanvas{--whiteboard-viewport-x: 0px;--whiteboard-viewport-y: 0px;--whiteboard-viewport-zoom: 1;--whiteboard-grid-size: 22px;--whiteboard-line-size: 28px;border-radius:inherit;color:#1f2937;height:100%;overflow:hidden;padding:0;position:relative;touch-action:none}.whiteboardEraserCursorActive,.whiteboardEraserCursorActive .canvas-container,.whiteboardEraserCursorActive .lower-canvas,.whiteboardEraserCursorActive .upper-canvas{cursor:none!important}.whiteboardPanModeActive,.whiteboardPanModeActive .canvas-container,.whiteboardPanModeActive .lower-canvas,.whiteboardPanModeActive .upper-canvas{cursor:grab!important}.whiteboardPanningActive,.whiteboardPanningActive .canvas-container,.whiteboardPanningActive .lower-canvas,.whiteboardPanningActive .upper-canvas{cursor:grabbing!important}.whiteboardEraserCursor{background:#ffffff2e;border:2px solid rgba(37,99,235,.92);border-radius:999px;box-shadow:0 0 0 1px #ffffffdb,0 8px 18px #2563eb29;height:var(--eraser-cursor-size);left:var(--eraser-cursor-x);pointer-events:none;position:absolute;top:var(--eraser-cursor-y);transform:translate(-50%,-50%);width:var(--eraser-cursor-size);z-index:4}.whiteboardTextMoveHandle{background:#fff;border:2px solid #5360df;border-radius:999px;box-shadow:0 0 0 3px #5360df24,0 8px 18px #2563eb33;cursor:grab;height:18px;left:var(--text-handle-x);padding:0;position:absolute;top:var(--text-handle-y);transform:translate(-50%,-50%);width:18px;z-index:5}.whiteboardTextMoveHandle:hover,.whiteboardTextMoveHandle:focus-visible{background:#eef2ff;outline:none}.whiteboardTextMoveHandle:active{cursor:grabbing}.whiteboardCanvas .canvas-container{height:100%!important;inset:0;position:absolute!important;width:100%!important;z-index:1}.whiteboardDrawingCanvas,.whiteboardCanvas .lower-canvas,.whiteboardCanvas .upper-canvas{height:100%!important;width:100%!important}.stageVideoGrid{animation:stage-video-in .24s ease both;align-content:center;box-sizing:border-box;display:grid;flex:1 1 auto;gap:.9rem;grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;min-height:0;min-width:0;overflow:hidden;width:100%}.stageVideoGrid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.stageVideoGrid[data-count="3"]{grid-template-columns:repeat(4,minmax(0,1fr))}.stageVideoGrid[data-count="5"],.stageVideoGrid[data-count="7"],.stageVideoGrid[data-count="8"]{grid-template-columns:repeat(6,minmax(0,1fr))}.stageVideoGrid[data-count="6"],.stageVideoGrid[data-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr))}.stageVideoGrid[data-count="3"] .stageParticipantTile{grid-column:span 2}.stageVideoGrid[data-count="3"] .stageParticipantTile:nth-child(3){grid-column:2 / span 2}.stageVideoGrid[data-count="5"] .stageParticipantTile,.stageVideoGrid[data-count="7"] .stageParticipantTile,.stageVideoGrid[data-count="8"] .stageParticipantTile{grid-column:span 2}.stageVideoGrid[data-count="5"] .stageParticipantTile:nth-child(4),.stageVideoGrid[data-count="8"] .stageParticipantTile:nth-child(7){grid-column:2 / span 2}.stageVideoGrid[data-count="5"] .stageParticipantTile:nth-child(5),.stageVideoGrid[data-count="8"] .stageParticipantTile:nth-child(8){grid-column:4 / span 2}.stageVideoGrid[data-count="7"] .stageParticipantTile:nth-child(7){grid-column:3 / span 2}@keyframes stage-video-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.screenShareCanvas{background:radial-gradient(circle at 50% 0%,rgba(99,114,243,.16),transparent 18rem),#0f172a;border-radius:20px;inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .12s ease;visibility:hidden;z-index:5}.visibleScreenShare{opacity:1;pointer-events:auto;visibility:visible}.screenShareVideo{background:#0f172a;display:none;height:100%;object-fit:contain;width:100%}.activeScreenVideo{display:block}.screenShareBadge{background:#0f172ac2;border:1px solid rgba(255,255,255,.16);border-radius:999px;bottom:1rem;color:#fff;font-size:.82rem;font-weight:650;left:1rem;padding:.45rem .72rem;position:absolute}.videoTile{align-items:center;background:radial-gradient(circle at 52% 28%,rgba(111,125,255,.13),transparent 7rem),radial-gradient(circle at 100% 90%,rgba(128,143,255,.1),transparent 18rem),linear-gradient(135deg,#fffffffa,#f6f8ffed);border:1px solid rgba(211,220,247,.96);border-radius:26px;box-shadow:inset 0 1px #ffffffe6,0 24px 58px #3746a01a;color:#202a3d;display:flex;justify-content:center;min-height:0;overflow:hidden;padding:1.4rem;position:relative}.videoTile:before,.videoTile:after{background:#707dff12;border-radius:42% 58% 48% 52%;content:"";filter:blur(.2px);height:220px;position:absolute;transform:rotate(-18deg);width:300px;z-index:0}.videoTile:before{left:-120px;top:55px}.videoTile:after{bottom:-70px;right:-75px}.student{background:radial-gradient(circle at 52% 35%,rgba(63,211,200,.18),transparent 7rem),radial-gradient(circle at 100% 86%,rgba(63,211,200,.11),transparent 17rem),linear-gradient(135deg,#f8fffffa,#e8fcfaed);border-color:#bcf0eefa}.videoTile video{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.videoPlaceholder{align-items:center;color:#59617f;display:flex;flex-direction:column;gap:.7rem;inset:1rem;justify-content:center;padding:1rem;position:absolute;text-align:center;z-index:1}.videoPlaceholder strong{color:#202a3d;font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:650}.videoPlaceholder p{margin:0;max-width:480px}.videoPlaceholder button{background:linear-gradient(135deg,#6b7cff,#4e5cf6);box-shadow:0 18px 34px #4e5cf647;color:#fff}.videoTile span{background:#ffffffc7;border:1px solid rgba(213,222,247,.96);border-radius:999px;bottom:1.05rem;box-shadow:0 12px 26px #3746a014;color:#3f4a61;font-weight:600;left:1.05rem;padding:.5rem .85rem;position:absolute;z-index:1}.celebration{inset:0;pointer-events:none;position:absolute;z-index:3}.celebration i{--hue: calc(var(--i) * 31deg);animation:confetti-fall 2.4s ease-out forwards;background:hsl(var(--hue),90%,60%);border-radius:4px;height:14px;left:calc((var(--i) * 41px) % 100%);position:absolute;top:-20px;transform:rotate(calc(var(--i) * 18deg));width:9px}.celebration-balloons i{animation-name:balloon-rise;border-radius:999px 999px 860px 860px;bottom:-40px;height:34px;top:auto;width:26px}.celebration-stars i{animation-name:star-burst;clip-path:polygon(50% 0%,61% 36%,98% 36%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 36%,39% 36%);height:24px;left:50%;top:50%;width:24px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px) rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(80vh) translate(calc((var(--i) - 12) * 10px)) rotate(720deg)}}@keyframes balloon-rise{0%{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1}to{opacity:0;transform:translateY(-85vh) translate(calc((var(--i) - 12) * 8px)) scale(1.1)}}@keyframes star-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + (var(--i) - 12) * 28px),calc(-50% + ((var(--i) % 5) - 2) * 60px)) scale(1.2) rotate(360deg)}}.roomPanel{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(213,222,247,.94);border-radius:28px;box-shadow:0 24px 60px #3746a01a;display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow-y:auto;padding:1.25rem;overscroll-behavior:contain}.roomPanel h1{font-size:1.35rem;letter-spacing:-.03em;margin:0}.participantsCard{display:grid;gap:.7rem}.countBadge{align-items:center;background:#eef1ff;border-radius:999px;color:#5360df;display:inline-flex;font-size:.78rem;font-weight:650;height:24px;justify-content:center;min-width:24px;padding:0 .45rem}.participantTile{aspect-ratio:16 / 8.4;background:linear-gradient(135deg,#eef2ff,#d9e4ef);border:1px solid rgba(219,226,249,.95);border-radius:18px;box-shadow:0 14px 32px #3746a014;overflow:visible;position:relative}.participantTile video{border-radius:inherit;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.participantTile.stageParticipantTile{align-self:stretch;aspect-ratio:auto;border-radius:20px;box-sizing:border-box;height:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.participantTile.stageParticipantTile video{background:#0f172a;object-fit:contain}.participantTile.stageParticipantTileMoving{animation:stage-tile-move-in .56s cubic-bezier(.2,.82,.22,1) .17s both;transform-origin:top left;will-change:transform,opacity;z-index:6}@keyframes stage-tile-move-in{0%{opacity:.92;transform:translate3d(var(--stage-start-x),var(--stage-start-y),0) scale(var(--stage-start-scale-x),var(--stage-start-scale-y))}65%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.participantTile.stageParticipantTileMoving{animation:none;transform:none}}.activeParticipant{border-color:#26c586e6;box-shadow:0 0 0 2px #26c5862e,0 14px 32px #3746a014}.participantPlaceholder{align-items:center;align-content:center;border-radius:inherit;color:#657087;display:grid;gap:.35rem;inset:0;justify-items:center;overflow:hidden;padding:.8rem;position:absolute;text-align:center;z-index:1}.participantPlaceholder span,.participantPlaceholder .placeholderLucideIcon{font-size:1.45rem;opacity:.65}.placeholderLucideIcon{color:currentColor;height:28px;width:28px}.participantPlaceholder strong{margin:0}.participantPlaceholder p{font-size:.76rem;margin:0}.stageParticipantTile .participantPlaceholder{color:#94a3b8;gap:.55rem;padding:1.4rem}.stageParticipantTile .participantPlaceholder span,.stageParticipantTile .participantPlaceholder .placeholderLucideIcon{font-size:1.65rem}.stageParticipantTile .participantPlaceholder strong{color:#cbd5e1;font-size:.96rem}.stageParticipantTile .participantPlaceholder p{color:#94a3b8;font-size:.82rem}.participantName{background:#1118279e;border-radius:999px;bottom:.55rem;color:#fff;font-size:.82rem;font-weight:650;left:.55rem;padding:.35rem .6rem;position:absolute;z-index:2}.networkIndicator{align-items:end;display:inline-flex;gap:2px;height:22px;justify-content:center;left:.55rem;padding:0;position:absolute;top:.55rem;width:30px;z-index:3}.networkIndicator i{background:currentColor;border-radius:999px 999px 2px 2px;display:block;width:4px}.networkIndicator i:nth-child(1){height:5px}.networkIndicator i:nth-child(2){height:8px}.networkIndicator i:nth-child(3){height:12px}.goodNetwork{color:#34d399}.mediumNetwork{color:#fbbf24}.badNetwork{color:#f87171}.unknownNetwork{color:#cbd5e1}.participantTileActions{position:absolute;right:.45rem;top:.45rem;z-index:5}.participantMenuButton{align-items:center;background:transparent;border-radius:0;box-shadow:none;color:#ffffffeb;display:inline-flex;font-size:1.2rem;height:28px;justify-content:center;line-height:1;padding:0;width:28px}.participantMenuIcon{color:currentColor;filter:drop-shadow(0 1px 2px rgba(17,24,39,.55));height:16px;width:16px}.participantSubmenuIcon{height:16px;width:16px}.participantMenuButton:hover,.participantMenuButton:focus-visible{background:transparent;box-shadow:none;color:#fff;outline:none;transform:none}.participantOptionsMenu,.participantQualitySubmenu{background:#fffffffa;border:1px solid rgba(213,222,247,.95);border-radius:12px;box-shadow:0 18px 42px #18204a29;min-width:168px;padding:.35rem;position:absolute}.participantOptionsMenu{right:0;top:calc(100% + .35rem)}.participantMenuItem{align-items:center;border-radius:8px;color:#26324f;display:flex;font-size:.84rem;font-weight:650;gap:.75rem;justify-content:space-between;min-height:34px;padding:.45rem .55rem;position:relative;white-space:nowrap}.participantMenuItem:hover,.participantMenuItem:focus-visible{background:#eef2ff;outline:none}.participantQualitySubmenu{right:calc(100% + .4rem);top:0}.participantQualityButton{background:transparent;border-radius:8px;box-shadow:none;color:#26324f;display:block;font-size:.84rem;min-height:32px;padding:.45rem .55rem;text-align:left;transform:none;width:100%}.participantQualityButton:hover,.participantQualityButton:focus-visible,.activeQualityOption{background:#eef2ff;box-shadow:none;color:#5360df;outline:none;transform:none}.lessonList{display:grid;gap:.75rem}.lessonList h2{margin-bottom:0}.miniCard{background:#ffffffdb;border:1px solid rgba(219,226,249,.95);border-radius:20px;box-shadow:0 14px 32px #3746a00f;padding:.85rem}.miniCard strong{color:#202a3d;display:block;font-weight:650;margin-bottom:.35rem}.miniCard p{margin-bottom:0}.successCard{background:linear-gradient(135deg,#ecfdf5f5,#f0fdfae6);border-color:#9ee8cd}.googleButton{min-height:44px}.modalBackdrop{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:20}.modal{background:#fff;border-radius:28px;max-width:720px;padding:1.5rem;width:100%}.settingsModal{display:grid;gap:1rem}.settingsHeader{align-items:center;display:flex;gap:1rem;justify-content:space-between}.settingsHeader h2{margin:0}.modalCloseButton{align-items:center;background:transparent;border-radius:0;box-shadow:none;color:#64748b;display:inline-flex;font-size:1.65rem;height:36px;justify-content:center;line-height:1;padding:0 0 .15rem;width:36px}.modalCloseButton:hover,.modalCloseButton:focus-visible{background:transparent;box-shadow:none;color:#202a3d;outline:none;transform:none}.settingsGrid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.settingsActions{display:flex;justify-content:flex-end}.settingsActions button{min-width:160px}.prejoinBackdrop{align-items:center;overflow-y:auto;padding:clamp(.75rem,2vh,1rem);z-index:35}.prejoinBackground{min-height:calc(100vh - 74px);pointer-events:none;-webkit-user-select:none;user-select:none}.prejoinFallbackPage{min-height:calc(100vh - 74px)}.prejoinModal{display:grid;gap:1rem;max-height:calc(100vh - 1.5rem);max-width:760px;overflow-y:auto}.prejoinKicker{color:#64748b;font-size:.82rem;font-weight:700;letter-spacing:.06em;margin:0 0 .25rem;text-transform:uppercase}.prejoinPreview{align-items:center;background:radial-gradient(circle at 50% 20%,rgba(99,114,243,.18),transparent 16rem),#0f172a;border-radius:24px;display:flex;height:clamp(200px,32vh,300px);justify-content:center;min-height:0;overflow:hidden;position:relative}.prejoinPreview video{height:100%;object-fit:cover;width:100%}.prejoinPlaceholder{align-items:center;color:#dbeafe;display:grid;gap:.5rem;inset:0;justify-items:center;padding:1.5rem;position:absolute;text-align:center}.prejoinPlaceholder span,.prejoinPlaceholder .placeholderLucideIcon{font-size:2rem;opacity:.8}.prejoinPlaceholder strong{color:#fff;margin:0}.prejoinPlaceholder p{color:#cbd5e1;margin:0;max-width:520px}.prejoinControls{display:flex;gap:.6rem;justify-content:center}.prejoinEnterButton{min-width:180px}.prejoinActions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.aiAnswer{background:#0f172a;border-radius:18px;color:#dbeafe;margin:1rem 0 0;overflow:auto;padding:1rem;white-space:pre-wrap}.footer{color:#64748b;display:flex;gap:1rem;justify-content:space-between;padding:2rem}.footerLinks{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.footerLinks button{background:transparent;color:#64748b;padding:.2rem .35rem}@media(max-width:860px){.header,.headerActions,.split,.footer{align-items:stretch;flex-direction:column}.hero{padding:2rem}.room{height:auto;grid-template-columns:1fr;min-height:0;overflow:visible}.roomStage{min-height:560px}.whiteboardTools{bottom:.7rem;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 1rem);overflow:visible;transform:translate(-50%);width:calc(100% - 1rem)}.whiteboardPaletteControl,.whiteboardBackgroundControl,.whiteboardHistoryControls{border-left:0;padding-left:0}.whiteboardStrokeSlider,.whiteboardTextControls{border-left:0}.stageVideoGrid,.stageVideoGrid[data-count]{grid-template-columns:1fr}.stageVideoGrid[data-count] .stageParticipantTile{grid-column:auto}.roomPanel{max-height:none;overflow:visible}}