:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#171512;--paper:#fbf5ea;--paper-soft:#f2eadc;--paper-strong:#fffaf0;--charcoal:#0c0d0f;--charcoal-soft:#15181b;--rail:#191b1e;--muted:#776d5f;--muted-dark:#a69a88;--line:#17151229;--line-dark:#fbf5ea24;--signal:#2f9bff;--signal-strong:#0f6bff;--cyan:#68f0df;--record:#e5483b;--record-dark:#b71f18;--warning:#c97912;--ok:#1d8b55;--shadow-paper:0 18px 46px #00000042;--shadow-stage:0 26px 90px #0000007a;--font-display:"Avenir Next Condensed", "DIN Condensed", "Gill Sans", sans-serif;--font-body:"Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;font-family:var(--font-body)}*{box-sizing:border-box}html,body{min-height:100%;color:var(--paper);background:linear-gradient(135deg,#68f0df14,#0000 32%),linear-gradient(#111315 0%,#090a0b 54%,#15120e 100%);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.app-shell{isolation:isolate;min-height:100vh;padding:18px;position:relative}.app-shell:before{z-index:-1;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000eb,#0000 82%);mask-image:linear-gradient(#000000eb,#0000 82%)}.workspace{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;min-height:calc(100vh - 36px);display:grid}.prep-panel{flex-direction:column;gap:16px;min-width:0;padding:8px 4px 8px 0;display:flex}.panel{border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-paper);border-radius:8px}.brand-block{border-bottom:1px solid var(--line-dark);align-items:center;gap:12px;min-height:64px;padding:4px 2px 10px;display:flex}.brand-mark{border-radius:8px;flex:0 0 54px;width:54px;height:54px;box-shadow:0 12px 34px #2f9bff47}.eyebrow,.field-label,.field span,.signal-label{color:var(--muted-dark);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.panel .field-label,.panel .field span{color:var(--muted)}h1,h2{font-family:var(--font-display);letter-spacing:0}h1{margin:3px 0 0;font-size:2rem;line-height:.95}h2{margin:2px 0 0;font-size:1.15rem;line-height:1.05}.prep-intro{gap:8px;padding:10px 4px 6px;display:grid}.prep-intro h2{max-width:12ch;color:var(--paper);margin:0;font-size:2.6rem}.prep-intro p:last-child{max-width:34ch;color:var(--muted-dark);margin:0;font-size:.96rem;line-height:1.5}.signal-label{color:var(--cyan);align-items:center;gap:8px;display:inline-flex}.signal-label:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;box-shadow:0 0 16px}.join-card,.desktop-permissions,.session-card,.invite-card,.recording-controls,.recording-status,.recording-standby,.session-empty{padding:14px}.join-card{gap:13px;display:grid}.panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.panel-heading.compact{align-items:center;margin-bottom:8px}.mode-badge,.readiness-pill,.ready-pill,.live-pill{border:1px solid var(--line);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex}.mode-badge,.ready-pill{color:#135faf;background:#2f9bff1c}.live-pill{color:var(--record-dark);background:#e5483b1f;border-color:#e5483b57}.readiness-pill.is-ready{color:var(--ok);background:#1d8b551f;border-color:#1d8b5557}.mode-switch{background:var(--paper-soft);border:1px solid #1715121f;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;min-height:42px;padding:4px;display:grid}.mode-switch button{min-width:0;min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.mode-switch button.is-active{background:var(--paper-strong);color:var(--ink);box-shadow:0 5px 18px #1715121f}.field{gap:6px;display:grid}.input-shell{background:var(--paper-strong);min-height:44px;color:var(--muted);border:1px solid #17151229;border-radius:7px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:0 11px;display:grid}.input-shell:focus-within{border-color:#2f9bffb3;box-shadow:0 0 0 3px #2f9bff29}.field input,.copy-row input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none}.field input::placeholder,.copy-row input::placeholder{color:#776d5fb8}.primary-button,.secondary-button,.icon-button,.download-link{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(180deg, var(--signal), var(--signal-strong));color:#fff;border-color:#ffffff2e;padding:0 15px;font-weight:900;box-shadow:0 12px 24px #2f9bff42}.primary-button:hover:not(:disabled){filter:brightness(1.05)}.primary-button.record-button{background:linear-gradient(180deg, #ff6a5d, var(--record));box-shadow:0 12px 24px #e5483b33}.secondary-button,.download-link{background:var(--paper-strong);color:var(--ink);border-color:#17151229;padding:0 14px;font-weight:850}.secondary-button:hover:not(:disabled),.download-link:hover{border-color:#2f9bff85}.icon-button{background:var(--charcoal);width:44px;color:var(--paper);flex:0 0 44px}.form-note,.control-hint,.status-copy,.muted-line,.session-empty p:last-child,.recording-standby p:last-child{color:var(--muted);margin:0;font-size:.9rem;line-height:1.4}.meeting-room{grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:18px;min-width:0;display:grid}.meeting-stage{min-height:0;box-shadow:var(--shadow-stage);background:linear-gradient(135deg,#2f9bff24,#0000 34%),linear-gradient(#101316,#030405);border:1px solid #ffffff24;border-radius:8px;position:relative;overflow:hidden}.meeting-stage rtk-meeting,.meeting-stage [class*=rtk]{min-height:calc(100vh - 38px)}.meeting-placeholder{min-height:calc(100vh - 38px);color:var(--paper);text-align:center;place-content:center;padding:34px;display:grid;position:relative;overflow:hidden}.meeting-placeholder:before{content:"";border:1px solid #fbf5ea17;border-radius:8px;position:absolute;inset:18px}.meeting-placeholder h2{z-index:1;color:var(--paper);margin:10px 0 8px;font-size:clamp(2.1rem,5vw,4.6rem);position:relative}.meeting-placeholder p{z-index:1;max-width:34ch;color:var(--muted-dark);margin:0 auto;line-height:1.5;position:relative}.meeting-placeholder .signal-label{z-index:1;justify-content:center;position:relative}.stage-orbit{z-index:1;width:124px;height:124px;margin:0 auto 12px;position:relative}.stage-orbit span{border:1px solid #68f0df5c;border-radius:50%;animation:2.8s ease-in-out infinite pulse-ring;position:absolute;inset:0}.stage-orbit span:nth-child(2){border-color:#2f9bff6b;animation-delay:.35s;inset:18px}.stage-orbit span:nth-child(3){background:var(--cyan);border:0;animation-delay:.7s;inset:42px;box-shadow:0 0 32px #68f0df8f}.session-rail{flex-direction:column;gap:12px;min-width:0;display:flex}.session-card,.invite-card,.recording-controls,.recording-status,.recording-standby,.session-empty{box-shadow:none}.session-data{gap:8px;margin-top:12px;display:grid}.session-data-row{background:var(--paper-strong);min-height:36px;color:var(--muted);border:1px solid #1715121f;border-radius:7px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;display:grid}.session-data-row span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-empty,.recording-standby{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;display:grid}.invite-card{gap:10px;display:grid}.copy-row{gap:8px;display:flex}.copy-row input{background:var(--paper-strong);border:1px solid #17151229;border-radius:7px;min-height:42px;padding:0 11px}.copy-feedback{min-height:18px;color:var(--ok);opacity:0;margin:-2px 0 0;font-size:.82rem;font-weight:850;transition:opacity .16s,transform .16s;transform:translateY(-2px)}.copy-feedback.is-visible{opacity:1;transform:translateY(0)}.desktop-permissions{gap:10px;display:grid}.permission-ready-row{color:var(--ok);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;font-size:.9rem;font-weight:850;display:grid}.permission-list{gap:8px;display:grid}.permission-row{background:var(--paper-strong);border:1px solid #1715121f;border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px;display:grid}.permission-row.is-granted{background:#1d8b5514;border-color:#1d8b5538}.permission-icon{background:var(--paper-soft);width:32px;height:32px;color:var(--signal-strong);border-radius:7px;place-items:center;display:grid}.permission-row.is-granted .permission-icon{color:var(--ok)}.permission-copy{gap:2px;min-width:0;display:grid}.permission-copy strong{font-size:.88rem}.permission-copy span{color:var(--muted);font-size:.78rem;line-height:1.25}.permission-copy .permission-note{color:var(--warning);align-items:center;gap:4px;display:inline-flex}.permission-state{min-width:86px;min-height:34px;color:var(--muted);border:1px solid #17151229;border-radius:7px;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:900;display:inline-flex}.permission-state.granted{color:var(--ok);border-color:#1d8b554d}.permission-button{min-width:86px;min-height:34px;padding:0 10px;font-size:.78rem}.recording-action-grid{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0 10px;display:grid}.stop-button{min-width:92px}.stop-button.is-hot{color:var(--record-dark);border-color:#e5483b5c}.status-badge{border:1px solid var(--line);background:var(--paper-strong);border-radius:999px;align-items:center;width:fit-content;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:950;display:inline-flex}.status-recording,.status-invoked,.status-paused{color:var(--record-dark);border-color:#e5483b57}.status-uploading{color:var(--warning);border-color:#c9791257}.status-uploaded{color:var(--ok);border-color:#1d8b5557}.status-errored{color:var(--record-dark);background:#fff0ed;border-color:#e5483b61}.status-no_recording{color:var(--muted)}.status-copy{margin-top:9px}.recording-meta{gap:8px;margin:12px 0 0;display:grid}.recording-meta div{gap:4px;display:grid}.recording-meta dt{color:var(--muted);text-transform:uppercase;align-items:center;gap:5px;font-size:.74rem;font-weight:850;display:inline-flex}.recording-meta dd{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);margin:0;font-size:.82rem;overflow:hidden}.download-list{gap:8px;margin-top:12px;display:grid}.download-link{justify-content:space-between}.error-text{color:var(--record-dark);margin:0;font-size:.88rem;line-height:1.35}.subtle{color:var(--muted)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%,to{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1180px){.workspace{grid-template-columns:1fr}.prep-panel{grid-template-columns:minmax(240px,.75fr) minmax(320px,1fr);align-items:start;padding:0;display:grid}.brand-block,.prep-intro{grid-column:1}.join-card,.desktop-permissions{grid-column:2}.meeting-stage rtk-meeting,.meeting-stage [class*=rtk],.meeting-placeholder{min-height:620px}}@media (width<=920px){.meeting-room{grid-template-columns:1fr}.session-rail{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recording-status{grid-column:span 2}}@media (width<=700px){.app-shell{padding:10px}.workspace{min-height:calc(100vh - 20px)}.prep-panel{display:flex}.prep-intro h2{max-width:none;font-size:2.1rem}.meeting-stage rtk-meeting,.meeting-stage [class*=rtk],.meeting-placeholder{min-height:520px}.session-rail{grid-template-columns:1fr}.recording-status{grid-column:auto}.permission-row{grid-template-columns:32px minmax(0,1fr)}.permission-state,.permission-button{grid-column:2;width:fit-content}}@media (width<=460px){.brand-block{min-height:58px}.brand-mark{flex-basis:48px;width:48px;height:48px}h1{font-size:1.75rem}.recording-action-grid{grid-template-columns:1fr}.copy-row{grid-template-columns:minmax(0,1fr) 44px;display:grid}}