:root{font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f3f4fff2;background-color:#050512;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#050512}#root{width:100%}.btn{position:relative;border:none;border-radius:16px;padding:.9rem 1.5rem;font-size:.98rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.btn:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at center,rgba(255,255,255,.35),transparent 65%);opacity:0;transition:opacity .3s ease}.btn:not(:disabled):hover:after{opacity:1}.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}.btn.primary{background:linear-gradient(135deg,var(--mood-accent, #22d3ee) 0%,color-mix(in srgb,var(--mood-accent, #22d3ee) 40%,var(--mood-glow, #8b5cf6) 60%) 100%);color:#0b1020;box-shadow:0 12px 25px color-mix(in srgb,var(--mood-accent, #22d3ee) 45%,transparent 55%)}.btn.primary.halo{position:relative}.btn.primary.halo:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 50%,rgba(96,165,250,.55),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.btn.primary.halo:not(:disabled):hover:before{opacity:1}.btn.secondary{background:linear-gradient(135deg,#f472b6,#c084fc);color:#0b1020;box-shadow:0 12px 25px #ec489959}.btn.tertiary{background:#60a5fa24;color:#bfdbfef2}.btn.micro{padding:.55rem 1.1rem;border-radius:999px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 18px #0f172a59;background:#60a5fa29;color:#e2e8f0e6;border:1px solid rgba(96,165,250,.25)}.btn.micro.halo{background:#ec489938;color:#ffffffe6;border:1px solid rgba(236,72,153,.38)}.btn.micro.green{background:#22c55e29;color:#f0fdf4e6;border:1px solid rgba(34,197,94,.25);padding:.55rem 1.3rem;min-width:4.5rem;white-space:nowrap}.btn.micro.ghost{background:transparent;border-color:#94a3b866;color:#cbd5e1d1;box-shadow:none}.btn.ghost{background:transparent;border:1px solid rgba(148,163,184,.28);color:#e2e8f0e0}.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 36px #3b82f640}.mobile-app-frame{min-height:100dvh;background:#080d1f;color:#f8fbff}.mobile-app-topbar,.mobile-app-tabs,.home-activity-card{display:none}@media(max-width:640px){.mobile-app-frame{position:relative;isolation:isolate;min-height:100dvh;background:radial-gradient(100% 48% at 10% 0%,rgba(34,211,238,.18),transparent 70%),radial-gradient(85% 55% at 100% 55%,rgba(168,85,247,.2),transparent 72%),#080d1f}.mobile-app-topbar{position:fixed;z-index:50;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;min-height:4.35rem;padding:calc(.65rem + env(safe-area-inset-top)) .8rem .65rem;background:#050818e0;border-bottom:1px solid rgba(148,163,184,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-app-topbar-spacer{min-width:0}.mobile-app-context-back{justify-self:start;display:inline-flex;align-items:center;gap:.2rem;min-width:0;padding:.5rem .55rem;color:#dffaff;border:1px solid rgba(125,211,252,.25);border-radius:999px;background:#0b2d4794}.mobile-app-context-back span{font-size:1.25rem;line-height:.8}.mobile-app-context-back strong{max-width:4.5rem;overflow:hidden;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.mobile-app-brand{justify-self:center;width:5.5rem;height:2rem;overflow:hidden;border:0;background:transparent;padding:0}.mobile-app-brand img{display:block;width:5.5rem;height:5.5rem;object-fit:contain;transform:scale(1.4)}.mobile-app-title{justify-self:end;max-width:8rem;overflow:hidden;color:#e2e8f0c2;font-size:.72rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.mobile-app-challenge{justify-self:start;display:grid;gap:.05rem;min-width:5.75rem;padding:.42rem .65rem;color:#dffaff;text-align:left;border:1px solid rgba(34,211,238,.4);border-radius:999px;background:#0b2d47b8}.mobile-app-challenge span{color:#a5f3fca6;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.mobile-app-challenge strong{font-size:.76rem}.mobile-app-content{min-height:100dvh;padding:calc(4.35rem + env(safe-area-inset-top)) 0 calc(5.25rem + env(safe-area-inset-bottom));overflow-x:clip}.mobile-app-content>.app{min-height:0!important;padding:0 0 1rem!important;background:transparent!important}.mobile-app-content .route-loading{min-height:calc(100dvh - 9.6rem)!important;padding:1rem!important}.mobile-app-content .studio-entry-topbar,.mobile-app-content .top-nav,.mobile-app-content .hero-user-card{display:none!important}.mobile-app-content .app-foreground{width:100%!important;max-width:none!important;padding:0!important}.mobile-app-content .hero{min-height:auto!important;padding:1.25rem 1rem .75rem!important;margin:0!important}.mobile-app-content .home-activity-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin:.35rem 1rem 1rem;padding:.9rem 1rem;border:1px solid rgba(125,211,252,.2);border-radius:1.1rem;background:#0f172abd}.mobile-app-content .home-activity-kicker{display:block;color:#a5f3fcad;font-size:.62rem;font-weight:800;letter-spacing:.12em}.mobile-app-content .home-activity-card strong{display:block;margin-top:.18rem;font-size:.94rem}.mobile-app-content .home-activity-card p{margin:.2rem 0 0;color:#e2e8f0ad;font-size:.76rem}.mobile-app-content .home-activity-card .btn{white-space:nowrap}.mobile-account-page{display:grid;gap:1rem;padding:1.2rem 1rem}.mobile-account-heading{padding:.35rem 0 .2rem}.mobile-account-heading h1{margin:.45rem 0 .35rem;font-size:clamp(1.9rem,9vw,2.7rem);line-height:1.05}.mobile-account-heading p{margin:0;color:#e2e8f0b8;line-height:1.5}.mobile-account-primary{width:100%}.mobile-account-list{display:grid;gap:.6rem}.mobile-account-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;padding:1rem;color:inherit;text-decoration:none;border:1px solid rgba(148,163,184,.2);border-radius:1rem;background:#0f172abd}.mobile-account-row span{display:grid;gap:.25rem;min-width:0}.mobile-account-row strong{font-size:.95rem}.mobile-account-row small{color:#e2e8f0ab;line-height:1.4}.mobile-account-row b{color:#67e8f9;font-size:1.35rem}.mobile-account-row-static{align-items:start}.mobile-account-theme{display:grid;gap:.45rem;color:#e2e8f0bd;font-size:.78rem;font-weight:700}.mobile-account-theme select{width:100%;padding:.8rem;color:#f8fbff;border:1px solid rgba(148,163,184,.24);border-radius:.8rem;background:#0f172adb}.mobile-app-content .mobile-rooms-view .hero,.mobile-app-content .mobile-rooms-view .home-activity-card,.mobile-app-content .mobile-rooms-view .landing-inline-panel{display:none!important}.mobile-app-content .mobile-rooms-view .session-peaks{margin-top:0!important}.mobile-app-content .hero-copy,.mobile-app-content .hero-meta{width:100%!important;max-width:none!important}.mobile-app-content .hero-heading{justify-content:flex-start}.mobile-app-content .hero-heading h1{font-size:clamp(2.2rem,11vw,3.25rem)!important}.mobile-app-content .hero-tagline{margin:.45rem 0 1rem!important}.mobile-app-content .hero-cta-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem!important}.mobile-app-content .hero-cta-row .btn{min-width:0!important;padding-inline:.65rem!important}.mobile-app-content .hero-meta{margin-top:.75rem!important}.mobile-app-content .session-peaks{position:relative!important;inset:auto!important;z-index:1!important;display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;width:auto!important;margin:1rem!important;padding:0!important}.mobile-app-content .session-peaks.is-hidden{display:none!important}.mobile-app-content .session-peak,.mobile-app-content .session-peak.glass.expanded{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important}.mobile-app-content .session-peak:not(.expanded) .session-peak-list,.mobile-app-content .session-peak:not(.expanded) .session-search,.mobile-app-content .session-peak:not(.expanded) .session-join-credentials,.mobile-app-content .session-peak:not(.expanded) .session-peak-actions,.mobile-app-content .session-peak:not(.expanded) .session-peak-reactions{display:none!important}.mobile-app-content .dashboard-page,.mobile-app-content .room-product-page,.mobile-app-content .project-sync-page,.mobile-app-content .route-access-page{width:100%!important;max-width:none!important;min-height:0!important;padding:1rem!important;margin:0!important}.mobile-app-content .dashboard-topbar{display:none!important}.mobile-app-content .dashboard-header,.mobile-app-content .dashboard-grid,.mobile-app-content .room-product-hero,.mobile-app-content .room-product-grid,.mobile-app-content .project-sync-header,.mobile-app-content .shell-grid,.mobile-app-content .route-access-card{width:100%!important;max-width:none!important;min-width:0!important}.mobile-app-content .dashboard-grid,.mobile-app-content .room-product-grid,.mobile-app-content .shell-grid{grid-template-columns:1fr!important}.mobile-app-content .route-access-actions,.mobile-app-content .route-code-form>div,.mobile-app-content .room-hero-actions{flex-wrap:wrap!important}.mobile-app-content .route-access-actions>*,.mobile-app-content .room-hero-actions>*{min-width:0!important;max-width:100%!important}.mobile-app-content input,.mobile-app-content button,.mobile-app-content select,.mobile-app-content textarea{max-width:100%}.mobile-app-tabs{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;padding:.55rem .65rem calc(.55rem + env(safe-area-inset-bottom));background:#050818e6;border-top:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.mobile-app-tabs button{display:grid;gap:.2rem;justify-items:center;min-height:3rem;padding:.35rem .15rem;color:#cbd5e1ad;border:0;border-radius:.85rem;background:transparent;font:inherit}.mobile-app-tabs button>span{font-size:1.15rem;line-height:1}.mobile-app-tabs button strong{font-size:.66rem;font-weight:700}.mobile-app-tabs button.is-active{color:#e7fbff;background:linear-gradient(135deg,#22d3ee40,#a855f738);box-shadow:inset 0 0 0 1px #67e8f933}@media(prefers-reduced-motion:reduce){.mobile-app-frame *,.mobile-app-frame *:before,.mobile-app-frame *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}}.route-loading{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:clamp(1.5rem,4vw,3rem);color:#f8fafc;background:radial-gradient(70% 55% at 12% 12%,rgba(34,211,238,.2),transparent 70%),radial-gradient(62% 60% at 88% 80%,rgba(168,85,247,.22),transparent 72%),linear-gradient(135deg,#061426,#080d1e 46%,#1d102c)}.route-loading-card{display:grid;gap:1rem;width:min(100%,680px);padding:clamp(1.3rem,3vw,2rem);border-radius:20px;border:1px solid rgba(148,163,184,.2);background:#0f172ab8;box-shadow:0 24px 70px #0206174d}.route-loading-card>span{color:#7dd3fceb;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.route-loading-card h1{margin:0;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.route-loading:before{content:"";position:absolute;inset:-35%;z-index:-3;background:conic-gradient(from 45deg at 50% 50%,transparent 0deg,rgba(34,211,238,.14) 75deg,transparent 150deg,rgba(168,85,247,.14) 245deg,transparent 320deg);filter:blur(38px);opacity:.72;animation:route-loading-drift 18s ease-in-out infinite alternate}.route-loading:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 50%,transparent 0 20%,rgba(2,6,23,.32) 72%);pointer-events:none}.route-loading-orbit{position:absolute;z-index:-1;width:min(78vw,48rem);aspect-ratio:1;border:1px solid rgba(125,211,252,.16);border-radius:50%;box-shadow:0 0 80px #22d3ee1a,inset 0 0 80px #a855f714;pointer-events:none}.route-loading-orbit:after{content:"";position:absolute;top:12%;left:50%;width:.55rem;height:.55rem;border-radius:50%;background:#67e8f9;box-shadow:0 0 20px 6px #22d3ee6b;transform:translate(-50%)}.route-loading-orbit-one{top:-25%;left:-22%;animation:route-loading-orbit-one 22s linear infinite}.route-loading-orbit-two{right:-24%;bottom:-32%;width:min(64vw,40rem);border-color:#d8b4fe26;animation:route-loading-orbit-two 26s linear infinite reverse}.route-loading-orbit-two:after{background:#d8b4fe;box-shadow:0 0 20px 6px #a855f76b}.route-loading-grid{position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(125,211,252,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);transform:perspective(700px) rotateX(58deg) translateY(20%);transform-origin:center bottom;animation:route-loading-grid-drift 10s linear infinite;pointer-events:none}.route-loading-signal{position:absolute;left:-15%;top:28%;width:130%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(103,232,249,.78),rgba(216,180,254,.7),transparent);box-shadow:0 0 24px #22d3ee47;opacity:0;animation:route-loading-scan 6s ease-in-out infinite;pointer-events:none}.route-loading-card{position:relative;z-index:1;overflow:hidden;animation:route-loading-card-float 4.8s ease-in-out infinite}.route-loading-card:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.1) 48%,transparent 68%);transform:translate(-120%);animation:route-loading-card-sheen 4.5s ease-in-out infinite;pointer-events:none}.route-loading-card>*{position:relative;z-index:1}.route-loading-progress{position:relative;width:100%;height:3px;overflow:hidden;border-radius:999px;background:#94a3b829}.route-loading-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a855f7);box-shadow:0 0 14px #22d3ee8a;animation:route-loading-progress 2.2s ease-in-out infinite}@keyframes route-loading-drift{0%{transform:translate3d(-4%,-2%,0) rotate(0) scale(1)}to{transform:translate3d(5%,4%,0) rotate(18deg) scale(1.08)}}@keyframes route-loading-orbit-one{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.04)}}@keyframes route-loading-orbit-two{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(.96)}}@keyframes route-loading-grid-drift{0%{background-position:0 0,0 0}to{background-position:0 56px,56px 0}}@keyframes route-loading-scan{0%,12%{transform:translateY(-22vh);opacity:0}30%{opacity:.75}72%{opacity:.35}to{transform:translateY(70vh);opacity:0}}@keyframes route-loading-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes route-loading-card-sheen{0%,45%{transform:translate(-120%)}70%,to{transform:translate(120%)}}@keyframes route-loading-progress{0%{transform:translate(-115%)}55%{transform:translate(125%)}to{transform:translate(245%)}}@media(prefers-reduced-motion:reduce){.route-loading:before,.route-loading-orbit-one,.route-loading-orbit-two,.route-loading-grid,.route-loading-signal,.route-loading-card,.route-loading-card:before,.route-loading-progress span{animation:none}.route-loading-signal{opacity:.18}.route-loading-progress span{transform:translate(42%)}}.route-access-page{min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);color:#f8fbff;background:linear-gradient(145deg,#061426f5,#120b26f5)}.route-access-card{width:min(100%,44rem);padding:clamp(1.25rem,4vw,2.25rem);border:1px solid rgba(148,163,184,.24);border-radius:1.5rem;background:#0f172ad1;box-shadow:0 1.5rem 4rem #02061759}.route-access-card>span{color:#67e8f9;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.route-access-card h1{margin:.65rem 0 0;font-size:clamp(1.75rem,5vw,3rem);line-height:1.05}.route-access-card p{color:#e2e8f0c2;line-height:1.6}.route-access-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}.route-code-form{display:grid;gap:.65rem;margin-top:1.25rem}.route-code-form>div{display:grid;gap:.65rem}.route-code-form input{width:100%;min-width:0;padding:.8rem .9rem;color:#f8fbff;border:1px solid rgba(148,163,184,.3);border-radius:.8rem;background:#02061775}.route-onboarding-list{display:grid;gap:.5rem;margin-top:1.25rem;color:#e2e8f0b3;font-size:.88rem}.route-error-text{color:#fda4af!important}@media(max-width:640px){.route-access-page{min-height:0;place-items:start stretch;padding:0;background:transparent}.route-access-card{border-radius:1.25rem;padding:1.15rem}.route-access-card h1{font-size:1.7rem}.route-access-actions{display:grid;grid-template-columns:1fr}.route-access-actions .btn{width:100%}}