@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";:root{--el-rgb: 255, 255, 255}[data-theme=light]{--el-rgb: 26, 26, 26}@keyframes alertPulseFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.interstitial{position:absolute;inset:0;pointer-events:none;z-index:10}.sweep-line{position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left center;opacity:0}.interstitial--alert .sweep-line{animation:sweepLine .3s ease-out forwards}@keyframes sweepLine{0%{transform:scaleX(0);opacity:.9}to{transform:scaleX(1);opacity:0}}.accent-lines{position:absolute;inset:0;width:100%;height:100%}.accent-line{stroke:#fff;stroke-width:1;opacity:0;stroke-dasharray:1500;stroke-dashoffset:1500}.interstitial--alert .accent-line{animation:accentDraw .8s ease-out .2s forwards}.interstitial--alert .accent-line--br{animation-delay:.35s}.interstitial--showing .accent-line{stroke-dashoffset:0;opacity:.15;animation:accentPulse 4s ease-in-out infinite}.interstitial--dismissing .accent-line{animation:accentRetract .5s ease-in forwards}@keyframes accentDraw{0%{stroke-dashoffset:1500;opacity:.6}to{stroke-dashoffset:0;opacity:.15}}@keyframes accentPulse{0%,to{opacity:.1}50%{opacity:.2}}@keyframes accentRetract{0%{stroke-dashoffset:0;opacity:.15}to{stroke-dashoffset:1500;opacity:0}}.glass-panel{position:absolute;left:5%;right:5%;bottom:5%;height:50%;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:4px;opacity:0;transform:scale(.95);display:flex;align-items:center;justify-content:center;overflow:hidden}.interstitial--showing .glass-panel{animation:panelIn .6s cubic-bezier(.16,1,.3,1) forwards}.interstitial--dismissing .glass-panel{opacity:1;transform:scale(1);animation:panelOut .5s ease-in forwards}@keyframes panelIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes panelOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.panel-border{position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:4px;clip-path:inset(0 100% 100% 0);pointer-events:none}.interstitial--showing .panel-border{animation:borderDraw .8s ease-out .3s forwards,borderShimmer 3s ease-in-out 1.1s infinite}.interstitial--dismissing .panel-border{clip-path:inset(0);opacity:1;animation:borderFadeOut .4s ease-in forwards}@keyframes borderDraw{0%{clip-path:inset(0 100% 100% 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes borderShimmer{0%,to{border-color:rgba(var(--el-rgb),.2)}50%{border-color:rgba(var(--el-rgb),.4)}}@keyframes borderFadeOut{0%{opacity:1}to{opacity:0}}.separator{position:absolute;top:0;left:10%;right:10%;height:2px;background:#ff002e;transform:scaleX(0);opacity:0}.interstitial--showing .separator{animation:separatorIn .6s cubic-bezier(.16,1,.3,1) .2s forwards}.interstitial--dismissing .separator{transform:scaleX(1);opacity:1;animation:separatorOut .3s ease-in forwards}@keyframes separatorIn{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes separatorOut{0%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}.corner{position:absolute;width:20px;height:20px;opacity:0}.corner--tl{top:-1px;left:-1px;border-top:2px solid white;border-left:2px solid white}.corner--tr{top:-1px;right:-1px;border-top:2px solid white;border-right:2px solid white}.corner--bl{bottom:-1px;left:-1px;border-bottom:2px solid white;border-left:2px solid white}.corner--br{bottom:-1px;right:-1px;border-bottom:2px solid white;border-right:2px solid white}.interstitial--showing .corner--tl{animation:cornerIn .4s ease-out .5s forwards,cornerBreathe 3s ease-in-out .9s infinite}.interstitial--showing .corner--tr{animation:cornerIn .4s ease-out .6s forwards,cornerBreathe 3s ease-in-out 1s infinite}.interstitial--showing .corner--bl{animation:cornerIn .4s ease-out .7s forwards,cornerBreathe 3s ease-in-out 1.1s infinite}.interstitial--showing .corner--br{animation:cornerIn .4s ease-out .8s forwards,cornerBreathe 3s ease-in-out 1.2s infinite}.interstitial--dismissing .corner{opacity:.8;animation:cornerOut .3s ease-in forwards}@keyframes cornerIn{0%{opacity:0;transform:scale(.5)}to{opacity:.8;transform:scale(1)}}@keyframes cornerBreathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes cornerOut{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.text-reveal{position:relative;padding:40px 60px;font-family:Inter,sans-serif;font-weight:700;color:#fff;text-align:center;line-height:1.3;z-index:1}.text-reveal__words{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 .3em}.text-reveal__word{display:inline-block;opacity:0;transform:translateY(30px);filter:blur(4px)}.text-reveal__word--in{animation:wordIn .6s cubic-bezier(.16,1,.3,1) forwards}.interstitial--showing .text-reveal__word--in{animation:wordIn .6s cubic-bezier(.16,1,.3,1) forwards,textGlow 3s ease-in-out .6s infinite}.text-reveal__word--out{animation:wordOut .4s ease-in forwards!important}@keyframes wordIn{0%{opacity:0;transform:translateY(30px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes wordOut{0%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-20px);filter:blur(4px)}}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(var(--el-rgb),.1)}50%{text-shadow:0 0 40px rgba(var(--el-rgb),.25)}}.quote-mark{position:absolute;font-size:200px;font-family:Inter,serif;color:#ffffff0d;pointer-events:none;line-height:1;opacity:0;transform:scale(.8);transition:opacity 1s ease,transform 1s ease}.quote-mark--open{top:-20px;left:20px}.quote-mark--close{bottom:-80px;right:20px}.interstitial--showing .quote-mark{opacity:1;transform:scale(1)}.interstitial--dismissing .quote-mark{opacity:0;transform:scale(.9)}.profile-avatars{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:16px;z-index:1}.profile-avatar{width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,255,255,.6);object-fit:cover;opacity:0;transform:scale(0);filter:blur(6px);box-shadow:0 0 10px #ffffff1a}.interstitial--showing .profile-avatar{animation:avatarIn .5s cubic-bezier(.16,1,.3,1) forwards,avatarGlow 3s ease-in-out 1.3s infinite}.interstitial--dismissing .profile-avatar{opacity:1;transform:scale(1);filter:blur(0);animation:avatarOut .4s ease-in forwards}@keyframes avatarIn{0%{opacity:0;transform:scale(0);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes avatarOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.8);filter:blur(4px)}}@keyframes avatarGlow{0%,to{box-shadow:0 0 10px rgba(var(--el-rgb),.1)}50%{box-shadow:0 0 20px rgba(var(--el-rgb),.3)}}.hand-raise-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;animation:hrOverlayIn .4s ease-out forwards}.hand-raise-overlay--cancelled{animation:hrOverlayOut .25s ease-in forwards}.hand-raise-overlay--triggered{animation:none}@keyframes hrOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes hrOverlayOut{0%{opacity:1}to{opacity:0}}.hand-raise-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 55% 55% at center,transparent 0%,rgba(232,0,42,.25) 45%,rgba(232,0,42,.45) 65%,rgba(0,0,0,.85) 100%)}[data-theme=light] .hand-raise-vignette{background:radial-gradient(ellipse 55% 55% at center,#0000001a,#000000a6,#000000e6)}.hand-raise-glow{position:absolute;top:50%;left:50%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,rgba(232,0,42,.2) 40%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}[data-theme=light] .hand-raise-glow{background:radial-gradient(circle,rgba(0,0,0,.15) 0%,transparent 70%)}.hand-raise-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 40%,transparent 70%);animation:hrFlash .5s ease-out forwards}@keyframes hrFlash{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.dev-controls{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column;gap:8px}.dev-controls button{padding:8px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s}.dev-controls button:hover{background:#ffffff40}[data-theme=light] .sweep-line{background:#1a1a1a}[data-theme=light] .accent-line{stroke:#1a1a1a}[data-theme=light] .glass-panel{background:#ffffffbf}[data-theme=light] .panel-border{border-color:#1a1a1a4d}[data-theme=light] .corner--tl{border-top-color:#1a1a1a;border-left-color:#1a1a1a}[data-theme=light] .corner--tr{border-top-color:#1a1a1a;border-right-color:#1a1a1a}[data-theme=light] .corner--bl{border-bottom-color:#1a1a1a;border-left-color:#1a1a1a}[data-theme=light] .corner--br{border-bottom-color:#1a1a1a;border-right-color:#1a1a1a}[data-theme=light] .text-reveal{color:#1a1a1a}[data-theme=light] .quote-mark{color:#1a1a1a0d}[data-theme=light] .profile-avatar{border-color:#1a1a1a99;box-shadow:0 0 10px #1a1a1a1a}[data-theme=light] .dev-controls button{background:#00000014;border-color:#0003;color:#1a1a1a}[data-theme=light] .dev-controls button:hover{background:#00000026}
