@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#aeaeae;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}:root{--bg-main:#050508;--bg-card:#121218;--bg-card-hover:#1c1c26;--border-subtle:#ffffff14;--border-focus:#8b5cf680;--primary:#8b5cf6;--primary-glow:#8b5cf666;--secondary:#22d3ee;--accent:#e879f9;--success:#4ade80;--text-main:#f4f4f7;--text-muted:#9d9daf;--danger:#ef4444;--danger-hover:#dc2626;--font-display:"Plus Jakarta Sans","Space Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--gradient-brand:linear-gradient(120deg,#a78bfa,#22d3ee 60%,#e879f9)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050508;background-color:var(--bg-main);color:#f4f4f7;color:var(--text-main);font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}:focus-visible{outline:2px solid #22d3ee;outline:2px solid var(--secondary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.brand-logo,.signup-brand-logo{height:40px;width:auto}.auth-root,.signup-root{background:radial-gradient(circle at 14% 18%,#22d3ee24,#0000 30%),radial-gradient(circle at 86% 12%,#8b5cf62e,#0000 34%),radial-gradient(circle at 50% 110%,#e879f91a,#0000 40%),linear-gradient(160deg,#050508,#0a0a14 55%,#0d0d1a);color:#f4f4f7;color:var(--text-main);min-height:100vh;overflow:hidden;position:relative}.bg-blobs,.signup-blobs{inset:0;overflow:hidden;pointer-events:none;position:absolute}.blob,.signup-blob{border-radius:749px;filter:blur(84px);opacity:.48;position:absolute}.blob-a,.signup-blob-a{animation:authBlobDrift 20s ease-in-out infinite alternate;background:#8b5cf652;height:320px;left:-8%;top:10%;width:320px}.blob-b,.signup-blob-b{animation:authBlobDrift 26s ease-in-out infinite alternate-reverse;background:#22d3ee33;height:360px;right:-10%;top:18%;width:360px}.blob-c,.signup-blob-c{animation:authBlobDrift 32s ease-in-out infinite alternate;background:#e879f92e;bottom:-12%;height:420px;left:38%;width:420px}@keyframes authBlobDrift{to{transform:translate(60px,40px) scale(1.12)}}.auth-footer,.auth-header,.signup-footer,.signup-header{margin:0 auto;position:relative;width:min(1180px,calc(100% - 40px));z-index:1}.auth-header,.signup-header{padding:20px 0 0}.brand,.signup-brand{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172a73;border:1px solid #94a3b82e;border-radius:14px;box-shadow:0 18px 48px #0206173d;display:inline-flex;gap:12px;padding:10px 14px}.brand-name,.signup-brand-name{font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.brand-sub,.signup-brand-sub{color:#94a3b8;font-size:.88rem}.auth-main,.signup-main{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);margin:0 auto;padding:33px 0 20px;position:relative;width:min(1180px,calc(100% - 40px));z-index:1}.signup-main{grid-template-columns:minmax(0,1fr);justify-items:center;min-height:calc(100vh - 170px)}.hero-copy{max-width:620px}.hero-title{font-size:clamp(2.8rem,5vw,4.9rem);letter-spacing:-.05em;line-height:.98;margin-bottom:14px}.hero-title span{-webkit-text-fill-color:#0000;animation:authShine 6s linear infinite;background:linear-gradient(120deg,#a78bfa,#22d3ee 60%,#e879f9);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes authShine{to{background-position:200%}}.hero-desc{color:#94a3b8;font-size:1.08rem;line-height:1.75;max-width:560px}.feature-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}.feat{background:#0f172a80;border:1px solid #94a3b829;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff08;color:#cbd5e1;padding:14px}.feat strong{color:#f8fafc;display:block;font-size:.95rem;margin-bottom:4px}.feat span{color:#94a3b8;font-size:.9rem}.auth-panel-wrap,.signup-panel-wrap{display:flex;justify-content:center;width:100%}.auth-panel,.signup-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#090e1cd1;border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 28px 80px #0206177a,inset 0 1px 0 #ffffff0d;overflow:hidden;position:relative;width:min(100%,470px)}.panel-inner,.signup-panel-inner{padding:34px 20px 20px;position:relative;z-index:1}.auth-form,.signup-form{display:flex;flex-direction:column;gap:14px}.form-title,.signup-form-title{font-size:1.9rem;letter-spacing:-.04em;line-height:1.15;margin:0 0 6px}.field,.signup-field{display:flex;flex-direction:column;gap:6px}.label,.signup-label{color:#cbd5e1;font-size:.9rem;font-weight:600}.field input,.signup-field input{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:14px;color:#f8fafc;font-size:.98rem;outline:none;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.field input::placeholder,.signup-field input::placeholder{color:#64748b}.field input:focus,.signup-field input:focus{border-color:#67e8f9b3;box-shadow:0 0 0 4px #22d3ee1f;transform:translateY(-1px)}.google-btn,.link-btn,.signup-google-btn,.signup-link-btn,.signup-submit-btn,.submit-btn{font:inherit}.signup-submit-btn,.submit-btn{background:linear-gradient(120deg,#7c3aed,#06b6d4);border:none;border-radius:14px;box-shadow:0 16px 36px #7c3aed59,inset 0 1px 0 #ffffff40;color:#fff;cursor:pointer;font-size:.98rem;font-weight:700;padding:12px 14px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;width:100%}.google-btn:hover,.signup-google-btn:hover,.signup-submit-btn:hover,.submit-btn:hover{transform:translateY(-1px)}.google-btn:active,.signup-google-btn:active,.signup-submit-btn:active,.submit-btn:active{transform:translateY(0)}.signup-submit-btn:disabled,.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.72;transform:none}.google-btn,.signup-google-btn{background:#ffffff08;border:1px solid #94a3b82e;border-radius:14px;color:#e2e8f0;cursor:pointer;font-weight:600;padding:10px 14px;transition:border-color .18s ease,background .18s ease;width:100%}.google-btn:hover,.signup-google-btn:hover{background:#ffffff0f;border-color:#67e8f966}.github-auth-btn{align-items:center;background:#ffffff08;border:1px solid #94a3b82e;border-radius:14px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:border-color .18s ease,background .18s ease,transform .18s ease,opacity .18s ease;width:100%}.github-auth-btn:hover{background:#ffffff0f;border-color:#67e8f966;transform:translateY(-1px)}.github-auth-btn:active{transform:translateY(0)}.github-auth-btn:disabled{cursor:not-allowed;opacity:.72;transform:none}.googleAuthMount{border-radius:14px;min-height:44px}.googleAuthMount,.googleAuthMount>div{display:grid;place-items:center;width:100%}.googleAuthMount.disabled{opacity:.7;pointer-events:none}.divider,.signup-divider{color:#94a3b8;font-size:.84rem;letter-spacing:.14em;position:relative;text-align:center;text-transform:uppercase}.divider:before,.signup-divider:before{background:#94a3b829;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span,.signup-divider span{background:#090e1ceb;padding:0 10px;position:relative}.signup-switch,.switch-row{align-items:center;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.94rem;gap:6px;justify-content:center}.link-btn,.signup-link-btn{background:none;border:none;color:#67e8f9;cursor:pointer;font-weight:700;padding:0}.link-btn:hover,.signup-link-btn:hover{color:#a5f3fc}.panel-deco{border-radius:749px;filter:blur(12px);height:180px;opacity:.28;position:absolute;width:180px}.deco-left{background:radial-gradient(circle,#22d3eee6,#0000 68%);right:-32px;top:-56px}.deco-right{background:radial-gradient(circle,#6366f1e6,#0000 68%);bottom:-68px;left:-36px}.auth-footer,.signup-footer{color:#94a3b8;padding:0 0 20px;text-align:center}@media (max-width:980px){.auth-main{grid-template-columns:1fr;padding-top:20px}.hero-copy{max-width:none}.feature-row{grid-template-columns:1fr}.auth-panel-wrap,.signup-panel-wrap{justify-content:stretch}.auth-panel,.signup-panel{width:100%}}@media (max-width:640px){.auth-footer,.auth-header,.auth-main,.signup-footer,.signup-header,.signup-main{width:min(100% - 24px,100%)}.auth-header,.signup-header{padding-top:14px}.auth-main,.signup-main{gap:16px;padding-bottom:14px;padding-top:16px}.brand,.signup-brand{justify-content:center;width:100%}.hero-title{font-size:clamp(2.2rem,11vw,3.2rem)}.hero-desc{font-size:.98rem}.panel-inner,.signup-panel-inner{padding:20px 14px 16px}.form-title,.signup-form-title{font-size:1.55rem}}.landing-page{background:radial-gradient(circle at 15% 0,#8b5cf626 0,#0000 40%),radial-gradient(circle at 85% 100%,#06b6d41a 0,#0000 40%);min-height:100vh}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090b99;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:1.2rem 4rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#22d3ee);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:1.5rem;font-weight:800;gap:.75rem}.navbar-logo img{height:36px;width:auto}.navbar-links{display:flex;gap:2.5rem;list-style:none}.navbar-links a{color:#9d9daf;color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease}.navbar-links a:hover{color:#f4f4f7;color:var(--text-main)}.navbar-actions{display:flex;gap:1rem}.hero{padding:8rem 2rem 6rem;text-align:center}.hero,.hero-content{align-items:center;display:flex;flex-direction:column}.hero-content{gap:1.5rem;max-width:800px}.hero h1{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#22d3ee);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text}.hero p{color:#9d9daf;color:var(--text-muted);font-size:1.25rem;margin:0 auto;max-width:600px}.btn-outline{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:749px;color:#f4f4f7;color:var(--text-main);font-weight:500;padding:.6rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-outline:hover{background:#ffffff14}.btn-primary{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22d3ee);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:749px;box-shadow:0 4px 20px #8b5cf666;box-shadow:0 4px 20px var(--primary-glow);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.75rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 6px 25px #8b5cf699;transform:translateY(-2px)}.features{margin:0 auto;max-width:1200px;padding:6rem 2rem}.section-title{font-size:2.5rem;margin-bottom:4rem;text-align:center}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#121218;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:16px;padding:2.5rem;text-align:left;transition:all .3s ease}.feature-card:hover{border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 10px 40px -10px #8b5cf666;box-shadow:0 10px 40px -10px var(--primary-glow);transform:translateY(-8px)}.feature-icon{align-items:center;background:#8b5cf61a;border-radius:14px;color:#8b5cf6;color:var(--primary);display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.feature-card h3{font-size:1.25rem;margin-bottom:1rem}.feature-card p{font-size:.95rem}.feature-card p,.footer{color:#9d9daf;color:var(--text-muted)}.footer{border-top:1px solid #ffffff14;border-top:1px solid var(--border-subtle);margin-top:4rem;padding:2rem;text-align:center}.homePageWrapper{align-items:center;background:radial-gradient(circle at 20% 10%,#8b5cf629,#0000 36%),radial-gradient(circle at 85% 85%,#22d3ee1f,#0000 36%),#050508;background:radial-gradient(circle at 20% 10%,#8b5cf629,#0000 36%),radial-gradient(circle at 85% 85%,#22d3ee1f,#0000 36%),var(--bg-main);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.homePageWrapper:before{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:52px 52px;content:"";inset:-1px;mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,#0000 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,#0000 75%);pointer-events:none;position:absolute}.formWrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#ffffff0d,hsla(0,0%,100%,.015)),#0c0c14d1;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 60px -12px #0009,0 0 90px -30px #8b5cf666,inset 0 1px 0 #ffffff0f;max-width:420px;padding:3rem 2.5rem;position:relative;width:100%}.logoContainer{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.logoContainer img{height:48px;width:auto}.logoContainer h2{font-size:1.75rem}.mainlabel{color:#9d9daf;color:var(--text-muted);font-size:.9rem;font-weight:500;margin-bottom:1rem}.inputGroup{display:flex;flex-direction:column;gap:1rem}.inputWrapper{align-items:center;display:flex;position:relative}.inputIcon{color:#9d9daf;color:var(--text-muted);left:1rem;position:absolute}.inputWrapper input{background-color:#0003;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;color:#f4f4f7;color:var(--text-main);font-size:1rem;outline:none;padding:.85rem 1rem .85rem 3rem;transition:all .2s;width:100%}.inputWrapper input:focus{background-color:#0006;border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf680;box-shadow:0 0 0 3px var(--border-focus)}.joinBtn{justify-content:center;margin-top:.5rem;padding:.85rem;width:100%}.roleSelector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.roleOption{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;color:#9d9daf;color:var(--text-muted);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.9rem 1rem;transition:all .2s ease}.roleOption:hover{border-color:#8b5cf673;color:#f4f4f7;color:var(--text-main)}.roleOption.active{background:#06b6d41f;border-color:#06b6d48c;box-shadow:inset 0 0 0 1px #06b6d426;color:#f4f4f7;color:var(--text-main)}.roleHint{color:#9d9daf;color:var(--text-muted);font-size:.88rem;line-height:1.5}.invitePanel{background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:14px;display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem;padding:1rem}.inviteTitle{font-size:.92rem;font-weight:700}.inviteCard{align-items:center;background:#0003;border:1px solid #ffffff0a;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:.9rem 1rem}.inviteBadge{align-items:center;background:#06b6d42e;border-radius:749px;color:#67e8f9;display:inline-flex;font-size:.78rem;font-weight:700;margin-bottom:.4rem;padding:.3rem .65rem}.inviteBadge.spectator{background:#facc152e;color:#fde68a}.inviteText{color:#9d9daf;color:var(--text-muted);font-size:.84rem}.inviteCopyBtn{justify-content:center;min-width:132px}.reactStudioLaunchBtn{justify-content:center;width:100%}.modeSelectWrapper{display:flex;flex-direction:column;gap:.45rem}.modeLabel{color:#9d9daf;color:var(--text-muted);font-size:.88rem;font-weight:600}.modeSelect{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:10px;color:#f4f4f7;color:var(--text-main);font-size:.98rem;outline:none;padding:.9rem 1rem;transition:all .2s ease;width:100%}.modeSelect:focus{border-color:#06b6d480;box-shadow:0 0 0 3px #06b6d424}.createInfo{color:#9d9daf;color:var(--text-muted);font-size:.9rem;margin-top:1rem;text-align:center}.createNewBtn{color:#8b5cf6;color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.createNewBtn:hover{color:var(--primary-hover)}.mainWrape{display:grid;grid-template-columns:206px 1fr;height:100vh;transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1)}.mainWrape.collapsed{grid-template-columns:70px 1fr}.workspacePane{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.editorTopbar{align-items:center;background:#121218;background:var(--bg-card);border-bottom:1px solid #94a3b81f;box-shadow:0 12px 34px #0206172e;display:flex;gap:14px;justify-content:space-between;padding:14px}.editorTopbarMeta{min-width:0}.editorTopbarEyebrow{color:#67e8f9;font-size:.72rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.editorTopbarMeta h2{color:#f8fafc;font-size:1rem;line-height:1.35;margin:6px 0 0;word-break:break-word}.editorTopbarActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.editorTopbarBtn{align-items:center;display:inline-flex;gap:6px;padding:.85rem 1rem;white-space:nowrap;width:auto}.editorInviteTopbarBtn{box-shadow:0 12px 28px #06b6d433}.aside{background:#121218;background:var(--bg-card);border-right:1px solid #ffffff14;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:12px 10px;position:relative;transition:width .4s ease,padding .4s ease;z-index:10}.aside.collapsed{align-items:center;padding:16px 5px;width:70px}.toggle-btn{align-items:center;background:#1c1c26;background:var(--bg-card-hover);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:50%;color:#f4f4f7;color:var(--text-main);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:-15px;top:20px;transition:background .2s,transform .2s;width:30px;z-index:20}.toggle-btn:hover{background:#8b5cf6;background:var(--primary);color:#fff}.asideInner{display:flex;flex-direction:column;height:100%;width:100%}.aside.collapsed .asideInner{display:none}.aside .logo{align-items:center;display:flex;gap:6px}.aside .logo img{height:26px;width:auto}.aside .logo h2{font-size:1.05rem}.roomMeta{background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;margin-top:.85rem;padding:.65rem .75rem}.roomIdLabel{color:#9d9daf;color:var(--text-muted);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.roomIdValue{font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:.72rem;font-weight:600;line-height:1.45;margin-top:.3rem;word-break:break-all}.rolePill{align-items:center;background:#06b6d429;border-radius:749px;color:#67e8f9;display:inline-flex;font-size:.72rem;font-weight:700;gap:.4rem;margin-top:.6rem;padding:.28rem .6rem}.rolePill.spectator{background:#facc1524;color:#fde68a}.leaderHint{color:#9d9daf;color:var(--text-muted);font-size:.7rem;line-height:1.4;margin-top:.5rem}.clientList{display:flex;flex:1 1;flex-direction:column;gap:6px;margin-top:6px;overflow-y:auto;padding-right:4px}.client{align-items:stretch;background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;display:flex;flex-direction:column;gap:.55rem;padding:6px 8px;transition:background .2s,transform .2s,border-color .2s}.client:hover{background:#ffffff0f;border-color:#ffffff14;transform:translateX(4px)}.clientMain{align-items:center;gap:10px}.clientMain,.clientMeta{display:flex;min-width:0}.clientMeta{flex:1 1;flex-direction:column;gap:.35rem}.client .username{font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clientBadges{display:flex;flex-wrap:wrap;gap:.45rem}.clientRole{align-items:center;background:#06b6d424;border-radius:749px;color:#67e8f9;display:inline-flex;font-size:.72rem;font-weight:700;padding:.2rem .55rem}.clientRole.spectator{background:#facc1524;color:#fde68a}.clientRole.leader{background:#8b5cf62e;color:#d8b4fe}.promoteBtn{align-items:center;background:#06b6d41f;border:1px solid #06b6d452;border-radius:8px;color:#67e8f9;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:700;gap:.4rem;justify-content:center;padding:.45rem .6rem;transition:background .2s ease,transform .2s ease,border-color .2s ease;width:100%}.promoteBtn:hover{background:#06b6d433;transform:translateY(-1px)}.promoteBtn.promote{background:#22c55e1f;border-color:#22c55e4d;color:#86efac}.promoteBtn.promote:hover{background:#22c55e2e}.promoteBtn.demote{background:#facc151a;border-color:#facc1547;color:#fde68a}.promoteBtn.demote:hover{background:#facc1529}.actionButtons{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px}.actionButtons .btn-primary{font-size:.85rem;justify-content:center;padding:.6rem .8rem;width:100%}.editorInviteHint{color:#94a3b8;font-size:.84rem;line-height:1.5;margin:-4px 0 0}.snapshotPanelEyebrow{color:#67e8f9;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.snapshotComposer{display:flex;flex-direction:column;gap:8px}.snapshotMessageInput{background:#0f172ad1;border:1px solid #94a3b824;border-radius:12px;color:#e2e8f0;font-size:.88rem;line-height:1.5;min-height:84px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.snapshotMessageInput::placeholder{color:#64748b}.snapshotMessageInput:focus{background:#0f172af0;border-color:#67e8f947;box-shadow:0 0 0 3px #67e8f91f}.snapshotSaveBtn{justify-content:center;width:100%}.snapshotTreeTopline{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.snapshotTreeTopline p{color:#f8fafc;font-size:.86rem;font-weight:700;line-height:1.4;margin:0}.snapshotTreeMeta,.snapshotTreeTopline span{color:#9d9daf;color:var(--text-muted);font-size:.74rem}.snapshotTreeMeta{align-items:center;display:flex;gap:6px;margin-top:6px}.snapshotTreeMeta strong{color:#67e8f9;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.snapshotCheckoutBtn{align-items:center;background:#67e8f914;border:1px solid #67e8f92e;border-radius:8px;color:#67e8f9;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:700;gap:6px;margin-top:8px;padding:6px 8px}.snapshotEmptyState{border:1px dashed #94a3b829;border-radius:12px;color:#9d9daf;color:var(--text-muted);font-size:.82rem;padding:14px;text-align:center}.historyDrawerBackdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0206178f;inset:0;position:fixed;z-index:60}.historyDrawer{background:radial-gradient(circle at top right,#22d3ee14,#0000 26%),linear-gradient(180deg,#0f172af5,#0a0e16fa);border:1px solid #94a3b824;border-radius:20px;bottom:16px;box-shadow:0 28px 70px #0206176b;display:flex;flex-direction:column;gap:14px;padding:14px;position:fixed;right:16px;top:16px;width:min(360px,calc(100vw - 32px));z-index:70}.historyDrawerHead{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.historyDrawerHead h3{font-size:1.2rem;margin:4px 0 0}.historyComposer{background:#ffffff08;border:1px solid #94a3b81a;border-radius:14px;padding:12px}.historyTimeline{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.historyTimelineItem{grid-gap:12px;display:grid;gap:12px;grid-template-columns:22px minmax(0,1fr);position:relative}.historyTimelineDot{background:#38bdf8;border:none;border-radius:749px;box-shadow:0 0 0 5px #38bdf81f;cursor:pointer;height:22px;margin-top:4px;position:relative;width:22px}.historyTimelineDot.active{background:#a78bfa;box-shadow:0 0 0 5px #a78bfa29}.historyTimelineConnector{background:linear-gradient(180deg,#67e8f942,#94a3b824);bottom:-18px;left:10px;position:absolute;top:30px;width:2px}.historyTimelineCard{background:#0f172ab8;border:1px solid #94a3b81a;border-radius:14px;padding:10px 12px}.historyTimelineCard.active{background:#1e1b4b61;border-color:#a78bfa3d}.historyDotTooltip{background:#0f172af5;border:1px solid #94a3b824;border-radius:10px;box-shadow:0 18px 40px #0206175c;color:#e2e8f0;left:calc(100% + 12px);max-width:240px;min-width:180px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:opacity .16s ease,transform .16s ease;z-index:5}.historyDotTooltip strong{display:block;font-size:.82rem;line-height:1.4}.historyDotTooltip span{color:#94a3b8;display:block;font-size:.72rem;margin-top:4px}.historyTimelineDot:focus-visible .historyDotTooltip,.historyTimelineDot:hover .historyDotTooltip{opacity:1;transform:translateY(-50%) translateX(0)}.collapsedSidebarRail{align-items:center;display:flex;flex-direction:column;gap:10px;height:100%;padding:42px 0 14px;width:100%}.collapsedRailBtn{background:#ffffff0a;border:1px solid #94a3b824;border-radius:12px;color:#dbeafe;cursor:pointer;display:grid;height:42px;place-items:center;width:42px}.LeaveBtn,.copyBtn{justify-content:center;padding:.6rem;width:100%}.LeaveBtn{background:#ef4444;background:var(--danger);box-shadow:0 4px 20px #ef44444d}.LeaveBtn:hover{background:#dc2626;background:var(--danger-hover)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;transform:none}.editorWrap{align-items:stretch;box-sizing:border-box;flex:1 1 auto;flex-wrap:nowrap;gap:10px;padding:10px;width:100%}.editorWrap,.editorholder{display:flex;min-height:0;overflow:hidden}.editorholder{flex:1 1 62%;flex-direction:column;gap:6px;height:100%;min-width:0}.compiledWorkspacePane{min-height:0}.compiledEditorWrap{padding-bottom:8px}.compiledEditorMain{flex:1 1 auto;gap:10px}.compiledEditorMain,.editorContainer{display:flex;flex-direction:column;min-height:0;min-width:0}.editorContainer{background:linear-gradient(180deg,#ffffff08,#ffffff03),#131722;border:1px solid #94a3b824;border-radius:14px;box-shadow:0 18px 44px #0206173d,inset 0 1px 0 #ffffff08;flex:0 0 auto;overflow:hidden;position:relative;transition:flex .3s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.editorContainer:focus-within{border-color:#67e8f947;box-shadow:0 22px 48px #02061747,0 0 0 1px #67e8f929,inset 0 1px 0 #ffffff0a;transform:translateY(-1px)}.editorHeader{align-items:center;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-bottom:1px solid #94a3b81f;color:#f4f4f7;color:var(--text-main);display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;letter-spacing:.01em;padding:12px 14px}.collapse-editor-btn{align-items:center;background:#0000;border:none;color:#9d9daf;color:var(--text-muted);cursor:pointer;display:flex;transition:color .2s}.collapse-editor-btn:hover,.collapsed-tab{color:#f4f4f7;color:var(--text-main)}.collapsed-tab{align-items:center;background:#121218;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:8px;transition:background .2s}.collapsed-tab:hover{background:#1c1c26;background:var(--bg-card-hover)}.codeEditorShell{background:radial-gradient(circle at top right,#22d3ee0f,#0000 24%),linear-gradient(180deg,#181c28,#10141d);border-radius:0 0 14px 14px;flex:1 1 auto;min-height:0;overflow:hidden}.monacoEditorShell .monaco-editor,.monacoEditorShell .monaco-editor .margin,.monacoEditorShell .monaco-editor-background{background-color:initial!important}.monacoEditorShell .monaco-editor{font-family:JetBrains Mono,monospace!important}.remoteCaret{border-left:2px solid;margin-left:-1px;pointer-events:none;position:relative}.remoteCaret-c0{border-color:#a78bfa}.remoteCaret-c1{border-color:#22d3ee}.remoteCaret-c2{border-color:#f472b6}.remoteCaret-c3{border-color:#4ade80}.remoteCaret-c4{border-color:#fbbf24}.remoteCaret-c5{border-color:#60a5fa}.remoteCaret-c6{border-color:#fb923c}.remoteCaret-c7{border-color:#e879f9}.remoteSel-c0{background-color:#a78bfa38}.remoteSel-c1{background-color:#22d3ee33}.remoteSel-c2{background-color:#f472b633}.remoteSel-c3{background-color:#4ade802e}.remoteSel-c4{background-color:#fbbf2433}.remoteSel-c5{background-color:#60a5fa33}.remoteSel-c6{background-color:#fb923c33}.remoteSel-c7{background-color:#e879f933}.remoteCursorFlag{border-radius:7px 7px 7px 1px;box-shadow:0 4px 12px #0006;color:#08080c;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.02em;line-height:1.5;opacity:1;padding:1px 7px 2px;pointer-events:none;transform:translateY(-1px);transition:opacity .4s ease;white-space:nowrap;z-index:30}.remoteCursorFlag.idle{opacity:0}.remoteCursorFlag-c0{background:#a78bfa}.remoteCursorFlag-c1{background:#22d3ee}.remoteCursorFlag-c2{background:#f472b6}.remoteCursorFlag-c3{background:#4ade80}.remoteCursorFlag-c4{background:#fbbf24}.remoteCursorFlag-c5{background:#60a5fa}.remoteCursorFlag-c6{background:#fb923c}.remoteCursorFlag-c7{background:#e879f9}.livePointerSurface{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;position:relative}.livePointerLayer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:99990}.livePointer{filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));position:absolute;transform:translate(-2px,-2px);transition:left 70ms linear,top 70ms linear,opacity .3s ease}.livePointerName{border-radius:6px 6px 6px 2px;box-shadow:0 4px 12px #0006;color:#08080c;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:10px;font-weight:700;left:12px;letter-spacing:.02em;padding:2px 6px 3px;position:absolute;top:17px;white-space:nowrap;z-index:99995}.context-view,.monaco-editor .overlayWidgets,.monaco-menu-container{z-index:99999!important}.presenceBar{align-items:center;display:inline-flex;gap:8px;margin-right:4px}.presenceAvatars{align-items:center;display:flex}.presenceAvatar{background:#64748b;background:var(--presence-color,#64748b);border:2px solid #0a0a10f2;border-radius:749px;color:#08080c;cursor:default;display:grid;font-size:.66rem;font-weight:800;height:32px;letter-spacing:.02em;margin-left:-6px;place-items:center;position:relative;width:32px}.presenceAvatar:first-child{margin-left:0}.presenceAvatar.active{animation:presencePulse 2s ease-out infinite;box-shadow:0 0 0 2px var(--presence-color)}@keyframes presencePulse{0%{box-shadow:0 0 0 2px var(--presence-color)}70%{box-shadow:0 0 0 5px #0000}to{box-shadow:0 0 0 2px var(--presence-color)}}.presenceAvatar:after{background:#0a0a10f5;border:1px solid #ffffff1f;border-radius:6px;color:#f4f4f7;content:attr(data-tooltip);font-size:.72rem;font-weight:600;left:50%;opacity:0;padding:5px 6px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:60}.presenceAvatar:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.presenceOverflow{background:#2a2a38;color:#cbd5e1}.presenceStatus{align-items:center;color:#9d9daf;color:var(--text-muted);display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:.72rem;gap:6px;white-space:nowrap}.presenceStatusDot{background:#64748b;border-radius:749px;height:7px;width:7px}.presenceStatusDot.live{animation:presenceLivePulse 2s ease-out infinite;background:#4ade80;background:var(--success);box-shadow:0 0 0 0 #4ade8080}@keyframes presenceLivePulse{70%{box-shadow:0 0 0 7px #4ade8000}to{box-shadow:0 0 0 0 #4ade8000}}@media (max-width:900px){.presenceStatus{display:none}}.communityHubHero{background:radial-gradient(circle at top left,#38bdf833,#0000 26%),radial-gradient(circle at 80% 20%,#f9731629,#0000 24%),linear-gradient(145deg,#07111f,#0f2032 52%,#040912)}.communityHeroStatsWide{grid-template-columns:repeat(3,minmax(0,1fr))}.communityModeTabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.communityModeTab{align-items:center;background:#ffffff0f;border:1px solid #94a3b833;border-radius:749px;color:#e2e8f0;cursor:pointer;display:inline-flex;gap:6px;padding:10px 14px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.communityModeTab.active,.communityModeTab:hover{background:#22d3ee29;border-color:#67e8f980;transform:translateY(-1px)}.communityActionsRow{align-items:center;display:flex;gap:10px}.communityPublishBtn{white-space:nowrap}.communityComponentShelf{gap:16px}.communityComponentGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.communityComponentCard{background:linear-gradient(180deg,#0f172af0,#0a101bfa);border:1px solid #94a3b829;border-radius:20px;box-shadow:0 28px 70px #02061752;overflow:hidden}.communityComponentPreview{aspect-ratio:1.08;background:#fff;border:none;cursor:pointer;margin:0;padding:0;position:relative;width:100%}.communityComponentPreview iframe{border:none;height:100%;width:100%}.communityComponentBody{grid-gap:12px;display:grid;gap:12px;padding:16px}.communityComponentTopline{align-items:center;display:flex;gap:10px;justify-content:space-between}.communityComponentBadge{align-items:center;background:#22d3ee1f;border:1px solid #22d3ee2e;border-radius:749px;color:#67e8f9;display:inline-flex;font-size:12px;gap:6px;letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}.communityComponentBody h3{color:#f8fafc;font-size:1.3rem;margin:0}.communityComponentBody p{color:#cbd5e1;line-height:1.7;margin:0}.communityComponentMetaPills{display:flex;flex-wrap:wrap;gap:6px}.communityComponentMetaPills span{background:#2563eb1f;border:1px solid #60a5fa29;border-radius:749px;color:#dbeafe;font-size:12px;padding:7px 8px}.communitySubmitModalCard{background:linear-gradient(180deg,#0a121ffa,#070c16fa);border:1px solid #94a3b833;border-radius:20px;box-shadow:0 40px 110px #0206177a;max-height:min(90vh,920px);overflow:auto;padding:20px;width:min(940px,calc(100vw - 32px))}.communitySubmitModalHead{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.communitySubmitModalHead h3{color:#f8fafc;font-size:1.8rem;margin:6px 0 0}.communityModalClose{background:#ffffff0a;border:1px solid #94a3b833;border-radius:749px;color:#e2e8f0;cursor:pointer;display:inline-grid;height:40px;place-items:center;width:40px}.communitySubmitForm{grid-gap:14px;display:grid;gap:14px;margin-top:20px}.communitySubmitGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.communityFormField{grid-gap:8px;display:grid;gap:8px}.communityFormField span{color:#cbd5e1;font-size:14px;font-weight:600}.communityFormField input,.communityFormField select,.communityFormField textarea{background:#ffffff0a;border:1px solid #94a3b829;border-radius:14px;color:#f8fafc;font:inherit;padding:12px 14px;resize:vertical;width:100%}.communityFormField textarea{min-height:120px}.communitySubmitRoomHint{grid-gap:6px;background:#22d3ee14;border:1px solid #22d3ee1f;border-radius:16px;display:grid;gap:6px;padding:14px}.communitySubmitRoomHint strong{color:#f8fafc}.communitySubmitRoomHint span{color:#cbd5e1}.communitySubmitActions{display:flex;gap:10px;justify-content:flex-end}.communityComponentDetailHero{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 280px}.communityComponentSpecCard{grid-gap:8px;background:#0f172aa8;border:1px solid #94a3b829;border-radius:20px;display:grid;gap:8px;padding:16px}.communityComponentSpecCard strong{color:#f8fafc}.communityComponentSpecCard code{color:#7dd3fc;white-space:pre-wrap}.communityComponentPreviewCard{background:#fff}.communityFeatureGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.communityFeatureTile{align-items:center;background:#0ea5e914;border:1px solid #0ea5e924;border-radius:14px;color:#e2e8f0;display:flex;gap:8px;padding:12px 14px}.communityInfoList{grid-gap:6px;color:#cbd5e1;display:grid;gap:6px}.communitySidebarLinks a{text-decoration:none}@media (max-width:900px){.communityComponentDetailHero,.communityHeroStatsWide,.communitySubmitGrid{grid-template-columns:1fr}.communityActionsRow,.communitySubmitActions{flex-wrap:wrap}}.previwcolapsstyle{background:#fff;border-radius:14px;display:flex;flex:0 0 38%;flex-direction:column;height:100%;min-height:0;min-width:320px;overflow:hidden;position:relative;transition:all .3s ease;width:38%}.previwcolapsstyle h3{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:1rem;margin:0;padding:6px;text-align:center}.previwcolapsstyle iframe{border:none;height:100%;width:100%}.previwcolapsstyle.collapsed{border:none;flex-basis:0;min-width:0;opacity:0;width:0}.pythonTerminalDock{background:linear-gradient(180deg,#181818,#1e1e1e);border:1px solid #ffffff0f;border-radius:14px;box-shadow:0 18px 36px #02061742;display:flex;flex:0 0 auto;flex-direction:column;min-height:68px;overflow:hidden;width:100%}.pythonTerminalDock.collapsed{height:auto!important}.pythonTerminalResizeHandle{background:linear-gradient(180deg,#ffffff14,#fff0),#1b1b1b;border:none;cursor:ns-resize;height:8px;position:relative;width:100%}.pythonTerminalResizeHandle:after{background:#9ca3af73;border-radius:749px;content:"";height:3px;left:50%;position:absolute;top:2px;transform:translateX(-50%);width:56px}.pythonTerminalTabs{align-items:center;background:#181818;border-bottom:1px solid #ffffff0d;display:flex;gap:4px;padding:6px 8px 0}.pythonTerminalTab{background:#0000;border:none;border-top-left-radius:8px;border-top-right-radius:8px;color:#9ca3af;cursor:default;font:11px/1.2 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:.04em;padding:6px 8px}.pythonTerminalTab.active{background:#1e1e1e;border:1px solid #ffffff0f;border-bottom-color:#1e1e1e;color:#f3f4f6;margin-bottom:-1px}.pythonTerminalHeader{align-items:center;background:#1e1e1e!important;border-bottom:1px solid #ffffff0f!important;color:#e5e7eb!important;display:flex;gap:8px;justify-content:space-between;padding:10px 12px!important;text-align:left!important}.pythonTerminalHeaderActions,.pythonTerminalTitle{align-items:center;display:inline-flex;gap:6px}.pythonTerminalCollapseBtn{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:#d1d5db;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.pythonTerminalCollapseBtn:hover{background:#ffffff14}.pythonTerminalMeta{align-items:flex-start;background:#1e1e1e;border-bottom:1px solid #ffffff0f;color:#9ca3af;display:flex;font-size:11px;gap:8px;padding:8px 12px}.pythonTerminalMetaText{display:flex;flex-wrap:wrap;gap:6px 10px}.pythonTerminalDots{display:inline-flex;gap:6px;padding-top:2px}.pythonTerminalDots span{border-radius:749px;height:10px;width:10px}.pythonTerminalDots span:first-child{background:#f87171}.pythonTerminalDots span:nth-child(2){background:#fbbf24}.pythonTerminalDots span:nth-child(3){background:#34d399}.pythonTerminalInput{background:#0000;border:none;border-radius:0;caret-color:#d4d4d4;color:#d4d4d4;font:13px/1.55 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;min-height:58px;outline:none;padding:0;resize:none;width:100%}.pythonTerminalInput:focus{box-shadow:none}.pythonTerminalInput::placeholder{color:#6b7280}.pythonTerminalInput[readonly]{cursor:not-allowed;opacity:.75}.pythonTerminalOutput{background:#1e1e1e;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.pythonTerminalPrompt{color:#d4d4d4;font:12px/1.4 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:8px 12px 0}.pythonTerminalContent{color:#d4d4d4;flex:1 1 auto;font:12.5px/1.55 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;min-height:0;overflow-y:auto;padding:8px 12px 14px;white-space:pre-wrap}.pythonTerminalComposer{grid-gap:6px;align-items:start;border-top:1px solid #ffffff0d;display:grid;gap:6px;grid-template-columns:auto minmax(0,1fr);padding:0 12px 12px}.pythonTerminalComposerPrompt{color:#d4d4d4;font:13px/1.55 SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding-top:2px}@media (max-width:1100px){.editorTopbar{padding:12px 14px}.editorTopbarActions{justify-content:flex-start;width:100%}.editorWrap{flex-direction:column}.editorholder,.previwcolapsstyle{flex-basis:auto;width:100%}.previwcolapsstyle{min-height:320px;min-width:0}.compiledEditorMain{min-height:auto}.pythonTerminalDock{min-height:240px;width:100%}}@media (max-width:640px){.editorTopbar{align-items:flex-start;flex-direction:column}.editorTopbarActions{width:100%}.editorTopbarBtn{justify-content:center;width:100%}.pythonTerminalHeader{align-items:flex-start;flex-direction:column}.pythonTerminalHeaderActions{justify-content:space-between;width:100%}.pythonTerminalMeta{flex-direction:column}.pythonTerminalComposer{grid-template-columns:1fr}.pythonTerminalComposerPrompt{display:none}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}::-webkit-scrollbar-track{background:#0000}.reactStudioPage{background:radial-gradient(circle at top left,#22d3ee1f,#0000 28%),radial-gradient(circle at top right,#6366f129,#0000 26%),linear-gradient(180deg,#020617,#0f172a 55%,#020617);min-height:100vh;padding:20px}.reactStudioHeader{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin:0 auto 20px;width:min(1400px,100%)}.reactStudioEyebrow{color:#67e8f9;font-size:.8rem;font-weight:700;letter-spacing:.16em;margin:0 0 6px;text-transform:uppercase}.reactStudioHeader h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;margin:0}.reactStudioIntro{color:#94a3b8;margin:10px 0 0;max-width:620px}.reactStudioActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.reactStudioActionBtn{justify-content:center;width:auto}.reactStudioLayout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);margin:0 auto;min-height:calc(100vh - 160px);width:min(1400px,100%)}.reactStudioEditors{grid-gap:14px;display:grid;gap:14px;grid-template-rows:minmax(360px,1fr) minmax(260px,.7fr);min-height:0}.reactEditorCard,.reactPreviewShell{background:#0f172ad1;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 24px 60px #02061757;min-height:0;overflow:hidden}.reactEditorHeader{background:#ffffff08;border-bottom:1px solid #94a3b81f;padding:10px 14px}.reactEditorHeader span{align-items:center;display:inline-flex;font-weight:700;gap:6px}.reactEditorBody{height:calc(100% - 50px);min-height:0}.reactPreviewHeader{background:#ffffff08;border-bottom:1px solid #94a3b81f;padding:10px 14px}.reactPreviewTabs{display:flex;flex-wrap:wrap;gap:8px}.reactPreviewTab{align-items:center;background:#ffffff05;border:1px solid #94a3b829;border-radius:749px;color:#94a3b8;cursor:pointer;display:inline-flex;gap:6px;padding:8px 12px;transition:all .2s ease}.reactPreviewTab.active{background:#22d3ee1f;border-color:#22d3ee66;color:#e2e8f0}.reactPreviewBody{height:calc(100% - 61px);min-height:0}.reactStudioFrame{background:#fff;border:none;height:100%;width:100%}.reactConsolePanel{background:#0f172a;color:#dbeafe;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92rem;height:100%;line-height:1.65;overflow-y:auto;padding:14px;white-space:pre-wrap}@media (max-width:1100px){.reactStudioLayout{grid-template-columns:1fr}.reactPreviewShell{min-height:480px}}@media (max-width:720px){.reactStudioPage{padding:14px 12px}.reactStudioHeader{align-items:stretch;flex-direction:column}.reactStudioActions{justify-content:stretch}.reactStudioActionBtn{width:100%}.reactStudioEditors{grid-template-rows:minmax(300px,1fr) minmax(220px,.65fr)}.reactPreviewShell{min-height:420px}}.routeLoader{background:radial-gradient(circle at top,#22d3ee24,#0000 26%),linear-gradient(180deg,#0b0f19,#111827 48%,#0f172a);color:#dbeafe;display:grid;font-size:1rem;font-weight:600;min-height:100vh;place-items:center}.dashboardPage{grid-gap:4px;background:radial-gradient(circle at top left,#8b5cf629,#0000 24%),radial-gradient(circle at top right,#22d3ee1f,#0000 26%),radial-gradient(circle at 60% 120%,#e879f914,#0000 34%),linear-gradient(180deg,#050508,#0b0b14 48%,#0d0d18);display:grid;gap:4px;grid-template-columns:260px minmax(0,1fr);min-height:100vh;padding:12px;position:relative}.dashboardPage:before{background-image:linear-gradient(hsla(0,0%,100%,.028) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.028) 1px,#0000 0);background-size:56px 56px;content:"";inset:-1px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 25%,#0000 78%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 25%,#0000 78%);pointer-events:none;position:fixed;z-index:0}.workspaceLayoutContent{min-width:0;position:relative;z-index:1}.workspaceLayoutPage .communityPage,.workspaceLayoutPage .workspaceStandalonePage{background:none;min-height:auto;padding:8px 6px}.workspaceLayoutPage .workspaceStandalonePage:before{display:none}.dashboardSidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,hsla(0,0%,100%,.035),#ffffff03),#08080ed1;border:1px solid #ffffff17;border-radius:20px;box-shadow:0 24px 70px -30px #000c;display:flex;flex-direction:column;gap:16px;height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;padding:16px 14px;position:-webkit-sticky;position:sticky;top:14px;z-index:1}.dashboardBrand{align-items:center;background:linear-gradient(120deg,#8b5cf61f,#22d3ee12);border:1px solid #8b5cf640;border-radius:14px;display:flex;gap:10px;padding:8px 10px}.dashboardBrand img{border-radius:10px;height:38px;width:38px}.dashboardBrandEyebrow{color:#67e8f9;font-size:.73rem;letter-spacing:.14em;margin:0;text-transform:uppercase}.dashboardBrand h2{font-size:1.22rem;margin:2px 0 0}.dashboardNav{display:flex;flex-direction:column;gap:6px}.dashboardNavItem{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:.94rem;gap:10px;justify-content:space-between;padding:8px 10px;transition:all .22s ease;width:100%}.dashboardNavItem:hover{background:#ffffff0d;border-color:#8b5cf63d;color:#f8fafc}.dashboardNavItem.active{background:linear-gradient(120deg,#7c3aed52,#06b6d433);border-color:#8b5cf673;box-shadow:0 10px 30px -10px #7c3aed80,inset 0 1px 0 #ffffff14;color:#fff}.dashboardNavLabel{align-items:center;display:inline-flex;gap:6px}.dashboardNavCount{background:#06b6d424;border-radius:749px;color:#67e8f9;font-size:.72rem;font-weight:700;min-width:26px;padding:2px 6px}.dashboardSidebarFoot{display:flex;flex-direction:column;gap:10px;margin-top:auto}.dashboardUserCard{align-items:center;background:#ffffff0a;border:1px solid #94a3b81f;border-radius:14px;display:flex;gap:8px;padding:10px}.dashboardUserAvatar{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:10px;color:#fff;display:grid;font-size:.92rem;font-weight:800;height:40px;place-items:center;width:40px}.dashboardUserCard p{font-size:.95rem;font-weight:700;margin:0}.dashboardUserCard span{color:#94a3b8;font-size:.8rem}.dashboardLogout{align-items:center;background:#ef444414;border:1px solid #ef44442e;border-radius:12px;color:#fca5a5;cursor:pointer;display:inline-flex;font-size:.92rem;gap:6px;justify-content:center;min-height:44px;padding:8px 10px;width:100%}.dashboardShell{margin:0 auto;min-width:0;padding:12px clamp(14px,2vw,20px) clamp(14px,2vw,20px);width:min(100%,1520px)}.dashboardTopbar{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.dashboardSearch{align-items:center;background:hsla(0,0%,100%,.045);border:1px solid #ffffff17;border-radius:749px;box-shadow:inset 0 1px 0 #ffffff08;display:flex;flex:1 1;gap:8px;min-height:52px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease}.dashboardSearch:focus-within{border-color:#8b5cf68c;box-shadow:0 0 0 4px #8b5cf624,inset 0 1px 0 #ffffff08}.dashboardSearch input{background:#0000;border:none;color:#f8fafc;flex:1 1;font-size:.92rem;outline:none}.dashboardSearch input::placeholder{color:#64748b}.dashboardTopbarActions{align-items:center;display:flex;gap:8px}.notificationPopover,.notificationTrigger{position:relative}.notificationBadge{background:#ef4444;border-radius:749px;color:#fff;display:grid;font-size:.68rem;font-weight:700;height:18px;min-width:18px;padding:0 5px;place-items:center;position:absolute;right:-6px;top:-6px}.dashboardIconBtn{background:#ffffff0a;border:1px solid #94a3b824;border-radius:10px;color:#dbeafe;cursor:pointer;display:grid;height:40px;place-items:center;width:40px}.dashboardCreateBtn{font-size:.96rem;min-height:46px;padding:0 16px;width:auto}.dashboardContent{display:flex;flex-direction:column;gap:12px}.dashboardHero,.dashboardModal,.dashboardPanel,.dashboardRoomsSection{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.012)),#08080eb8;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 28px 80px #0006}.dashboardHero{overflow:hidden;padding:20px;position:relative}.dashboardHero:before{background:radial-gradient(ellipse 45% 90% at 88% 10%,#8b5cf633,#0000 65%),radial-gradient(ellipse 40% 80% at 65% 100%,#22d3ee1a,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.dashboardHero>div{position:relative}.dashboardHero h1{-webkit-text-fill-color:#0000;background:linear-gradient(100deg,#f4f4f7 30%,#a78bfa 75%,#22d3ee);-webkit-background-clip:text;background-clip:text}.dashboardEyebrow{color:#67e8f9;font-size:.68rem;font-weight:700;letter-spacing:.14em;margin:0 0 7px;text-transform:uppercase}.dashboardTerminalGreeting{align-items:center;background:#020617b8;border:1px solid #67e8f929;border-radius:749px;box-shadow:inset 0 1px 0 #ffffff08;color:#c7f9ff;display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.72rem;gap:6px;letter-spacing:.04em;margin-bottom:8px;padding:7px 8px}.dashboardTerminalPrompt{color:#67e8f9;font-weight:700}.dashboardTerminalText{min-height:1em}.dashboardTerminalCursor{animation:dashboardTerminalBlink 1s steps(1) infinite;background:#67e8f9;border-radius:2px;height:1.05em;width:8px}@keyframes dashboardTerminalBlink{0%,49%{opacity:1}50%,to{opacity:0}}.dashboardHero h1{font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:1.06;margin:0}.dashboardHero p{color:#94a3b8;font-size:.86rem;line-height:1.55;margin:6px 0 0;max-width:700px}.dashboardActivityNote{color:#67e8f9!important;font-size:.78rem!important}.notificationPanel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a101ef0;border:1px solid #94a3b824;border-radius:14px;box-shadow:0 20px 46px #02061761;max-height:min(54vh,380px);overflow:auto;padding:10px;position:absolute;right:0;top:calc(100% + 10px);width:min(330px,calc(100vw - 28px));z-index:40}.notificationList{grid-gap:6px;display:grid;gap:6px}.notificationItem{background:#0f172a99;border:1px solid #94a3b81a;border-radius:12px;padding:8px 10px}.notificationItem.unread{border-color:#67e8f938}.notificationItemTop{align-items:center;display:flex;gap:8px;justify-content:space-between}.notificationItemTop strong{color:#f8fafc;font-size:.84rem;line-height:1.25}.notificationItem small,.notificationItemTop span{color:#94a3b8;font-size:.7rem;white-space:nowrap}.notificationItem p{color:#cbd5e1;font-size:.78rem;line-height:1.4;margin:6px 0 0}.notificationItemActions{display:flex;justify-content:flex-start;margin-top:6px}.notificationActionBtn{font-size:.78rem;min-height:34px;padding:0 10px;width:auto}.notificationShowMoreBtn{border-radius:10px;font-size:.8rem;margin-top:8px;min-height:36px;width:100%}.onboardingOverlay{inset:0;pointer-events:none;position:fixed;z-index:120}.onboardingBackdrop{background:#020617b8;inset:0;position:absolute}.onboardingSpotlight{border:1px solid #67e8f9cc;border-radius:20px;box-shadow:0 0 0 9999px #0206178c,inset 0 0 0 1px #ffffff0a,0 0 40px #67e8f938;position:fixed}.onboardingCard{background:#080f1df5;border:1px solid #67e8f933;border-radius:16px;box-shadow:0 26px 70px #0206177a;padding:16px;pointer-events:auto;position:fixed;z-index:1}.onboardingStepLabel{color:#67e8f9;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.onboardingCard h3{color:#f8fafc;font-size:1.2rem;margin:8px 0 6px}.onboardingCard p{color:#cbd5e1;font-size:.9rem;line-height:1.6;margin:0}.onboardingActions{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:14px}.onboardingPrimaryActions{align-items:center;display:flex;gap:8px}.dashboardHeroActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.dashboardHeroActions .btn-outline,.dashboardHeroActions .btn-primary{font-size:.88rem;min-height:40px;padding:0 14px}.dashboardRoomsSection{padding:14px}.languageCarouselSection{background:linear-gradient(180deg,#0a0a12f0,#080810d1),radial-gradient(circle at left center,#8b5cf61a,#0000 30%);border:1px solid #94a3b81f;border-radius:20px;box-shadow:0 20px 50px #0000004d;overflow:hidden;padding:16px 0 14px;position:relative}.languageCarouselHead{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:16px;padding:0 20px 14px}.languageCarouselEyebrow{color:#67e8f9;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.languageCarouselHint{color:#64748b;font-size:.8rem;font-weight:500}.languageCarouselViewport{overflow:hidden;position:relative}.languageCarouselViewport:after,.languageCarouselViewport:before{bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:84px;z-index:1}.languageCarouselViewport:before{background:linear-gradient(90deg,#080810fa,#0000);left:0}.languageCarouselViewport:after{background:linear-gradient(270deg,#080810fa,#0000);right:0}.languageCarouselTrack{align-items:center;animation:languageCarouselMarquee 26s linear infinite;display:flex;gap:14px;padding:4px 20px 10px;transition:animation-play-state .3s;width:-webkit-max-content;width:max-content}.languageCarouselViewport:hover .languageCarouselTrack{animation-play-state:paused}.languageLaunchChip{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;border:1px solid #ffffff0f;border-radius:14px;box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff05;color:#f8fafc;cursor:pointer;display:inline-flex;flex:0 0 auto;gap:10px;min-width:220px;outline:none;padding:8px 14px;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.languageLaunchChip:hover{background:#0f172ad9;border-color:var(--chip-accent);box-shadow:0 12px 28px -6px var(--chip-accent),0 0 16px -4px var(--chip-accent);transform:translateY(-2px) scale(1.02)}.languageLaunchIcon{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;color:var(--chip-accent);display:grid;flex:0 0 auto;height:36px;place-items:center;transition:all .2s ease;width:36px}.languageLaunchChip:hover .languageLaunchIcon{background:var(--chip-accent);box-shadow:0 0 12px var(--chip-accent);color:#050508}.languageLaunchMeta{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.languageLaunchMeta strong{color:#f8fafc;font-size:.88rem;font-weight:700;line-height:1.2}.languageLaunchMeta small{color:#64748b;font-size:.72rem;font-weight:500;line-height:1.2;margin-top:3px}.languageLaunchArrow{color:#475569;flex:0 0 auto;transition:all .25s ease}.languageLaunchChip:hover .languageLaunchArrow{color:var(--chip-accent);transform:translateX(4px)}.dashboardPanelHead{justify-content:space-between;margin-bottom:14px}.dashboardPanelActions,.dashboardPanelHead{align-items:center;display:flex;gap:10px}.dashboardPanelHead h3{font-size:1.04rem;margin:0}.dashboardPanelHead span{color:#94a3b8;font-size:.82rem}.roomCard:hover{border-color:#8b5cf673;box-shadow:0 24px 50px -20px #8b5cf666;transform:translateY(-5px)}.dashboardRoomsSection{min-height:320px}.settingsSection{min-height:auto}.settingsGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.settingsCard{background:#ffffff08;border:1px solid #94a3b81f;border-radius:16px;padding:16px}.settingsCardHead{margin-bottom:14px}.settingsCardHead h4{font-size:1.08rem;margin:0}.settingsCardHead span{color:#94a3b8;display:block;font-size:.88rem;line-height:1.5;margin-top:6px}.settingsForm{grid-gap:12px;display:grid;gap:12px}.settingsSubmitBtn{justify-self:flex-start}.roomGrid{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.roomCarouselControls{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.roomCarouselBtn{border-radius:10px;height:34px;width:34px}.roomCarouselBtn:disabled{cursor:not-allowed;opacity:.42}.roomCarouselStatus{color:#94a3b8;font-size:.78rem;font-weight:700;letter-spacing:.04em;min-width:38px;text-align:center}.roomCarouselDots{align-items:center;display:inline-flex;gap:7px;margin-left:4px}.roomCarouselDot{background:#94a3b861;border:none;border-radius:749px;cursor:pointer;height:9px;padding:0;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;width:9px}.roomCarouselDot:hover{background:#7dd3fcad;transform:scale(1.08)}.roomCarouselDot.active{background:#7dd3fc;box-shadow:0 0 0 4px #7dd3fc24}.roomGridCarousel{animation-duration:.28s;animation-timing-function:ease}.roomGridCarousel-down{animation-name:roomCarouselSlideDown}.roomGridCarousel-up{animation-name:roomCarouselSlideUp}@keyframes roomCarouselSlideDown{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes roomCarouselSlideUp{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes languageCarouselMarquee{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}.roomCard{background:linear-gradient(180deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.015));border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;min-height:246px;overflow:hidden;padding:14px;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.roomCardGlow{background:radial-gradient(circle,#8b5cf640,#0000 70%);filter:blur(22px);height:180px;inset:auto -20% 70% auto;opacity:.7;pointer-events:none;position:absolute;transition:opacity .3s ease;width:180px}.roomCard:hover .roomCardGlow{opacity:1}@media (max-width:760px){.roomCarouselControls{justify-content:space-between;width:100%}.roomCarouselDots{justify-content:center;margin-left:0;order:3;width:100%}}.roomCardHeader{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.roomCardHeader h4{font-size:.96rem;line-height:1.4;margin:6px 0 0}.roomLanguagePill{align-items:center;border-radius:749px;display:inline-flex;font-size:.68rem;font-weight:700;padding:.28rem .62rem}.roomLanguagePill.vanilla{background:#facc1524;color:#fde68a}.roomLanguagePill.react{background:#22d3ee24;color:#67e8f9}.roomLanguagePill.python{background:#60a5fa29;color:#93c5fd}.roomLanguagePill.c{background:#f59e0b29;color:#fcd34d}.roomLanguagePill.cpp{background:#a78bfa29;color:#ddd6fe}.dashboardMiniBtn,.roomMenuBtn{background:#ffffff0a;border:1px solid #94a3b81f;border-radius:10px;color:#dbeafe;cursor:pointer}.roomMenuBtn{display:grid;height:36px;place-items:center;width:36px}.roomMetaText{color:#94a3b8;font-size:.78rem;line-height:1.55;margin:10px 0 12px}.roomCardCollaborators{gap:10px;justify-content:space-between;margin-top:auto;padding-top:6px}.collaboratorCluster,.roomCardCollaborators{align-items:center;display:flex}.collaboratorDot{background:linear-gradient(135deg,#7c3aed,#06b6d4);border:2px solid #08080ee6;border-radius:749px;color:#fff;display:grid;height:32px;margin-right:-6px;place-items:center;width:32px}.collaboratorDot,.roomLiveTag{font-size:.76rem;font-weight:700}.roomLiveTag{color:#67e8f9}.roomCardFooter{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;margin-top:14px;min-width:0}.dashboardMiniBtn{align-items:center;box-shadow:inset 0 1px 0 #ffffff0a;display:inline-flex;flex:1 1;font-size:.74rem;gap:6px;height:40px;justify-content:center;line-height:1;padding:0 6px}.dashboardMiniBtn,.dashboardMiniBtn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboardMiniBtn svg{flex:0 0 auto;height:14px;width:14px}.roomOpenBtn{flex:0 0 auto;font-size:.95rem;height:44px;margin-left:auto;min-width:98px;padding-inline:16px;width:auto}.emptyDashboardState,.emptyPanelState{grid-gap:10px;background:#ffffff05;border:1px dashed #94a3b829;border-radius:14px;color:#94a3b8;display:grid;gap:10px;padding:20px;place-items:center;text-align:center}.emptyDashboardState h4{color:#f8fafc;margin:0}.skeletonCard{animation:skeletonShift 1.3s linear infinite;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;min-height:220px}@keyframes skeletonShift{0%{background-position:0 0}to{background-position:200% 0}}.dashboardModalBackdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617a8;inset:0;position:fixed;z-index:60}.dashboardModal{left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 28px));z-index:70}.dashboardModalHead{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.dashboardModalHead h3{margin:0}.dashboardModalForm{display:flex;flex-direction:column;gap:14px}.dashboardFieldLabel,.dashboardModalForm label{color:#cbd5e1;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.dashboardModalForm input,.dashboardModalForm select,.dashboardModalTextarea{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:14px;color:#f8fafc;outline:none;padding:12px 14px;width:100%}.dashboardModalTextarea{font:inherit;min-height:110px;resize:vertical}.dashboardDangerOutline{border-color:#fb71853d;color:#fda4af}.dashboardDangerOutline:hover{background:#fb718514}.privacyToggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.privacyToggle button{background:#ffffff08;border:1px solid #94a3b824;border-radius:12px;color:#dbeafe;cursor:pointer;padding:10px}.privacyToggle button.active{background:#22d3ee1f;border-color:#22d3ee4d}.communityPage{background:radial-gradient(circle at top left,#22d3ee14,#0000 24%),radial-gradient(circle at top right,#6366f124,#0000 24%),linear-gradient(180deg,#020617,#0b1120 48%,#020617);min-height:100vh;padding:20px}.communityHero,.communityShelf,.communityTopbar{margin-left:auto;margin-right:auto;width:min(1380px,100%)}.communityTopbar{align-items:center;display:flex;gap:14px;justify-content:space-between}.communityBackBtn{width:auto}.communitySearch{align-items:center;background:#0f172ab8;border:1px solid #94a3b829;border-radius:749px;color:#94a3b8;display:flex;flex:1 1;gap:8px;max-width:520px;padding:12px 14px}.communitySearch input{background:#0000;border:none;color:#f8fafc;flex:1 1;font:inherit;outline:none}.communityHero{grid-gap:16px;background:radial-gradient(circle at top right,#22d3ee1a,#0000 26%),#0f172ad1;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 28px 60px #02061747;display:grid;gap:16px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);margin-top:20px;padding:20px}.communityEyebrow{color:#67e8f9;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.communityHero h1{font-size:clamp(2.4rem,4vw,4.2rem);line-height:.98;margin:10px 0 0}.communityHero p{color:#94a3b8;margin:14px 0 0;max-width:720px}.communityHeroStats{grid-gap:12px;align-self:end;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.communityHeroStats article{background:#ffffff0a;border:1px solid #94a3b824;border-radius:16px;padding:14px}.communityHeroStats span{color:#94a3b8;display:block;font-size:.82rem}.communityHeroStats strong{color:#f8fafc;display:block;font-size:1.45rem;margin-top:8px}.communityShelf{margin-top:20px}.communityControls{background:#0f172aad;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 18px 38px #02061729;margin-bottom:14px;padding:14px}.communityControlsHead{align-items:center;color:#e2e8f0;display:flex;font-size:.92rem;font-weight:700;gap:10px;justify-content:space-between}.communityClearFilters,.communityControlsHead span{align-items:center;display:inline-flex;gap:6px}.communityClearFilters{color:#67e8f9;font-size:.84rem}.communityClearFilters,.communityFilterToggle{background:#0000;border:none;cursor:pointer;font-weight:700}.communityFilterToggle{align-items:center;color:#e2e8f0;display:inline-flex;font-size:.92rem;gap:6px;padding:0;transition:color .2s ease}.communityFilterToggle:hover{color:#67e8f9}.communityControlsRow{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.communityControlField{display:flex;flex-direction:column;gap:6px}.communityControlField span{color:#94a3b8;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.communityControlField select{background:#02061785;border:1px solid #94a3b829;border-radius:12px;color:#f8fafc;font:inherit;outline:none;padding:10px 12px;width:100%}.communityControlField select:focus{border-color:#67e8f957;box-shadow:0 0 0 3px #67e8f91f}.communityTagFilters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.communityTagFilter{align-items:center;background:#ffffff08;border:1px solid #94a3b824;border-radius:749px;color:#cbd5e1;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;justify-content:center;padding:6px 10px}.communityTagFilter.active{background:#22d3ee1f;border-color:#22d3ee42;color:#67e8f9}.communityShelfHead{align-items:flex-end;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.communityShelfHead h2{font-size:1.4rem;margin:0}.communityShelfHead span{color:#94a3b8}.communityShelfBadges{display:flex;flex-wrap:wrap;gap:8px}.communityShelfBadges span{align-items:center;background:#ffffff0a;border:1px solid #94a3b824;border-radius:749px;color:#cbd5e1;display:inline-flex;font-size:.82rem;gap:6px;padding:8px 10px}.communityGrid{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.communityCard{background:linear-gradient(180deg,#0f172af0,#0f172ac7);border:1px solid #94a3b81f;border-radius:20px;box-shadow:0 22px 44px #02061738;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.communityCard:hover{border-color:#67e8f938;box-shadow:0 28px 58px #0206174d;transform:translateY(-6px)}.communityPreviewShell{aspect-ratio:1.2/1;background:#fff;border:none;cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.communityModalPreview iframe,.communityPreviewShell iframe{background:#fff;border:none;height:100%;width:100%}.communityPreviewOverlay{background:#020617b8;border-radius:12px;color:#f8fafc;font-size:.84rem;font-weight:700;inset:auto 14px 14px 14px;opacity:0;padding:8px 10px;position:absolute;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.communityPreviewShell:hover .communityPreviewOverlay{opacity:1;transform:translateY(0)}.communityCardBody{display:flex;flex:1 1;flex-direction:column;padding:14px}.communityCardTopline{align-items:center;display:flex;gap:8px;justify-content:space-between}.communityLikeBtn{align-items:center;background:#ffffff0a;border:1px solid #94a3b824;border-radius:749px;color:#dbeafe;cursor:pointer;display:inline-flex;gap:6px;padding:6px 8px}.communityLikeBtn.active{background:#fb718514;border-color:#fb71853d;color:#fb7185}.communityCardBody h3{-webkit-line-clamp:2;font-size:1.08rem;line-height:1.35;margin:12px 0 0}.communityCardBody h3,.communityCardBody p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.communityCardBody p{-webkit-line-clamp:3;color:#94a3b8;font-size:.88rem;line-height:1.6;margin:8px 0 0}.communityMetaRow{align-items:center;color:#cbd5e1;display:flex;flex-wrap:wrap;font-size:.84rem;gap:10px;margin-top:12px}.communityMetaRow span{align-items:center;display:inline-flex;gap:6px}.communityTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}.communityTags span{background:#22d3ee14;border-radius:749px;color:#67e8f9;font-size:.78rem;font-weight:600;padding:7px 8px}.communityEmptyState{margin-top:8px}.communityModal{background:radial-gradient(circle at top right,#22d3ee14,#0000 24%),#0f172afa;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 34px 90px #0206176b;inset:50% auto auto 50%;max-height:calc(100vh - 40px);overflow:auto;padding:16px;position:fixed;transform:translate(-50%,-50%);width:min(1120px,calc(100% - 28px));z-index:72}.communityModalHead{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.communityModalHead h3{font-size:1.4rem;margin:6px 0 0}.communityModalPreview{aspect-ratio:16/9;background:#fff;border-radius:16px;overflow:hidden}.communityModalFooter{align-items:flex-end;display:flex;gap:14px;justify-content:space-between;margin-top:14px}.communityModalFooter p{color:#cbd5e1;line-height:1.6;margin:0}.communityModalActions{display:flex;flex-wrap:wrap;gap:8px}.communityProjectPage{background:radial-gradient(circle at top left,#22d3ee14,#0000 24%),radial-gradient(circle at top right,#6366f124,#0000 24%),linear-gradient(180deg,#020617,#0b1120 48%,#020617);min-height:100vh;padding:20px}.communityProjectShell{margin:0 auto;width:min(1380px,100%)}.communityProjectTopbar{align-items:center;display:flex;gap:14px;justify-content:space-between}.communityProjectActions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.communityProjectHero{background:radial-gradient(circle at top right,#22d3ee14,#0000 28%),#0f172ad1;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 26px 60px #0206173d;margin-top:20px;padding:20px}.communityProjectHero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin:8px 0 0}.communityProjectHero p{color:#94a3b8;margin:14px 0 0;max-width:760px}.communityProjectStage{margin-top:16px}.communityProjectContent,.communityProjectLayout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(340px,.8fr);margin-top:16px}.communityProjectPreviewCard{aspect-ratio:16/8.5;background:#fff;border:1px solid #94a3b81f;border-radius:20px;box-shadow:0 26px 58px #02061738;overflow:hidden}.communityProjectPreviewCard iframe{border:none;height:100%;width:100%}.communityProjectTabs{align-items:center;border-bottom:1px solid #94a3b824;display:flex;gap:16px;margin-top:14px;padding:0 2px}.communityProjectTab{background:#0000;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;font-weight:700;padding:12px 0}.communityProjectTab.active{border-bottom-color:#f8fafc;color:#f8fafc}.communitySidebarColumn,.communityThreadColumn{min-width:0}.communitySidebarColumn{grid-gap:14px;display:grid;gap:14px}.communityInfoCard{background:#0f172ad1;border:1px solid #94a3b81f;border-radius:20px;box-shadow:0 24px 54px #0206172e;padding:16px}.communityInfoCard h3{font-size:1rem;margin:0}.communityInfoCardHead{align-items:center;display:flex;gap:10px;justify-content:space-between}.communityInfoCard p{color:#94a3b8;line-height:1.6;margin:10px 0 0}.communitySidebarActions{grid-gap:8px;display:grid;gap:8px;margin-top:14px}.communityEmbedSnippet{background:#0206179e;border:1px solid #94a3b81f;border-radius:14px;color:#cbd5e1;font-size:.78rem;line-height:1.6;margin:14px 0 0;overflow-x:auto;padding:12px 14px;white-space:pre-wrap;word-break:break-word}.communityAboutCard,.communityDiscussionCard{background:#0f172ad1;border:1px solid #94a3b81f;border-radius:20px;box-shadow:0 24px 54px #02061738;padding:16px}.communityAboutCard h2{font-size:1.25rem;margin:0}.communityAboutCard p{color:#cbd5e1;line-height:1.7;margin:12px 0 0}.communityDiscussionHead{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.communityDiscussionHead h2{font-size:1.2rem;margin:6px 0 0}.communityDiscussionHead span{color:#94a3b8;font-size:.82rem}.threadVisibleHead{padding:2px 2px 12px}.threadVisibleHead h2{font-size:1.2rem;margin:0}.threadVisibleHead strong{color:#f8fafc;font-size:1.1rem}.communityCommentComposerInline{margin-top:0}.communityCommentComposerTop{align-items:center;display:flex;gap:10px}.communityCommentAvatar{background:linear-gradient(135deg,#f97316,#fb7185);border-radius:749px;color:#fff;display:grid;flex:0 0 auto;font-weight:700;height:34px;place-items:center;width:34px}.communityCommentComposer{grid-gap:10px;background:#ffffff08;border:1px solid #94a3b81a;border-radius:16px;display:grid;gap:10px;margin-top:14px;padding:14px}.communityCommentKinds{display:flex;gap:8px}.communityCommentKinds button{background:#ffffff0a;border:1px solid #94a3b824;border-radius:749px;color:#dbeafe;cursor:pointer;font-weight:600;padding:8px 10px}.communityCommentKinds button.active{background:#67e8f91a;border-color:#67e8f93d;color:#67e8f9}.communityCommentComposer textarea{background:#0f172ab8;border:1px solid #94a3b829;border-radius:14px;color:#f8fafc;font:inherit;min-height:110px;outline:none;padding:12px 14px;resize:vertical;width:100%}.communityCommentList{grid-gap:10px;display:grid;gap:10px;margin-top:14px}.visibleCommentFeed{max-height:none;overflow:visible;padding-right:0}.communityCommentItem{background:#ffffff08;border:1px solid #94a3b81a;border-radius:14px;padding:12px 14px}.communityCommentRow{align-items:flex-start;display:flex;gap:10px}.commentListAvatar{background:linear-gradient(135deg,#6366f1,#22d3ee);height:38px;width:38px}.communityCommentBody{flex:1 1;min-width:0}.communityCommentTopline{align-items:center;display:flex;gap:10px;justify-content:space-between}.communityCommentTopline strong{color:#f8fafc}.communityCommentTopline>div{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.communityCommentTopline>span{color:#94a3b8;font-size:.78rem}.communityCommentKind{align-items:center;border-radius:749px;display:inline-flex;font-size:.72rem;font-weight:700;padding:.22rem .6rem;text-transform:capitalize}.communityCommentKind.comment{background:#22d3ee1a;color:#67e8f9}.communityCommentKind.question{background:#facc151f;color:#fde68a}.communityCommentItem p{color:#cbd5e1;line-height:1.6;margin:8px 0 0}.communityEmbedPage{background:linear-gradient(180deg,#020617,#0b1120);display:flex;flex-direction:column;min-height:100vh}.communityEmbedFrame{background:#fff;flex:1 1 auto;min-height:0}.communityEmbedFrame iframe{background:#fff;border:none;height:100%;min-height:calc(100vh - 48px);width:100%}.communityEmbedFooter{align-items:center;background:#0f172af0;border:none;color:#f8fafc;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:space-between;padding:12px 14px}.communityEmbedStatus{background:#0f172ad1;border:1px solid #94a3b824;border-radius:14px;color:#cbd5e1;margin:auto;padding:16px 20px}.workspaceStandalonePage{background:radial-gradient(circle at top left,#8b5cf624,#0000 26%),radial-gradient(circle at top right,#22d3ee1a,#0000 26%),radial-gradient(circle at 60% 120%,#e879f912,#0000 34%),linear-gradient(180deg,#050508,#0b0b14 48%,#0d0d18);min-height:100vh;padding:20px;position:relative}.workspaceStandalonePage:before{background-image:linear-gradient(hsla(0,0%,100%,.028) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.028) 1px,#0000 0);background-size:56px 56px;content:"";inset:-1px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 25%,#0000 78%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 25%,#0000 78%);pointer-events:none;position:fixed;z-index:0}.workspaceStandaloneShell{position:relative;z-index:1}.settingsPageHead{margin-top:4px}.settingsPageEyebrow{color:#22d3ee;color:var(--secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.22em;margin:0 0 6px;text-transform:uppercase}.settingsPageHead h1{-webkit-text-fill-color:#0000;background:linear-gradient(100deg,#f4f4f7 40%,#a78bfa 85%,#22d3ee 110%);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.9rem,3.6vw,2.6rem);letter-spacing:-.03em;margin:0}.settingsPageSub{color:#9d9daf;color:var(--text-muted);font-size:.95rem;margin:6px 0 0}.settingsIdentity{align-items:center;background:linear-gradient(120deg,#8b5cf61f,#22d3ee12);border:1px solid #8b5cf640;border-radius:14px;display:flex;gap:10px;padding:12px}.settingsIdentityAvatar{background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:12px;box-shadow:0 8px 20px -6px #7c3aed80;color:#fff;display:grid;flex-shrink:0;font-size:1.15rem;font-weight:800;height:44px;place-items:center;width:44px}.settingsIdentityMeta{display:flex;flex-direction:column;gap:2px;min-width:0}.settingsIdentityMeta strong{color:#f4f4f7;font-size:.94rem}.settingsIdentityMeta span,.settingsIdentityMeta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settingsIdentityMeta span{color:#9d9daf;color:var(--text-muted);font-size:.76rem}.workspaceStandaloneShell{grid-gap:16px;display:grid;gap:16px;margin:0 auto;width:min(1380px,100%)}.workspaceStandaloneTopbar{align-items:center;display:flex;gap:14px;justify-content:space-between}.workspaceBackBtn{width:auto}.workspaceStandaloneCard,.workspaceStandaloneContent,.workspaceStandaloneHero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a101ebd;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 28px 80px #02061759}.workspaceStandaloneHero{grid-gap:14px;display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);padding:20px}.workspaceStandaloneCopy h1{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1;margin:10px 0 0}.workspaceStandaloneCopy p:last-child{color:#94a3b8;margin-top:12px;max-width:720px}.workspaceStandaloneEyebrow{color:#67e8f9;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.workspaceStandaloneIcon{background:#22d3ee1a;border:1px solid #67e8f933;border-radius:14px;color:#67e8f9;display:grid;height:48px;margin-bottom:12px;place-items:center;width:48px}.workspaceStandaloneActions{grid-gap:14px;align-self:end;display:grid;gap:14px}.workspaceStandaloneSearch{max-width:none}.workspaceStandaloneStat{background:#ffffff0a;border:1px solid #94a3b824;border-radius:16px;padding:14px}.workspaceStandaloneStat span{color:#94a3b8;display:block;font-size:.82rem}.workspaceStandaloneStat strong{color:#f8fafc;display:block;font-size:1.45rem;margin-top:8px;word-break:break-word}.workspaceStandaloneContent{padding:16px}.workspaceStandaloneEmpty{min-height:260px}.workspaceSettingsGrid{grid-template-columns:minmax(0,720px);justify-content:center}.workspaceSettingsCard{background:linear-gradient(180deg,#ffffff0d,hsla(0,0%,100%,.025)),#080d18eb;padding:20px}.workspaceSettingsForm{gap:14px}.workspaceFieldLabel{gap:8px}.workspaceFieldTitle{color:#f8fafc;font-size:.95rem;font-weight:700}.workspaceFieldHint{color:#94a3b8;font-size:.82rem;font-weight:500;line-height:1.5}.workspaceFieldInput{background:linear-gradient(180deg,#0f172aeb,#0f172ab8);border:1px solid #94a3b829;border-radius:14px;color:#f8fafc;font:inherit;outline:none;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.workspaceFieldInput::placeholder{color:#64748b}.workspaceFieldInput:focus{border-color:#67e8f999;box-shadow:0 0 0 4px #22d3ee1f;transform:translateY(-1px)}.workspaceSettingsSubmitBtn{border-radius:14px;font-size:.98rem;font-weight:700;justify-self:stretch;margin-top:6px;min-height:52px}.roomCodeLoaderPage{background:radial-gradient(circle at top left,#22d3ee14,#0000 26%),radial-gradient(circle at top right,#6366f11f,#0000 24%),linear-gradient(180deg,#020617,#0b1120 48%,#020617);display:grid;min-height:100vh;padding:20px;place-items:center}.roomCodeLoaderCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a101ecc;border:1px solid #94a3b824;border-radius:20px;box-shadow:0 28px 80px #02061759;color:#f8fafc;padding:36px;width:min(92vw,520px)}.roomCodeLoaderHeader{align-items:center;display:flex;gap:12px;margin-bottom:14px}.roomCodeLoaderBadge{background:#22d3ee14;border:1px solid #67e8f92e;border-radius:14px;display:grid;flex-shrink:0;height:52px;place-items:center;width:52px}.roomCodeLoaderSpinner{animation:roomLoaderSpin .9s linear infinite;border:2px solid #67e8f933;border-radius:749px;border-top-color:#67e8f9;height:22px;width:22px}.roomCodeLoaderEyebrow{color:#67e8f9;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin:0;text-transform:uppercase}.roomCodeLoaderCard h1{font-size:clamp(2rem,5vw,3rem);line-height:1.02;margin:0}.roomCodeLoaderText{color:#94a3b8;font-size:1rem;line-height:1.65;margin:12px 0 0;max-width:420px}.roomCodeLoaderProgress{margin-top:20px}.roomCodeLoaderProgressBar{background:#94a3b829;border-radius:749px;display:block;height:8px;overflow:hidden;position:relative;width:100%}.roomCodeLoaderProgressBar:before{animation:roomLoaderProgress 1.4s ease-in-out infinite;background:linear-gradient(90deg,#67e8f9,#60a5fa);border-radius:inherit;content:"";display:block;inset:0;position:absolute;transform:translateX(-120%);width:45%}.roomCodeLoaderMeta{color:#94a3b8;display:flex;font-size:.88rem;gap:10px;justify-content:space-between;margin-top:10px}.roomCodeLoaderActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.roomCodeLoaderPrimaryBtn,.roomCodeLoaderSecondaryBtn{align-items:center;border:1px solid #94a3b82e;border-radius:14px;color:#f8fafc;cursor:pointer;display:inline-flex;font:inherit;font-weight:800;gap:6px;justify-content:center;min-height:48px;padding:0 14px}.roomCodeLoaderPrimaryBtn{background:linear-gradient(135deg,#0ea5e9,#38bdf8);border:none;box-shadow:0 18px 40px #0ea5e92e}.roomCodeLoaderSecondaryBtn{background:#ffffff0d}@keyframes roomLoaderSpin{to{transform:rotate(1turn)}}@keyframes roomLoaderProgress{0%{transform:translateX(-120%)}65%,to{transform:translateX(110%)}}@media (max-width:1080px){.communityControlsRow,.communityProjectContent{grid-template-columns:1fr}}@media (max-width:1180px){.dashboardPage{grid-template-columns:1fr}.dashboardSidebar{height:auto;max-height:none;position:static}.settingsGrid{grid-template-columns:1fr}.roomGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1440px){.dashboardShell{width:100%}}@media (max-width:780px){.dashboardShell{padding:14px}.dashboardTopbar{align-items:stretch;flex-direction:column}.dashboardTopbarActions{justify-content:space-between}.roomGrid{grid-template-columns:1fr}.languageCarouselSection{padding:12px 0 8px}.languageCarouselHead{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:12px;padding:0 14px 10px}.languageCarouselViewport:after,.languageCarouselViewport:before{width:36px}.languageCarouselTrack{animation-duration:20s;gap:10px;padding:4px 14px 6px}.languageLaunchChip{gap:8px;min-width:190px;padding:6px 10px}.languageLaunchIcon{border-radius:6px;height:32px;width:32px}.languageLaunchMeta strong{font-size:.8rem}.languageLaunchMeta small{font-size:.68rem;margin-top:2px}.dashboardPage{background-size:cover}.workspaceStandalonePage{padding:14px}.workspaceStandaloneHero{grid-template-columns:1fr}.workspaceStandaloneTopbar{align-items:stretch;flex-direction:column}.roomCodeLoaderCard{padding:20px 16px}.roomCodeLoaderActions,.roomCodeLoaderHeader,.roomCodeLoaderMeta{align-items:flex-start;flex-direction:column}}.settingsLayoutContainer{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:272px minmax(0,1fr);margin-top:4px}.settingsNavigation{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.012)),#08080ec7;border:1px solid #ffffff17;border-radius:20px;box-shadow:0 24px 70px -30px #000c;display:flex;flex-direction:column;gap:14px;padding:14px;position:-webkit-sticky;position:sticky;top:20px}.settingsNavHeader h3{color:#f8fafc;font-size:1.25rem;font-weight:700;margin:0}.settingsNavHeader p{color:#94a3b8;font-size:.82rem;margin:4px 0 0}.settingsNavList{display:flex;flex-direction:column;gap:6px}.settingsNavButton{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:.94rem;font-weight:600;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.settingsNavButton:hover{background:#ffffff0a;color:#f8fafc}.settingsNavButton.active{background:linear-gradient(120deg,#7c3aed52,#06b6d433);border-color:#8b5cf673;box-shadow:0 10px 30px -10px #7c3aed80,inset 0 1px 0 #ffffff14;color:#fff}.settingsNavFooter{align-items:flex-start;border-top:1px solid #ffffff12;display:flex;flex-direction:column;gap:4px;padding-top:12px}.settingsNavFooter span{color:#64748b;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase}.settingsNavFooter strong{color:#cbd5e1;font-size:.88rem;font-weight:600;word-break:break-all}.settingsPanelContent{display:flex;flex-direction:column}.settingsPanelCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.012)),#08080ec7;border:1px solid #ffffff17;border-radius:20px;box-shadow:0 24px 70px -30px #000c;overflow:hidden;padding:20px 24px 24px;position:relative}.settingsPanelCard:before{background:radial-gradient(ellipse 40% 70% at 92% 0,#8b5cf61f,#0000 65%);content:"";inset:0;pointer-events:none;position:absolute}.settingsPanelCard>*{position:relative}.workspaceSettingsForm{max-width:560px}.settingsPanelHeader{align-items:center;border-bottom:1px solid #94a3b814;display:flex;gap:14px;margin-bottom:20px;padding-bottom:16px}.settingsPanelIcon{border-radius:12px;display:grid;height:46px;place-items:center;width:46px}.profileIcon{background:#22d3ee1a;border:1px solid #22d3ee33;color:#22d3ee}.securityIcon{background:#8b5cf61a;border:1px solid #8b5cf633;color:#8b5cf6}.settingsPanelHeader h4{color:#f8fafc;font-size:1.2rem;font-weight:700;margin:0}.settingsPanelHeader p{color:#94a3b8;font-size:.88rem;margin:4px 0 0}.profileAvatarSection{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:16px;margin-bottom:20px;max-width:560px;padding:14px}.profileAvatarLarge{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:14px;box-shadow:0 8px 24px #8b5cf640;color:#fff;display:grid;font-size:1.6rem;font-weight:800;height:64px;place-items:center;width:64px}.profileAvatarMeta h5{color:#cbd5e1;font-size:.95rem;font-weight:700;margin:0}.profileAvatarMeta p{color:#64748b;font-size:.85rem;margin:4px 0 6px}.badge-verified{align-items:center;background:#22c55e14;border:1px solid #22c55e33;border-radius:74px;color:#22c55e;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.03em;padding:3px 8px;text-transform:uppercase}.formGroup{margin-bottom:16px}.fieldLabel,.formGroup{display:flex;flex-direction:column;gap:6px}.fieldTitle{color:#e2e8f0;font-size:.92rem;font-weight:600}.fieldDescription{color:#64748b;font-size:.8rem;line-height:1.5;margin:0}.passwordInputWrapper{align-items:center;display:flex;position:relative;width:100%}.passwordFieldInput{padding-right:39px!important}.passwordToggleBtn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:14px;transition:all .15s}.passwordToggleBtn:hover{background:#ffffff0a;color:#cbd5e1}@media (max-width:860px){.settingsLayoutContainer{gap:16px;grid-template-columns:1fr}.settingsNavigation{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;padding:12px;position:static}.settingsIdentity{width:100%}.settingsNavList{flex-direction:row;gap:8px;width:100%}.settingsNavButton{flex:1 1;font-size:.88rem;justify-content:center;padding:10px 12px}.settingsNavFooter{display:none}.settingsPanelCard{padding:20px}}.lp{--lp-bg:#050508;--lp-surface:#ffffff08;--lp-surface-strong:#ffffff0f;--lp-border:#ffffff14;--lp-border-strong:#ffffff24;--lp-text:#f4f4f7;--lp-muted:#9d9daf;--lp-violet:#8b5cf6;--lp-cyan:#22d3ee;--lp-pink:#e879f9;--lp-green:#4ade80;--lp-gradient:linear-gradient(100deg,#a78bfa,#22d3ee 50%,#e879f9);--lp-font-display:"Space Grotesk","Inter",system-ui,sans-serif;--lp-font-mono:"JetBrains Mono",ui-monospace,monospace;background:var(--lp-bg);color:var(--lp-text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:clip;position:relative}.lp *,.lp :after,.lp :before{box-sizing:border-box}.lp ::selection{background:#8b5cf673;color:#fff}.lp-progress{background:var(--lp-gradient);height:3px;left:0;right:0;top:0;transform-origin:0 50%;z-index:200}.lp-bg,.lp-progress{pointer-events:none;position:fixed}.lp-bg{inset:0;overflow:hidden;z-index:0}.lp-grid{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,#0000 0);background-size:56px 56px;inset:-1px;mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 30%,#0000 75%);-webkit-mask-image:radial-gradient(ellipse 90% 60% at 50% 0,#000 30%,#0000 75%)}.lp-grid,.lp-orb{position:absolute}.lp-orb{border-radius:50%;filter:blur(110px);opacity:.5;will-change:transform}.lp-orb-a{animation:lp-drift-a 22s ease-in-out infinite alternate;background:radial-gradient(circle,#8b5cf68c,#0000 65%);height:620px;left:-140px;top:-240px;width:620px}.lp-orb-b{animation:lp-drift-b 26s ease-in-out infinite alternate;background:radial-gradient(circle,#22d3ee66,#0000 65%);height:540px;right:-180px;top:5%;width:540px}.lp-orb-c{animation:lp-drift-c 30s ease-in-out infinite alternate;background:radial-gradient(circle,#e879f952,#0000 65%);bottom:-220px;height:480px;left:30%;width:480px}@keyframes lp-drift-a{to{transform:translate(120px,90px) scale(1.15)}}@keyframes lp-drift-b{to{transform:translate(-90px,130px) scale(.9)}}@keyframes lp-drift-c{to{transform:translate(-140px,-80px) scale(1.2)}}.lp-main{position:relative;z-index:1}.lp-nav{align-items:center;border:1px solid #0000;border-radius:18px;display:flex;gap:1rem;justify-content:space-between;left:50%;padding:.65rem 1.1rem;position:fixed;top:16px;transform:translateX(-50%);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease;width:min(1120px,calc(100% - 32px));z-index:150}.lp-nav.scrolled{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0a0a10b8;border-color:var(--lp-border);box-shadow:0 12px 40px -18px #000c}.lp-nav-logo{align-items:center;color:var(--lp-text);display:flex;font-family:var(--lp-font-display);font-size:1.25rem;font-weight:700;gap:.6rem;letter-spacing:-.02em;text-decoration:none}.lp-nav-logo img{height:32px;width:auto}.lp-nav-links{align-items:center;display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.lp-nav-links a{border-radius:10px;color:var(--lp-muted);display:inline-block;font-size:.92rem;font-weight:500;padding:.45rem .9rem;text-decoration:none;transition:color .2s ease,background .2s ease}.lp-nav-links a:hover{background:var(--lp-surface-strong);color:var(--lp-text)}.lp-nav-actions{align-items:center;display:flex;gap:.6rem}.lp-burger{align-items:center;background:var(--lp-surface);border-radius:12px;color:var(--lp-text);cursor:pointer;display:none;height:44px;justify-content:center;width:44px}.lp-burger,.lp-mobile-menu{border:1px solid var(--lp-border)}.lp-mobile-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0c0c12eb;border-radius:20px;box-shadow:0 30px 60px -20px #000000e6;display:flex;flex-direction:column;gap:.25rem;left:16px;padding:1rem;position:fixed;right:16px;top:84px;z-index:149}.lp-mobile-menu a{border-radius:12px;color:var(--lp-text);font-weight:500;padding:.85rem 1rem;text-decoration:none;transition:background .2s ease}.lp-mobile-menu a:hover{background:var(--lp-surface-strong)}.lp-mobile-menu .lp-btn-primary{justify-content:center;margin-top:.5rem}.lp-btn-ghost,.lp-btn-primary{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.4rem;text-decoration:none;transition:transform .2s ease,box-shadow .25s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.lp-btn-primary{background:linear-gradient(120deg,#7c3aed,#06b6d4);border:none;box-shadow:0 8px 30px -8px #7c3aedb3,inset 0 1px 0 #ffffff40;color:#fff;position:relative}.lp-btn-primary:hover{box-shadow:0 14px 40px -8px #7c3aedd9,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.lp-btn-primary:active{transform:translateY(0)}.lp-btn-ghost{background:var(--lp-surface);border:1px solid var(--lp-border-strong);color:var(--lp-text)}.lp-btn-ghost:hover{background:var(--lp-surface-strong);border-color:#ffffff40}.lp-btn-lg{border-radius:14px;font-size:1.05rem;padding:.95rem 1.9rem}.lp-hero{margin:0 auto;max-width:1160px;padding:168px 24px 80px;text-align:center}.lp-badge{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf659;border-radius:999px;color:#c4b5fd;display:inline-flex;font-size:.85rem;font-weight:500;gap:.55rem;padding:.45rem 1rem}.lp-badge-dot{animation:lp-pulse 2s ease-out infinite;background:var(--lp-green);border-radius:50%;box-shadow:0 0 0 0 #4ade8099;height:8px;width:8px}@keyframes lp-pulse{70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 0 0 #4ade8000}}.lp-hero h1{font-family:var(--lp-font-display);font-size:clamp(2.6rem,7vw,4.9rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:1.6rem auto 0;max-width:900px}.lp-hero h1 .lp-word{display:inline-block;will-change:transform}.lp-grad-text{-webkit-text-fill-color:#0000;animation:lp-shine 6s linear infinite;background:var(--lp-gradient);-webkit-background-clip:text;background-clip:text;background-size:200% auto}@keyframes lp-shine{to{background-position:200%}}.lp-hero-sub{color:var(--lp-muted);font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.7;margin:1.4rem auto 0;max-width:620px}.lp-hero-ctas{margin-top:2.2rem}.lp-hero-ctas,.lp-hero-proof{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}.lp-hero-proof{align-items:center;color:var(--lp-muted);font-size:.9rem;margin-top:2.4rem}.lp-avatar,.lp-avatars{display:flex}.lp-avatar{align-items:center;border:2px solid var(--lp-bg);border-radius:50%;color:#fff;font-size:.72rem;font-weight:700;height:34px;justify-content:center;margin-left:-8px;width:34px}.lp-avatar:first-child{margin-left:0}.lp-hero-visual{margin:4.5rem auto 0;max-width:880px;perspective:1400px;position:relative}.lp-window{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#181822eb,#0c0c12f0);border:1px solid var(--lp-border-strong);border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff0a,0 40px 90px -30px #000000d9,0 0 120px -40px #8b5cf673;overflow:hidden;position:relative;text-align:left}.lp-window-glow{background:radial-gradient(ellipse 60% 55% at 30% 20%,#8b5cf659,#0000 70%),radial-gradient(ellipse 55% 50% at 75% 80%,#22d3ee47,#0000 70%);border-radius:60px;inset:-40px;pointer-events:none;position:absolute;z-index:-1}.lp-window-bar{align-items:center;background:#ffffff05;border-bottom:1px solid var(--lp-border);display:flex;gap:1rem;padding:.8rem 1.1rem}.lp-dots{display:flex;gap:7px}.lp-dots span{border-radius:50%;height:12px;width:12px}.lp-dots span:first-child{background:#ff5f57}.lp-dots span:nth-child(2){background:#febc2e}.lp-dots span:nth-child(3){background:#28c840}.lp-tabs{display:flex;font-family:var(--lp-font-mono);font-size:.78rem;gap:.35rem}.lp-tab{border-radius:8px;color:var(--lp-muted);padding:.3rem .85rem}.lp-tab.active{background:var(--lp-surface-strong);color:var(--lp-text)}.lp-live-pill{align-items:center;background:#4ade801f;border:1px solid #4ade804d;border-radius:999px;color:var(--lp-green);display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.06em;margin-left:auto;padding:.28rem .75rem}.lp-live-pill .lp-badge-dot{height:7px;width:7px}.lp-code{font-family:var(--lp-font-mono);font-size:clamp(.72rem,1.6vw,.9rem);line-height:1.85;min-height:15em;overflow-x:auto;padding:1.4rem 1.5rem 1.7rem;position:relative;white-space:pre}.lp-code .ln{color:#ffffff38;display:inline-block;margin-right:1.4ch;text-align:right;-webkit-user-select:none;user-select:none;width:2ch}.lp-tok-kw{color:#c792ea}.lp-tok-fn{color:#82aaff}.lp-tok-str{color:#c3e88d}.lp-tok-var{color:#f8f8f2}.lp-tok-punc{color:#89ddff}.lp-tok-cm{color:#616175;font-style:italic}.lp-tok-num{color:#f78c6c}.lp-caret{animation:lp-blink 1s steps(1) infinite;background:var(--lp-cyan);border-radius:2px;display:inline-block;height:1.1em;vertical-align:text-bottom;width:8px}@keyframes lp-blink{50%{opacity:0}}.lp-remote-cursor{pointer-events:none;position:absolute;z-index:5}.lp-remote-flag{border-radius:6px 6px 6px 0;color:#08080c;font-family:var(--lp-font-mono);font-size:.66rem;font-weight:700;left:8px;padding:.12rem .5rem;position:absolute;top:-20px;white-space:nowrap}.lp-float-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#101018d9;border:1px solid var(--lp-border-strong);border-radius:14px;box-shadow:0 24px 60px -20px #000c;font-size:.8rem;padding:.8rem 1rem;position:absolute;text-align:left;z-index:6}.lp-float-chat{max-width:220px;right:-70px;top:18%}.lp-float-run{bottom:-26px;font-family:var(--lp-font-mono);font-size:.75rem;left:-60px;min-width:220px}.lp-float-head{align-items:center;color:var(--lp-text);display:flex;font-weight:600;gap:.5rem;margin-bottom:.45rem}.lp-float-chat p{line-height:1.5;margin:0}.lp-float-chat p,.lp-run-line{color:var(--lp-muted)}.lp-run-ok{color:var(--lp-green)}.lp-marquee-section{padding:4.5rem 0 1rem}.lp-marquee-label{color:var(--lp-muted);font-size:.82rem;letter-spacing:.22em;margin-bottom:1.6rem;text-align:center;text-transform:uppercase}.lp-marquee{mask-image:linear-gradient(90deg,#0000,#000 12%,#000 88%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12%,#000 88%,#0000);overflow:hidden;padding:.5rem 0;position:relative}.lp-marquee-track{animation:lp-marquee 30s linear infinite;display:flex;gap:1rem;width:-webkit-max-content;width:max-content}.lp-marquee:hover .lp-marquee-track{animation-play-state:paused}@keyframes lp-marquee{to{transform:translateX(-50%)}}.lp-chip{align-items:center;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:999px;color:var(--lp-text);display:inline-flex;font-family:var(--lp-font-mono);font-size:.88rem;gap:.55rem;padding:.65rem 1.25rem;transition:border-color .2s ease,background .2s ease;white-space:nowrap}.lp-chip:hover{background:#8b5cf614;border-color:#8b5cf680}.lp-chip svg{color:var(--lp-cyan)}.lp-section{margin:0 auto;max-width:1160px;padding:6.5rem 24px}.lp-eyebrow{color:var(--lp-cyan);display:block;font-family:var(--lp-font-mono);font-size:.8rem;letter-spacing:.24em;margin-bottom:1rem;text-align:center;text-transform:uppercase}.lp-h2{font-family:var(--lp-font-display);font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-.025em;line-height:1.15;margin:0 auto;max-width:720px;text-align:center}.lp-section-sub{color:var(--lp-muted);font-size:1.02rem;line-height:1.7;margin:1.1rem auto 0;max-width:560px;text-align:center}.lp-bento{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(6,1fr);margin-top:3.5rem}.lp-card{background:linear-gradient(180deg,#ffffff0a,hsla(0,0%,100%,.015));border:1px solid var(--lp-border);border-radius:20px;cursor:default;grid-column:span 2;overflow:hidden;padding:1.8rem;position:relative;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.lp-card:before{background:radial-gradient(420px circle at 50% 0,#8b5cf624,#0000 65%);background:radial-gradient(420px circle at var(--mx,50%) var(--my,0),#8b5cf624,#0000 65%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .35s ease}.lp-card:hover{border-color:#8b5cf673;box-shadow:0 24px 50px -24px #8b5cf666;transform:translateY(-4px)}.lp-card:hover:before{opacity:1}.lp-card-wide{grid-column:span 4}.lp-card-tall{grid-column:span 3}.lp-card-icon{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:14px;color:#c4b5fd;display:flex;height:48px;justify-content:center;margin-bottom:1.2rem;width:48px}.lp-card:nth-child(2n) .lp-card-icon{background:#22d3ee1a;border-color:#22d3ee4d;color:#67e8f9}.lp-card:nth-child(3n) .lp-card-icon{background:#e879f91a;border-color:#e879f94d;color:#f0abfc}.lp-card h3{font-family:var(--lp-font-display);font-size:1.18rem;letter-spacing:-.01em;margin:0 0 .55rem}.lp-card p{color:var(--lp-muted);font-size:.94rem;line-height:1.65;margin:0}.lp-card-demo{background:#00000059;border:1px solid var(--lp-border);border-radius:12px;color:var(--lp-muted);font-family:var(--lp-font-mono);font-size:.78rem;margin-top:1.4rem;overflow:hidden;padding:.9rem 1rem}.lp-typing-row{align-items:center;display:flex;gap:.5rem;padding:.2rem 0}.lp-typing-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.lp-steps{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);margin-top:3.5rem;position:relative}.lp-step{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:20px;padding:2rem 1.7rem;position:relative;transition:border-color .3s ease,transform .3s ease}.lp-step:hover{border-color:#22d3ee66;transform:translateY(-4px)}.lp-step-num{align-items:center;background:var(--lp-gradient);border-radius:12px;color:#08080c;display:inline-flex;font-family:var(--lp-font-mono);font-size:.85rem;font-weight:600;height:42px;justify-content:center;margin-bottom:1.2rem;width:42px}.lp-step h3{font-family:var(--lp-font-display);font-size:1.15rem;margin:0 0 .5rem}.lp-step p{color:var(--lp-muted);font-size:.93rem;line-height:1.65;margin:0}.lp-step-line{background:linear-gradient(90deg,#0000,#8b5cf680,#22d3ee80,#0000);height:2px;left:0;position:absolute;right:0;top:50%;transform-origin:0 50%;z-index:-1}.lp-stats-band{background:radial-gradient(ellipse 60% 120% at 50% 0,#8b5cf61a,#0000 60%);border-bottom:1px solid var(--lp-border);border-top:1px solid var(--lp-border)}.lp-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1000px;padding:4.2rem 24px}.lp-stat{text-align:center}.lp-stat-value{-webkit-text-fill-color:#0000;background:var(--lp-gradient);-webkit-background-clip:text;background-clip:text;font-family:var(--lp-font-display);font-size:clamp(2rem,4.5vw,3rem);font-weight:700;letter-spacing:-.03em}.lp-stat-label{color:var(--lp-muted);font-size:.88rem;margin-top:.35rem}.lp-quotes{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);margin-top:3.5rem}.lp-quote{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:20px;padding:1.8rem;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease}.lp-quote:hover{border-color:#e879f966;box-shadow:0 24px 50px -26px #e879f959;transform:translateY(-4px)}.lp-stars{color:#fbbf24;display:flex;gap:.2rem;margin-bottom:1rem}.lp-quote p{color:var(--lp-text);font-size:.96rem;line-height:1.7;margin:0}.lp-quote-author{align-items:center;display:flex;gap:.8rem;margin-top:1.4rem}.lp-quote-author .lp-avatar{border:none;font-size:.8rem;height:40px;margin-left:0;width:40px}.lp-quote-name{font-size:.92rem;font-weight:600}.lp-quote-role{color:var(--lp-muted);font-size:.8rem}.lp-cta{overflow:clip;padding:7.5rem 24px;position:relative;text-align:center}.lp-cta-glow{background:radial-gradient(circle,#8b5cf638,#22d3ee14 45%,#0000 70%);filter:blur(30px);height:720px;width:720px}.lp-cta-glow,.lp-cta-ring{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.lp-cta-ring{border:1px solid #8b5cf62e;border-radius:50%}.lp-cta h2{font-family:var(--lp-font-display);font-size:clamp(2.1rem,5.5vw,3.6rem);letter-spacing:-.03em;line-height:1.1;margin:0 auto;max-width:760px;position:relative}.lp-cta p{color:var(--lp-muted);line-height:1.7;margin:1.2rem auto 0;max-width:520px}.lp-cta .lp-hero-ctas,.lp-cta p{position:relative}.lp-footer{background:hsla(0,0%,100%,.015);border-top:1px solid var(--lp-border);padding:4rem 24px 2rem}.lp-footer-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1160px}.lp-footer-brand p{color:var(--lp-muted);font-size:.92rem;line-height:1.7;margin:.9rem 0 0;max-width:280px}.lp-footer h4{color:var(--lp-muted);font-size:.85rem;letter-spacing:.12em;margin:0 0 1.1rem;text-transform:uppercase}.lp-footer ul{display:flex;flex-direction:column;gap:.7rem;list-style:none;margin:0;padding:0}.lp-footer ul a{color:var(--lp-text);font-size:.93rem;opacity:.75;text-decoration:none;transition:opacity .2s ease,color .2s ease}.lp-footer ul a:hover{color:var(--lp-cyan);opacity:1}.lp-footer-bottom{align-items:center;border-top:1px solid var(--lp-border);color:var(--lp-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1rem;justify-content:space-between;margin:3rem auto 0;max-width:1160px;padding-top:1.6rem}.lp-socials{display:flex;gap:.6rem}.lp-socials a{align-items:center;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:12px;color:var(--lp-muted);display:flex;height:40px;justify-content:center;transition:color .2s ease,border-color .2s ease,transform .2s ease;width:40px}.lp-socials a:hover{border-color:#8b5cf680;color:var(--lp-text);transform:translateY(-2px)}@media (max-width:1024px){.lp-card,.lp-card-tall,.lp-card-wide{grid-column:span 3}.lp-float-chat{right:-10px}.lp-float-run{left:-10px}}@media (max-width:768px){.lp-nav-actions .lp-btn-ghost,.lp-nav-links{display:none}.lp-burger{display:flex}.lp-hero{padding-top:130px}.lp-bento{grid-template-columns:1fr}.lp-card,.lp-card-tall,.lp-card-wide{grid-column:span 1}.lp-steps{grid-template-columns:1fr}.lp-step-line{display:none}.lp-stats{gap:2rem 1rem;grid-template-columns:repeat(2,1fr)}.lp-quotes{grid-template-columns:1fr}.lp-footer-grid{grid-template-columns:1fr 1fr}.lp-float-chat,.lp-float-run{display:none}.lp-section{padding:4.5rem 20px}}@media (max-width:480px){.lp-hero-ctas .lp-btn-ghost,.lp-hero-ctas .lp-btn-primary{justify-content:center;width:100%}.lp-footer-grid{gap:2rem;grid-template-columns:1fr}.lp-nav-actions .lp-btn-primary{display:none}}@media (prefers-reduced-motion:reduce){.lp-badge-dot,.lp-caret,.lp-grad-text,.lp-orb-a,.lp-orb-b,.lp-orb-c,.lp-window-glow{animation:none!important}.lp-marquee-track{animation-duration:90s}.lp *,.lp :after,.lp :before{transition-duration:.01ms!important}}
/*# sourceMappingURL=main.1715f523.css.map*/