:root{--background:30 20% 99%;--foreground:0 0% 12%;--muted:25 14% 95%;--muted-foreground:0 0% 45%;--popover:0 0% 100%;--popover-foreground:0 0% 12%;--card:0 0% 100%;--card-foreground:0 0% 12%;--border:25 10% 92%;--input:25 14% 90%;--primary:0 72% 42%;--primary-foreground:0 0% 98%;--secondary:25 14% 95%;--secondary-foreground:0 0% 18%;--accent:25 14% 95%;--accent-foreground:0 0% 18%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--ring:0 72% 42%;--radius:.75rem;--zaal-red:0 72% 42%;--zaal-red-text:var(--zaal-red);--zaal-cream:30 20% 97%;--zaal-charcoal:0 0% 12%;--zaal-gold:39 100% 40%;--tab-icon-detail:#fdd;--color-green-400:oklch(79.2% .209 151.711)}.dark{--background:0 0% 7%;--foreground:0 0% 95%;--muted:0 0% 13%;--muted-foreground:0 0% 60%;--popover:0 0% 9%;--popover-foreground:0 0% 95%;--card:0 0% 11%;--card-foreground:0 0% 95%;--border:0 0% 17%;--input:0 0% 17%;--primary:0 72% 48%;--primary-foreground:0 0% 98%;--secondary:0 0% 15%;--secondary-foreground:0 0% 98%;--accent:0 0% 14%;--accent-foreground:0 0% 98%;--destructive:0 62% 31%;--destructive-foreground:0 0% 98%;--ring:0 72% 48%;--zaal-red:0 72% 48%;--zaal-red-text:0 72% 55%;--zaal-cream:0 0% 13%;--zaal-charcoal:0 0% 92%;--zaal-gold:39 100% 45%;--tab-icon-detail:#fee}:root{color:hsl(var(--foreground));background:hsl(var(--background));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:hsl(var(--foreground));text-underline-offset:3px}.studio{max-width:1580px;margin:auto;padding:18px 28px 24px}.studio-header{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding-bottom:14px;display:flex}h1{letter-spacing:-.8px;margin:0;font-size:25px;line-height:1.2}h2{letter-spacing:-.5px;margin:0 0 16px;font-size:24px}h3{margin:0 0 12px;font-size:16px}p{overflow-wrap:anywhere;font-size:14px;line-height:1.65}.eyebrow{color:hsl(var(--zaal-red-text));letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.session-heading{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.session-heading>strong{font-size:15px}.badge{border:1px solid hsl(var(--border));background:hsl(var(--secondary));border-radius:30px;padding:6px 11px;font-size:12px;font-weight:500;display:inline-block}button{border:1px solid hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;border-radius:8px;padding:11px 15px;font-size:14px;font-weight:650;line-height:1.4}button:hover:not(:disabled){background:hsl(var(--primary) / .9)}button.secondary{background:hsl(var(--secondary));border-color:hsl(var(--input));color:hsl(var(--secondary-foreground))}button.secondary:hover:not(:disabled){background:hsl(var(--secondary) / .8)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}input,select{border:1px solid hsl(var(--input));background:hsl(var(--background));width:100%;min-height:44px;color:hsl(var(--foreground));border-radius:7px;padding:10px 12px}label{flex-direction:column;gap:9px;margin:16px 0;font-size:14px;font-weight:550;display:flex}.check{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;line-height:1.65}.check input{width:20px;height:20px;min-height:20px;accent-color:hsl(var(--primary));flex:0 0 20px;margin:2px 0 0}.row{flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0;display:flex}.row label{flex:1;min-width:150px}.muted-text{color:hsl(var(--muted-foreground));font-size:12px}.error,.notice{border:1px solid hsl(var(--destructive));color:hsl(var(--foreground));background:hsl(var(--destructive) / .15);white-space:pre-wrap;border-radius:8px;padding:12px 16px}.notice{background:hsl(var(--zaal-gold) / .1);border-color:hsl(var(--zaal-gold) / .35);color:hsl(var(--zaal-gold))}.empty-state{text-align:center;border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:16px;max-width:760px;margin:70px auto;padding:48px 24px}.empty-state h2{margin:16px 0;font-size:32px}.empty-state p{color:hsl(var(--muted-foreground))}.prejoin{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:18px;grid-template-columns:1.15fr 1fr;max-width:1130px;margin:50px auto 65px;display:grid;overflow:hidden}.prejoin-preview{background:hsl(var(--background));padding:26px}.prejoin-form{padding:40px 34px}.prejoin-form>h2{margin:12px 0 24px;font-size:29px}.prejoin-form>.check{margin-top:25px}.join-button{width:100%;margin-top:14px;padding:14px 20px;font-size:16px}.camera-placeholder{aspect-ratio:16/10;border:1px dashed hsl(var(--input));background:hsl(var(--muted));border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.camera-placeholder>span{letter-spacing:-5px;color:hsl(var(--muted-foreground));font-size:58px;font-weight:900}.camera-placeholder p{color:hsl(var(--muted-foreground))}.level-label{color:hsl(var(--muted-foreground));margin-top:20px;font-size:12px}meter{width:100%;height:9px}.video-surface{border-radius:inherit;background:#000;height:100%;min-height:0;position:relative}.video-surface video{aspect-ratio:16/10;object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.prejoin-preview .video-surface{border-radius:11px;height:auto;overflow:hidden}.play-overlay{background:hsl(var(--popover) / .9);border-color:hsl(var(--input));width:max-content;max-width:90%;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.call-controls{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:14px 16px;display:flex}.call-controls>div:first-child{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.call-controls .muted-text{width:100%;padding-left:17px;display:block}.call-actions{flex-shrink:0;align-items:center;margin:0}.call-controls button{border-radius:24px;min-height:44px}.call-controls .leave-call{background:hsl(var(--destructive));border-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.call-controls .leave-call:hover:not(:disabled){background:hsl(var(--destructive) / .9)}.confirm-dialog{border:1px solid hsl(var(--border));background:hsl(var(--popover));width:calc(100% - 32px);max-width:560px;color:hsl(var(--popover-foreground));border-radius:16px;padding:28px}.confirm-dialog::backdrop{background:hsl(var(--background) / .75)}.connection-dot{background:hsl(var(--muted-foreground));border-radius:100%;flex-shrink:0;width:7px;height:7px;margin-right:6px;display:inline-block}.connection-dot.online{background:var(--color-green-400);box-shadow:0 0 9px color-mix(in srgb, var(--color-green-400) 20%, transparent)}.live-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.live-layout.with-director{grid-template-columns:minmax(0,1fr) 330px}.call-stage{min-width:0}.participant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.participant-grid:has(>.participant-tile:only-child){grid-template-columns:minmax(0,1fr)}.participant-tile{border:1px solid hsl(var(--border));background:hsl(var(--background));aspect-ratio:16/10;border-radius:12px;min-width:0;position:relative;overflow:hidden}.local-tile{border-color:hsl(var(--muted-foreground) / .5)}.tile-caption{background:linear-gradient(transparent, hsl(var(--background) / .93) 40%);flex-wrap:wrap;align-items:center;gap:5px 10px;width:100%;padding:32px 15px 13px;font-size:12px;display:flex;position:absolute;bottom:0;left:0}.tile-caption strong{font-size:14px}.tile-caption>span,.tile-caption strong>span{color:hsl(var(--muted-foreground));font-weight:400}.tile-caption .recording-tag{color:hsl(var(--zaal-red-text));margin-left:auto;font-size:11px}.tile-placeholder{height:100%;color:hsl(var(--muted-foreground));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.tile-placeholder>span{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:100%;place-items:center;width:65px;height:65px;font-size:28px;display:grid}.tile-placeholder p{margin:10px 0;font-size:12px}.stage-hint{padding:5px 4px}.capture-status{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:12px;margin-top:14px;padding:15px 18px}.capture-status.is-recording{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .05)}.capture-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.capture-title h2{margin:0;font-size:17px}.record-dot{background:hsl(var(--muted-foreground));border-radius:100%;width:10px;height:10px}.record-dot.active{background:hsl(var(--primary));box-shadow:0 0 0 4px hsl(var(--primary) / .1)}.capture-numbers{font-variant-numeric:tabular-nums;margin:16px 0 8px;font-size:24px}.capture-numbers>span{color:hsl(var(--muted-foreground));font-size:13px}.director{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:13px;padding:22px}.director-heading h2{margin:7px 0 12px;font-size:28px}.director-heading p{color:hsl(var(--muted-foreground));font-size:12px}.master-actions{gap:9px;margin:18px 0;display:grid}.roster{margin:20px 0 0;padding:0;list-style:none}.roster-person{border-top:1px solid hsl(var(--border));padding:19px 0}.roster-name{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.roster-name strong{overflow-wrap:anywhere;font-size:15px}.roster-name>span{color:hsl(var(--muted-foreground));font-size:11px}.roster-person p{margin:9px 0;font-size:12px}.roster-person>button{width:100%;margin-top:4px;font-size:12px}.recording-text{color:hsl(var(--zaal-red-text))}.roster-error{color:hsl(var(--foreground));background:hsl(var(--destructive) / .15);border-radius:5px;padding:9px}details{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:9px;margin:14px 0;padding:16px 18px}summary{cursor:pointer;font-size:13px;font-weight:600;line-height:1.5}details[open]>summary{margin-bottom:16px}.device-options{background:hsl(var(--background));padding:12px}.device-options .row{align-items:stretch}.device-options .row label{min-width:120px;margin:4px 0;font-size:12px}.device-options button{font-size:12px}.privacy-details{background:hsl(var(--background));margin-bottom:0}.privacy-details p{color:hsl(var(--muted-foreground));font-size:12px}.person-diagnostics{background:hsl(var(--background));margin-bottom:0;padding:10px}.person-diagnostics summary{color:hsl(var(--muted-foreground));font-size:11px}.support-tools{margin-top:38px}.support-tools>details{background:hsl(var(--card))}.saved-recording{border-top:1px solid hsl(var(--border));margin-top:18px;padding:22px 0 10px}.saved-recording .row{align-items:center}.recording-preview video{background:#000;width:100%;max-width:600px;max-height:360px;display:block}.recording-preview audio{width:100%;max-width:600px}.test-preview{border-radius:10px;width:100%;max-width:440px;overflow:hidden}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;color:hsl(var(--muted-foreground));font:11px/1.7 ui-monospace,monospace;overflow-y:auto}footer{color:hsl(var(--muted-foreground));flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:30px;display:flex}footer p{margin:5px 0;font-size:11px}@media (width>=1200px){.participant-grid:has(>.participant-tile:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.studio{padding:24px}.prejoin-form{padding:30px 24px}.live-layout.with-director{grid-template-columns:minmax(0,1fr) 295px;gap:18px}.director{padding:18px}}@media (width<=800px){.prejoin{grid-template-columns:1fr;max-width:600px;margin:24px auto}.prejoin-preview{padding:18px}.camera-placeholder{aspect-ratio:16/9;min-height:220px}.prejoin-preview .video-surface video{max-height:320px}.live-layout.with-director{grid-template-columns:minmax(0,1fr)}.director{margin-top:0}.roster{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 24px;display:grid}.call-controls{flex-direction:column;align-items:flex-start}.call-actions{width:100%}}@media (width<=500px){.studio{padding:20px 13px}.studio-header{align-items:flex-start;gap:12px;margin-bottom:18px}h1{font-size:23px}.session-heading{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;max-width:60%}.session-heading>strong{font-size:13px}.prejoin-form{padding:25px 20px}.prejoin-form>h2{font-size:25px}.prejoin-preview{padding:14px}.participant-grid{grid-template-columns:minmax(0,1fr);gap:12px}.call-actions button{flex:1;padding:10px;font-size:12px}.capture-status{padding:17px}.capture-numbers>span{margin-top:6px;display:block}.support-tools>details{padding:14px}.saved-recording .row>button{width:100%}.roster{display:block}}