@import "https://fonts.googleapis.com/css2?family=Geist+Sans:wght@400;700&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
html,body{color:#fff;background-color:#000;width:100svw;height:100svh;margin:0;padding:0;font-family:Geist Sans,sans-serif;overflow:hidden}#page-main{box-sizing:border-box;z-index:20;-webkit-user-select:none;user-select:none;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100svw;height:100svh;display:flex;position:relative}#page-main [contenteditable],#page-main input{-webkit-user-select:text;user-select:text}#page-main.has-subtitle #logo-video,#page-main.has-subtitle .welcome-heading,#page-main.has-subtitle .welcome-subtitle{transition:transform .4s;transform:translateY(-30px)}#logo-video,.welcome-heading,.welcome-subtitle{transition:transform .4s}#logo-video{object-fit:contain;z-index:20;max-width:30%;max-height:15svh}.welcome-heading{letter-spacing:-2.08px;color:#0000;text-align:center;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;z-index:20;background-image:linear-gradient(#f5f5f5,#f5f5f5 29%,#999);-webkit-background-clip:text;background-clip:text;margin-top:60px;font-size:5rem;font-weight:600}.welcome-heading:empty:before,.welcome-subtitle:empty:before{content:attr(data-placeholder);color:#fff3;pointer-events:none}.welcome-subtitle{color:#ffffff80;text-align:center;z-index:20;letter-spacing:-.5px;margin-top:-20px;font-size:2.2rem;font-weight:400}.timer-wrapper{z-index:20;flex-direction:column;align-items:center;margin-top:-20px;transition:transform .4s;display:flex}#page-main.has-subtitle .timer-wrapper{transition:transform .4s;transform:translateY(-30px)}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:2px;color:#ffffff80;-webkit-user-select:none;user-select:none;font-family:Geist Sans,ui-monospace,monospace;font-size:3rem;font-weight:300}.timer-display.timer-flash{animation:1s ease-in-out infinite timerFlash}@keyframes timerFlash{0%,to{opacity:1}50%{opacity:.3}}.timer-controls{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:10px;margin-top:12px;transition:opacity .25s;display:flex}.timer-wrapper:hover .timer-controls{opacity:1;pointer-events:auto}.timer-inputs{align-items:center;gap:4px;display:flex}.timer-input{text-align:center;font-variant-numeric:tabular-nums;color:#fff;appearance:textfield;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:48px;padding:6px 4px;font-family:inherit;font-size:14px}.timer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.timer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timer-input:focus{background:#ffffff1f;border-color:#ffffff4d}.timer-sep{color:#ffffff4d;font-size:16px;font-weight:600}.timer-buttons{gap:8px;display:flex}.timer-buttons button{color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.timer-buttons button:hover{color:#fff;background:#ffffff26;border-color:#fff3}.timer-buttons button:disabled{opacity:.3;cursor:not-allowed}#map-container{z-index:10;border-radius:40px;width:calc(75vw + 40px);max-width:calc(120vh + 160px);height:calc(60vh + 80px);position:absolute;bottom:-40px;left:-40px;overflow:hidden}#google-map{opacity:.5;width:100%;height:100%}#map-loading{z-index:1;background:radial-gradient(#ffffff08 0%,#0000 70%);animation:2.5s ease-in-out infinite mapPulse;position:absolute;inset:0}@keyframes mapPulse{0%,to{opacity:.2}50%{opacity:.6}}.map-pulse-dot{background:#fff;border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite dotPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 #ffffff80}@keyframes dotPulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 16px #fff0}to{box-shadow:0 0 #fff0}}#map-fade{pointer-events:none;background:linear-gradient(90deg,#0000 50%,#000 100%),linear-gradient(#000 0%,#0000 50%);position:absolute;inset:0}.map-label{letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;z-index:2;pointer-events:none;font-size:14px;font-weight:600;position:absolute;bottom:50px;left:20px}.emoji-container{pointer-events:none;z-index:40;width:100%;height:100%;position:absolute;bottom:0;left:0}.flying-emoji{z-index:40;pointer-events:none;font-size:40px;animation:5s ease-out forwards flyUp;position:absolute;bottom:0}@keyframes flyUp{0%{opacity:0;transform:translateY(0)scale(.5)rotate(0)}10%{opacity:1;transform:translateY(-50px)scale(1)rotate(15deg)}30%{transform:translateY(-120px)scale(1)rotate(-20deg)}50%{transform:translateY(-200px)scale(1)rotate(25deg)}70%{opacity:1;transform:translateY(-270px)scale(1)rotate(-15deg)}to{opacity:0;transform:translateY(-400px)scale(.5)rotate(40deg)}}#qr-code-container{z-index:40;opacity:.7;cursor:pointer;transition:opacity .3s;position:absolute;bottom:25px;right:25px}#qr-code-container:hover{opacity:1}#qr-code-container img{width:100px;height:100px}.room-code{text-align:center;letter-spacing:2px;color:#fff6;margin-top:4px;font-family:ui-monospace,monospace;font-size:11px;font-weight:600;display:block}#connection-status{color:#ffffffb3;z-index:50;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex;position:absolute;top:20px;right:20px}.settings-hint{letter-spacing:.3px;color:#fff;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;animation:3s forwards hintFade;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 4px 20px #0006}.settings-hint:before{content:"";background:#ffffff1f;border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;width:10px;height:10px;position:absolute;top:-5px;right:14px;transform:rotate(45deg)}@keyframes hintFade{0%{opacity:0;transform:translateY(-8px)scale(.95)}10%{opacity:1;transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.03)}20%{transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.98)}}#settings-menu{min-width:180px;padding-top:14px;display:none;position:absolute;top:100%;right:0}#settings-menu-inner{-webkit-backdrop-filter:blur(24px);background:#181818f2;border:1px solid #ffffff1a;border-radius:10px;padding:6px;position:relative;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0a}#settings-menu-inner:before{content:"";background:#181818f2;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:10px;height:10px;position:absolute;top:-5px;right:12px;transform:rotate(45deg)}#connection-status:hover #settings-menu{flex-direction:column;display:flex}#connection-status:hover .settings-hint{display:none}#settings-menu label{cursor:pointer;color:#ffffffbf;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:400;transition:all .15s;display:flex}#settings-menu label:hover{color:#fffffff2;background:#ffffff14}#settings-menu input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}#settings-menu input[type=checkbox]:after{content:"";background:#ffffff80;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}#settings-menu input[type=checkbox]:checked{background:#4caf50}#settings-menu input[type=checkbox]:checked:after{background:#fff;left:16px}.settings-divider{background:#ffffff14;height:1px;margin:2px 0}.settings-help-btn{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:400;transition:all .15s}.settings-help-btn:hover{color:#fffffff2;background:#ffffff14}#wifi-info{z-index:40;opacity:.7;flex-direction:row;align-items:center;gap:12px;display:flex;position:absolute;top:20px;left:20px;font-weight:400!important}.wifi-details{flex-direction:column;gap:4px;display:flex}.wifi-header{text-transform:uppercase;letter-spacing:1.5px;color:#fff6;margin-bottom:2px;font-size:11px;font-weight:600}.wifi-field{gap:4px;display:flex}.wifi-label{color:#fff6;-webkit-user-select:none;user-select:none}.wifi-value:empty:before{content:attr(data-placeholder);color:#fff3;pointer-events:none}.wifi-qr{opacity:.8;width:72px;height:72px}.onboarding-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-dialog{-webkit-backdrop-filter:blur(24px);background:#181818f7;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:420px;padding:32px 36px;animation:.35s dialogSlideUp;box-shadow:0 16px 48px #0009}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.onboarding-dialog h2{color:#fff;margin:0 0 8px;font-size:1.4rem;font-weight:600}.onboarding-intro{color:#ffffff80;margin:0 0 24px;font-size:13px;line-height:1.6}.onboarding-steps{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.onboarding-step{align-items:flex-start;gap:14px;display:flex}.onboarding-number{color:#ffffffb3;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;font-size:12px;font-weight:600;display:flex}.onboarding-step p{color:#ffffffa6;margin:0;font-size:13px;line-height:1.6}.onboarding-step strong{color:#fffffff2}.onboarding-reveal{opacity:0;animation:.5s forwards onboardingReveal;transform:translateY(8px)}@keyframes onboardingReveal{to{opacity:1;transform:translateY(0)}}.onboarding-hint{color:#ffffff40;margin:0 0 20px;font-size:12px}.onboarding-dismiss{color:#fff;cursor:not-allowed;background:#ffffff1a;border:none;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s;position:relative;overflow:hidden}.onboarding-dismiss:not(:disabled){color:#000;cursor:pointer;background:#fff}.onboarding-dismiss:not(:disabled):hover{opacity:.85}.onboarding-dismiss-fill{pointer-events:none;background:#ffffff26;width:0;animation:10s linear forwards dismissFill;position:absolute;top:0;bottom:0;left:0}.onboarding-dismiss:not(:disabled) .onboarding-dismiss-fill{display:none}.onboarding-dismiss-text{z-index:1;position:relative}@keyframes dismissFill{0%{width:0}to{width:100%}}.status-dot{border-radius:50%;width:10px;height:10px;transition:background-color .3s}.status-dot.connected{background-color:#4caf50;box-shadow:0 0 8px #4caf50}.status-dot.disconnected{background-color:#f44336;box-shadow:0 0 8px #f44336}
