:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffeb;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}html,body{height:100%}body{background:#0b0b10;margin:0}#root{min-height:100svh}.app{min-height:100svh;position:relative;overflow:hidden}.bg{background-image:var(--bg-url,url(/lofi-bg.gif));filter:saturate(1.05)contrast(1.05);z-index:-2;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;transform:scale(1.05)}.bgOverlay{z-index:-1;background:radial-gradient(1200px 600px at 20% 15%,#00000059,#0000 60%),radial-gradient(900px 500px at 85% 70%,#00000059,#0000 60%),linear-gradient(#0a0a0e8c,#0a0a0eb3);position:fixed;inset:0}.shell{flex-direction:column;height:100svh;display:flex}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1466;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.brandLogo{object-fit:contain;border-radius:6px;width:auto;height:32px}.topbarRight{align-items:center;gap:16px;display:flex}.stage{box-sizing:border-box;flex:1;grid-template-columns:320px 1fr 320px;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:24px;display:grid;overflow:hidden}.stageLeft,.stageRight{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.stageCenter{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}@media (width<=1100px){.stage{grid-template-columns:280px 1fr 280px;gap:16px;padding:16px}}@media (width<=900px){.stage{flex-direction:column;grid-template-columns:1fr;align-items:center;display:flex;overflow-y:auto}.stageLeft,.stageRight,.stageCenter{width:100%;height:auto}}.panel{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);background:#12121873;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;min-height:0;animation:.5s cubic-bezier(.23,1,.32,1) both panelEntrance;display:flex;box-shadow:0 8px 32px #0000005e}@keyframes panelEntrance{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.panelHeader{border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panelTitle{font-size:.95rem;font-weight:600}.panelMeta{opacity:.5;font-size:12px}.chatBody,.discoveryList,.membersBody{flex:1;padding:12px 18px;overflow-y:auto}.chatComposer{border-top:1px solid #ffffff1a;flex-direction:row;flex-shrink:0;gap:12px;padding:14px 18px;display:flex}.chatComposer .input{flex:1}.chatComposer .button{flex-shrink:0;width:80px}.roomCreator{border-top:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;padding:14px 18px;display:flex}.ytHidden{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px;overflow:hidden}.ytHiddenFrame{border:0;width:1px;height:1px}.inputGroup{width:100%;margin-bottom:12px}.input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.input:focus{background:#ffffff14;border-color:#ffffff40}.button{color:#000;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;transition:opacity .2s}.button:hover{opacity:.9}.button:disabled{opacity:.5;cursor:not-allowed}.buttonSubtle{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a}.timerContainer{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#12121873;border:1px solid #ffffff1f;border-radius:32px;width:100%;max-width:540px;overflow:hidden;box-shadow:0 20px 60px #00000080}.timerTabs{background:#0003;padding:8px;display:flex}.timerTab{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:12px;font-size:13px;font-weight:600;transition:all .2s}.timerTabActive{color:#fff;background:#ffffff1a}.timerContent{text-align:center;padding:60px 20px}.timerBigClock{font-variant-numeric:tabular-nums;letter-spacing:-2px;margin-bottom:12px;font-size:8rem;font-weight:850;line-height:1}.timerPhaseLabel{color:#ffffff80;text-transform:uppercase;letter-spacing:5px;margin-bottom:32px;font-size:15px}.roomRow{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;transition:all .2s;display:flex}.roomRow:hover{background:#ffffff14;transform:translateY(-1px)}.chatMsg{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:14px;line-height:1.4;display:flex}.chatMsgMain{overflow-wrap:anywhere;flex:1;min-width:0}.chatUser{margin-right:4px}.chatTs{color:#fff6;white-space:nowrap;flex-shrink:0;font-size:11px}.chatMsgSystem{opacity:.6;font-style:italic}.memberRow{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.memberName{flex:1}.memberSeen{color:#fff6;font-size:11px}.gate{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gateCard{box-sizing:border-box;text-align:center;background:#121218f2;border:1px solid #ffffff26;border-radius:28px;width:100%;max-width:420px;padding:32px;animation:.6s cubic-bezier(.34,1.56,.64,1) both gateEntrance;box-shadow:0 40px 100px #000c}@keyframes gateEntrance{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.gateTitle{color:#fff;margin-bottom:8px;font-size:1.8rem;font-weight:800}.gateSubtitle{color:#fff9;margin-bottom:24px;font-size:.95rem}.filterTabs{background:#0000001a;gap:8px;padding:8px 18px;display:flex}.filterTab{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:6px;font-size:12px;font-weight:600;transition:all .2s}.filterTab.active{color:#fff;background:#ffffff1a;border-color:#ffffff26}.shareCodeSection{background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:0 auto 32px;padding:8px 16px;display:flex}.shareCodeLabel{color:#fff6;font-family:monospace;font-size:13px}.copyBtn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.copyBtn:hover{background:#fff3}.hostControls{border-top:1px solid #ffffff0d;margin-top:24px;padding-top:24px}.durationInputs{justify-content:center;gap:16px;margin-bottom:24px;display:flex}.durationField{flex-direction:column;gap:6px;width:60px;display:flex}.durationField label{color:#ffffff4d;text-transform:uppercase;font-size:11px;font-weight:700}.durationField input{color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px;font-size:13px}.durationField input:focus{border-color:#fff3}.roomEmpty{text-align:center;opacity:.4;padding:40px 20px;font-size:13px}.footer{flex-shrink:0;justify-content:center;align-items:center;padding:24px;display:flex}.footerLinks{gap:24px;display:flex}.buttonReset{cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}.footerLink{color:#fff6;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s}.footerLink:hover{color:#ffffffe6}.legalContainer{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#12121873;border:1px solid #ffffff1a;border-radius:32px;flex-direction:column;flex:1;gap:24px;max-width:800px;margin:0 auto;padding:40px;display:flex;overflow-y:auto}.legalHeader{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.legalHeader h1{margin:0;font-size:2rem;font-weight:800}.legalBody{color:#fffc;text-align:left;line-height:1.6}.legalBody section{margin-bottom:24px}.legalBody h2{color:#fff;margin-top:32px;margin-bottom:12px;font-size:1.25rem}.legalBody ul{padding-left:20px}.legalBody li{margin-bottom:8px}@media (width<=900px){.legalContainer{margin:20px;padding:24px}}.bgPickerOverlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:2000;opacity:0;pointer-events:none;background:#0006;justify-content:flex-end;padding:80px 40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.bgPickerOverlay.open{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bgPickerStack{opacity:0;flex-direction:column;align-items:flex-end;gap:12px;width:100%;max-width:240px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translate(50px)scale(.95)}.bgPickerOverlay.open .bgPickerStack{opacity:1;transform:translate(0)scale(1)}.bgPickerHeader{color:#fff;text-shadow:0 2px 4px #00000080;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:14px;font-weight:700}.bgOptionsList{flex-direction:column;width:100%;display:flex}.bgOption{cursor:pointer;opacity:0;background-position:50%;background-size:cover;border:2px solid #ffffff1a;border-radius:20px;width:100%;height:80px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 10px 30px #0000004d}.bgPickerOverlay.open .bgOption{opacity:1;transform:translateY(0)}.bgOption:first-child{transition-delay:.1s}.bgOption:nth-child(2){transition-delay:.15s}.bgOption:nth-child(3){transition-delay:.2s}.bgOption:nth-child(4){transition-delay:.25s}.bgOption:nth-child(5){transition-delay:.3s}.bgOption:nth-child(6){transition-delay:.35s}.bgOption:hover{border-color:#fff6;transform:translate(-15px)scale(1.02);z-index:50!important}.bgOptionLabel{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;position:absolute;bottom:12px;left:16px}.bgOptionCustom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;justify-content:center;align-items:center;display:flex}.bgOptionCustom .bgOptionLabel{background:0 0;position:static}