:root{color-scheme:light;--void-background: oklch(100% 0 0deg);--void-foreground: oklch(14.5% 0 0deg);--void-card: oklch(100% 0 0deg);--void-card-foreground: oklch(14.5% 0 0deg);--void-popover: oklch(100% 0 0deg);--void-popover-foreground: oklch(14.5% 0 0deg);--void-primary: oklch(20.5% 0 0deg);--void-primary-foreground: oklch(98.5% 0 0deg);--void-secondary: oklch(97% 0 0deg);--void-secondary-foreground: oklch(20.5% 0 0deg);--void-muted: oklch(97% 0 0deg);--void-muted-foreground: oklch(55.6% 0 0deg);--void-accent: oklch(97% 0 0deg);--void-accent-foreground: oklch(20.5% 0 0deg);--void-destructive: oklch(57.7% .245 27.325deg);--void-destructive-foreground: white;--void-info: oklch(54.6% .215 262.881deg);--void-info-foreground: white;--void-success: oklch(52.7% .154 150.069deg);--void-success-foreground: white;--void-warning: oklch(76.9% .188 70.08deg);--void-warning-foreground: oklch(20.5% 0 0deg);--void-border: oklch(92.2% 0 0deg);--void-input: oklch(92.2% 0 0deg);--void-ring: oklch(70.8% 0 0deg);--void-radius: .625rem;--void-font-sans: inter, ui-sans-serif, system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", sans-serif;--void-shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);--void-shadow-md: 0 4px 12px rgb(0 0 0 / 10%);--void-duration: .16s}[data-theme=dark]{color-scheme:dark;--void-background: oklch(14.5% 0 0deg);--void-foreground: oklch(98.5% 0 0deg);--void-card: oklch(20.5% 0 0deg);--void-card-foreground: oklch(98.5% 0 0deg);--void-popover: oklch(20.5% 0 0deg);--void-popover-foreground: oklch(98.5% 0 0deg);--void-primary: oklch(92.2% 0 0deg);--void-primary-foreground: oklch(20.5% 0 0deg);--void-secondary: oklch(26.9% 0 0deg);--void-secondary-foreground: oklch(98.5% 0 0deg);--void-muted: oklch(26.9% 0 0deg);--void-muted-foreground: oklch(70.8% 0 0deg);--void-accent: oklch(37.1% 0 0deg);--void-accent-foreground: oklch(98.5% 0 0deg);--void-destructive: oklch(70.4% .191 22.216deg);--void-info: oklch(70.7% .165 254.624deg);--void-success: oklch(72.3% .191 149.579deg);--void-warning: oklch(82.8% .189 84.429deg);--void-border: oklch(100% 0 0deg / 12%);--void-input: oklch(100% 0 0deg / 15%);--void-ring: oklch(55.6% 0 0deg)}:root{color-scheme:dark;--void-background: #07101e;--void-foreground: #eef6ff;--void-card: rgba(10, 23, 43, .9);--void-card-foreground: #eef6ff;--void-primary: #0788ff;--void-primary-foreground: #ffffff;--void-secondary: #132743;--void-secondary-foreground: #eef6ff;--void-muted: #101f36;--void-muted-foreground: #91a9c6;--void-accent: #17345a;--void-accent-foreground: #fff;--void-border: #20416c;--void-input: #2a527f;--void-ring: #39a7ff;--void-success: #087ff0;--void-success-foreground: #ffffff;--void-radius: .55rem;--void-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--void-font-sans);background:#050b15;color:#eef6ff}*{box-sizing:border-box}html,body,codelab-app{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;background:#050b15}button,input{font:inherit}a{color:inherit;text-decoration:none}.start-page{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:3rem 1.25rem;background:linear-gradient(rgba(67,158,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(67,158,255,.045) 1px,transparent 1px),#050b15;background-size:48px 48px}.start-glow{position:absolute;width:40rem;height:40rem;border-radius:50%;background:#0080ff33;filter:blur(110px);transform:translate(30%,-25%);pointer-events:none}.hero-card{position:relative;width:min(720px,100%);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-card::part(base){border-color:#28517e}.brand-mark{display:grid;width:3rem;height:3rem;margin-bottom:2.25rem;place-items:center;border:1px solid #168fff;color:#55b4ff;font:700 .9rem ui-monospace,monospace;box-shadow:0 0 28px #0088ff47}.eyebrow{margin:0 0 .75rem;color:#42aaff;font:700 .72rem/1.2 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:-.045em}.hero-card h1{font-size:clamp(2.5rem,7vw,5.4rem);line-height:.96}.hero-card h1 span{color:#7698ba}.hero-copy{max-width:36rem;margin:0;color:#a9c3dd;font-size:1.05rem;line-height:1.7}.feature-list{display:grid;gap:.8rem;margin:2rem 0 0;padding:0;list-style:none;color:#d6eaff}.feature-list li{display:flex;align-items:center;gap:.9rem}.feature-list span{color:#587a9e;font:600 .7rem ui-monospace,monospace}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.hero-actions>span{color:#6f91b4;font-size:.78rem}.name-form{display:grid;gap:1rem}.name-form void-button{justify-self:end}.form-hint{margin:-.4rem 0 .2rem;color:#7799ba;font-size:.78rem}.room-page{display:block;min-height:100dvh;background:#060d18}.room-header{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid #183555;background:#091526}.room-brand{display:flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:-.02em}.room-brand span{color:#42aaff;font:700 .75rem ui-monospace,monospace}.room-meta{display:flex;align-items:center;gap:.55rem;color:#7597b8;font:.68rem ui-monospace,monospace;letter-spacing:.08em}.room-meta strong{color:#42aaff}.live-dot{width:.45rem;height:.45rem;border-radius:50%;background:#168fff;box-shadow:0 0 14px #168fff}.room-id{padding-left:.55rem;border-left:1px solid #28517e}.workspace{width:100%;height:calc(100dvh - 58px);min-height:560px;overflow:hidden}.room-split{width:100%;height:100%;margin-inline:auto}void-resizable-panel.editor-split,void-resizable-panel.side-split{overflow:hidden}void-resizable-handle{--void-border: #20416c;--void-ring: #168fff}.editor-pane{display:grid;width:100%;height:100%;min-width:0;grid-template-rows:42px minmax(0,1fr);background:#1e1e1e}.pane-title,.section-heading{display:flex;align-items:center;justify-content:space-between}.pane-title{padding:0 1rem;border-bottom:1px solid #193655;color:#d8eaff;font:.75rem ui-monospace,monospace;background:#0a1728}.editor-status{color:#68a;font-size:.68rem}.editor-host{min-width:0;min-height:0}.side-pane{display:flex;width:100%;height:100%;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:#081321}.panel{padding:1.1rem;border-bottom:1px solid #183555}.section-heading{margin-bottom:.9rem;color:#e6f3ff;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.section-heading small{color:#68a;font:.65rem ui-monospace,monospace;text-transform:none;letter-spacing:0}.copy-row{display:flex;gap:.55rem}.copy-row input{min-width:0;flex:1;border:1px solid #22466f;border-radius:.45rem;outline:0;padding:.55rem .65rem;background:#050c17;color:#91a9c6;font:.7rem ui-monospace,monospace}.copy-row input:focus{border-color:#168fff}.users-panel{max-height:32%;overflow:auto}.users-list{display:grid;gap:.35rem}.user-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.45rem .2rem;color:#d3e8ff;font-size:.83rem}.user-color{width:.55rem;height:.55rem;border-radius:50%;box-shadow:0 0 8px currentColor}.console-panel{display:grid;min-height:0;flex:1;grid-template-rows:auto auto minmax(0,1fr);border-bottom:0;padding-bottom:0}.run-actions{display:flex;gap:.55rem;margin-bottom:.9rem}.console-panel iframe{width:100%;height:100%;min-height:0;border:1px solid #20416c;border-radius:.45rem;background:#07101e}.room-loading,.not-found{display:grid;min-height:100dvh;place-content:center;justify-items:center;padding:2rem;text-align:center}.room-loading{gap:1rem;color:#7799ba;font:.78rem ui-monospace,monospace}.loader{width:2rem;height:2rem;border:2px solid #183555;border-top-color:#168fff;border-radius:50%;animation:spin .8s linear infinite}.not-found{gap:1rem}.not-found p:not(.eyebrow){max-width:32rem;margin:0 0 .5rem;color:#83a4c5}.monaco-remote-cursor{position:absolute;z-index:4000;width:2px;pointer-events:none}.monaco-remote-cursor:before{display:block;width:6px;height:5px;margin-left:-2px;background:inherit;content:""}.monaco-remote-cursor-tooltip{position:absolute;z-index:4000;padding:2px 5px;color:#fff;font:11px var(--void-font-sans);white-space:nowrap;opacity:1;transition:opacity .5s ease-out}.monaco-remote-selection{position:absolute;background:#3682db;opacity:.3;pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.workspace{height:max(1000px,calc(100dvh - 58px))}.editor-pane{border-bottom:0}.console-panel{min-height:0}}@media(max-width:520px){.start-page{padding:1rem}.hero-card h1{font-size:2.6rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions void-button{width:100%}.room-header{padding:0 .8rem}.editor-status,.room-id{display:none}.copy-row{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.loader{animation-duration:1.8s}}