:root{--bg:#f6f3eb;--panel:#f0eee5;--line:#d9dccf;--muted:#657063;--text:#253b32;--accent:#b84b2b;--surface:#fffdf8;--serif:Georgia, "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{-webkit-font-smoothing:antialiased;font-size:14px}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #5f695d}button{transition:background .15s,color .15s}h1,h2,h3,p{margin:0}svg{flex-shrink:0}::selection{background:#c8cec0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#c1c8b9;border-radius:4px}.app-shell,.app-main{width:100%;height:100dvh;min-height:500px}.app-main{flex-direction:column;display:flex}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:66px;padding:0 24px;display:flex}.room-heading,.top-actions{align-items:center;gap:18px;display:flex}.room-heading,.room-navigation{min-width:0}.top-actions{flex-shrink:0}.wordmark{font-family:var(--serif);letter-spacing:-1px;color:#253b32;font-size:23px;font-weight:600}.room-title{color:#657063;border-left:1px solid #d5d9cb;padding-left:18px;font-size:12px}.session-pill{color:#53614f;background:#e8e9de;border-radius:5px;padding:5px 7px;font-size:11px}.top-actions{gap:7px}.wordmark:has(.company-mark){align-items:center;gap:9px;min-width:0;display:flex}.company-mark{letter-spacing:0;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.company-wordmark{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.3px;max-width:155px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;overflow:hidden}.company-wordmark small{color:#5f695d;letter-spacing:0;margin-top:3px;font-size:9px;font-weight:400;display:block}.room-conversation-note{color:#5f695d;margin:-3px 0 10px;font-size:10px;line-height:1.5}.result-sharing{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.result-audiences{flex-wrap:wrap;gap:4px;display:flex}.result-audiences button{border-radius:7px;padding:8px 9px;font-size:11px}.result-audiences button.selected{box-shadow:inset 0 -2px 0 var(--room-brand,#47584c);background:#e6e9dd;font-weight:500}.shared-result-note{color:#5f695d;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;line-height:1.6;display:flex}.q-error{color:#75462b;background:#fff6ee;border-radius:9px;margin:12px 0;padding:12px;font-size:12px;line-height:1.6}@media (max-width:900px){.company-wordmark{display:none}.company-mark{width:29px;height:29px;font-size:10px}}@media (max-width:600px){.company-open{min-height:34px;padding:7px 8px;font-size:10px}.top-actions{gap:3px}.result-sharing{padding:8px}}.icon-button{color:#5f695d;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover,.icon-button.active{color:#253b32;background:#e7ebdf}.icon-button.small{width:27px;height:27px}.button{white-space:nowrap;background:#fffdf8;border:1px solid #c8cec0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 13px;font-size:12px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){background:#eeeee5}.button.primary{color:#fffdf8;background:#253b32;border-color:#253b32}.button.primary:hover:not(:disabled){background:#3e4e42}.invite-button{margin-left:8px}.room-grid{flex:1;grid-template-columns:minmax(0,1fr) 348px;gap:8px;min-height:0;padding:0 12px;display:grid}.video-stage{background:#dce3d7;border-radius:12px;min-height:0;position:relative;overflow:hidden}.participant-grid{grid-template-columns:1fr;gap:7px;display:grid;position:absolute;inset:0}.participant-grid.sample-grid,.participant-grid.multi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.participant{min-width:0;position:relative;overflow:hidden}.participant.human{background:#dfe6d9;border-radius:11px}.participant.human.alex{background:#e9dfce}.participant.human video{object-fit:cover;width:100%;height:100%}.mirrored{transform:scaleX(-1)}.human-avatar{color:#253b32;width:105px;height:105px;font-family:var(--serif);letter-spacing:-.8px;background:#bacab3;border-radius:50%;place-items:center;font-size:29px;font-weight:400;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.alex .human-avatar{color:#674731;background:#d9c3a8}.camera-enable,.camera-hint{white-space:nowrap;color:#596452;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:calc(45% + 72px);left:50%;transform:translate(-50%)}.camera-enable:hover{color:#253b32}.camera-hint{font-size:11px}.participant-label{color:#4b5d4c;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;bottom:18px;left:20px}.participant:has(video) .participant-label{color:#fff;background:#0005;border-radius:5px;padding:5px 7px;bottom:14px;left:14px}.participant.is-speaking{box-shadow:inset 0 0 0 2px #6b855d}.q-participant{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8ed;border:1px solid #ffffff80;border-radius:10px;align-items:center;width:158px;height:56px;display:flex;position:absolute;top:18px;right:19px;box-shadow:0 2px 10px #00000004}.q-orb{font-family:var(--serif);color:#253b32;background:#edf0e7;border:1px solid #9aaa94;border-radius:50%;place-items:center;width:33px;height:33px;margin-left:12px;font-size:22px;font-style:italic;display:grid}.q-participant .participant-label{color:#3e4e42;font-size:12px;position:absolute;top:10px;bottom:auto;left:55px}.q-presence{color:#53614f;font-size:10px;position:absolute;top:29px;left:55px}.q-active .q-orb{animation:2s ease-in-out infinite q-breathe}.video-bottom-note{color:#65705d;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.video-stage:has(video) .video-bottom-note{display:none}.join-prompt{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f5;border:1px solid #ffffffd9;border-radius:12px;align-items:center;gap:24px;max-width:650px;margin:0 auto;padding:23px 24px;display:flex;position:absolute;bottom:58px;left:24px;right:24px;box-shadow:0 8px 32px #0000000d}.join-prompt-copy{flex:1;min-width:0}.join-prompt h2{font-family:var(--serif);letter-spacing:-.7px;font-size:25px;font-weight:400}.join-prompt p{color:#596452;margin-top:7px;font-size:12px;line-height:1.6}.join-primary{border-radius:12px;min-height:48px;padding:12px 19px;font-size:14px}.prejoin .live-caption{top:86px;bottom:auto}.live-caption{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffdf8;background:#232323ba;border-radius:10px;width:max-content;max-width:min(80%,650px);padding:12px 17px;font-size:14px;line-height:1.65;position:absolute;bottom:67px;left:50%;transform:translate(-50%)}.live-caption strong{color:#d5d5d5;margin-bottom:3px;font-size:11px;font-weight:500;display:block}.live-caption span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.conversation{background:0 0;flex-direction:column;min-height:0;padding:0 18px 9px;display:flex}.transcript-heading{flex-shrink:0;justify-content:space-between;align-items:center;height:43px;margin-bottom:10px;display:flex}.transcript-heading h2{font-size:14px;font-weight:500}.transcript-heading>div{align-items:center;gap:8px;display:flex}.small-label{color:#5e695b;font-size:11px}.text-button{color:#657063;justify-content:center;align-items:center;gap:6px;padding:3px 0;font-size:11px;display:inline-flex}.text-button:hover{color:#253b32}.transcript{scrollbar-gutter:stable;flex:1;min-height:0;padding:0 3px 20px 0;overflow:auto}.conversation-intro{color:#606e60;padding:47px 8px 34px}.intro-glyph{font-family:var(--serif);color:#253b32;background:#e3e8db;border:1px solid #c8cec0;border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:18px;font-size:26px;font-style:italic;display:grid}.chat-starters{flex-wrap:wrap;gap:8px;display:flex}.conversation-intro h3{font-family:var(--serif);letter-spacing:-.6px;color:#253b32;font-size:26px;font-weight:400;line-height:1.18}.conversation-intro p{color:#657063;margin:12px 0 20px;font-size:13px;line-height:1.85}.conversation-intro .button{border-color:#c3cbb9;min-height:38px;font-size:12px}.conversation-intro .button.primary{color:#fffdf8;background:#253b32;border-color:#253b32}.chat-starters .button{white-space:normal;text-align:left;background:0 0;justify-content:space-between}.transcript-line{gap:9px;margin:16px 0 0;display:flex}.transcript-line.continuation{margin-top:3px}.transcript-line.continuation .speaker-avatar{visibility:hidden}.transcript-line.continuation .line-meta{display:none}.transcript-line.continuation .line-content p{margin-top:0}.speaker-avatar{color:#665d4b;background:#e6e3d5;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.speaker-avatar.alex{color:#665d4b;background:#e7ddcb}.speaker-avatar.q{color:#47584c;background:#edece2;border:1px solid #c8cec0}.line-content{flex:1;min-width:0;position:relative}.line-content:has(.line-quest){padding-right:40px}.line-meta{align-items:center;gap:5px;min-height:22px;display:flex}.line-meta strong{color:#4b5b4e;font-size:12px;font-weight:500}.line-meta>span:last-child{color:#657063;margin-left:auto;font-size:10px}.line-content p{color:#435244;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:4px;font-size:13px;line-height:1.75}.transcript-line:not(.q-line) .line-content p{background:#eeeee5;border-radius:4px 12px 12px;padding:9px 12px}.q-line .line-content p{color:#253b32}.ai-tag{display:none}.line-quest{color:#5e695b;opacity:0;align-items:center;gap:3px;padding:2px 0;font-size:9px;display:inline-flex;position:absolute;bottom:2px;right:0}.line-play{color:#606e60;align-items:center;gap:4px;margin-top:7px;padding:2px 0;font-size:10px;display:inline-flex}.line-play:hover,.line-play.is-playing{color:#253b32}.q-draft .reply-state{color:#5f695d;font-size:10px}.thinking-dots{align-items:center;gap:4px;height:32px;display:flex}.thinking-dots span{background:#657063;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite blink}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}.chat-error{color:#884d45;background:#faf5f4;border-radius:10px;margin:16px 0;padding:12px;font-size:12px;line-height:1.6}.chat-error .text-button{color:inherit;margin-top:6px}.transcript-line:hover .line-quest,.line-quest:focus-visible{opacity:1}.interim .line-content p{color:#606e60}.typing-caret{background:#5f695d;width:2px;height:11px;margin-left:3px;animation:1s infinite blink;display:inline-block}.thinking{color:#606e60;align-items:center;gap:10px;margin:25px 0;font-size:12px;display:flex}.dots{letter-spacing:3px;animation:1s infinite blink}.inline-result{text-align:left;color:#596452;background:#fffdf8;border:1px solid #d9dccf;border-radius:11px;align-items:center;gap:11px;width:100%;margin-top:24px;padding:13px 12px;display:flex}.inline-result:hover{background:#eeeee3}.inline-result>span{flex:1;min-width:0}.inline-result strong{color:#4b5b4e;font-size:12px;font-weight:500;line-height:1.5;display:block}.inline-result small{color:#5e695b;margin-top:4px;font-size:11px;display:block}.inline-activity{color:#606e60;align-items:center;gap:7px;margin:20px 0 0;font-size:11px;display:flex}.proposal{background:#f4f3e9;border:1px solid #d1d7c8;border-radius:11px;flex-shrink:0;margin:12px 0 4px;padding:11px 12px}.proposal-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.proposal-top>span{color:#657063;align-items:center;gap:6px;font-size:10px;display:flex}.proposal>strong{color:#47584c;font-size:12px;font-weight:500}.proposal>p{color:#657063;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.proposal-action{min-height:29px;margin-top:11px;padding:5px 9px;font-size:10px}.composer{background:#fffdf8;border:1px solid #c5cdbb;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;margin-top:12px;padding:10px 11px 10px 18px;display:flex}.composer:focus-within{border-color:#6b805e;box-shadow:0 0 0 2px #6b805e1a}.composer textarea{resize:none;color:#3e4e42;background:0 0;border:0;outline:0;flex:1;min-width:0;min-height:27px;max-height:132px;padding:4px 0;font-size:13px;line-height:1.5}.composer .stop-response{color:#253b32;background:#d5d9cb;flex-shrink:0}.composer textarea::placeholder{color:#657063}.composer textarea:focus-visible{outline:0}.composer>button{color:#fffdf8;background:#253b32;border-radius:7px;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.composer>button:disabled{color:#a8a8a8;opacity:1;background:#c8cec0}.conversation-footer{text-align:center;color:#5e695b;justify-content:center;gap:10px;margin-top:10px;font-size:10px;line-height:1.5;display:flex}.conversation-footer>span:last-child{display:none}.room-controls{flex-shrink:0;justify-content:center;align-items:center;gap:27px;height:77px;padding:0 25px;display:flex;position:relative}.control-status{display:none}.media-controls{align-items:center;gap:10px;display:flex}.control-button{color:#5f695d;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:41px;height:41px;display:flex}.control-button:hover{color:#253b32;background:#f3f3f3}.control-button.on{color:#253b32;background:#dce4d6}.control-button>span{font-size:11px}.caption-control{width:auto;padding:0 11px}.q-control{width:auto;padding:0 10px}.q-control.paused{color:#5e695b}.control-divider{background:#d7dbce;width:1px;height:20px;margin:0 4px}.workspace-toggle{color:#53614f;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex}.workspace-toggle:hover,.workspace-toggle.active{background:#e7ebdf}.control-end{align-items:center;display:flex;position:absolute;right:25px}.control-end .button{min-height:34px;font-size:11px}.control-end .join-footer{min-height:42px;padding:10px 15px;font-size:12px}.replay-controls{align-items:center;gap:5px;display:flex}.leave-button{color:#ad5454;background:snow;border-color:#efdddd}.running-dot{background:#596452;border-radius:50%;width:5px;height:5px;display:inline-block}.workspace{z-index:22;background:#fffdf8;border:1px solid #c8cec0;border-radius:12px;flex-direction:column;width:min(660px,100vw - 46px);min-height:0;display:none;position:fixed;top:76px;bottom:86px;right:23px;overflow:hidden;box-shadow:0 12px 65px #00000016,0 2px 5px #00000005}.workspace-open .workspace{display:flex}.stage-expanded .workspace{width:auto;left:23px}.workspace-heading{flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.workspace-heading>div{align-items:center;gap:8px;display:flex}.workspace-heading h2{font-family:var(--serif);letter-spacing:-.5px;font-size:23px;font-weight:400}.workspace-mark{display:none}.stage-toolbar{border-bottom:1px solid #d9ddcf;flex-shrink:0;align-items:center;height:40px;padding:0 20px;display:flex}.stage-tabs{gap:22px;height:100%;display:flex}.stage-tabs button{color:#5e695b;border-bottom:1px solid #0000;align-items:center;gap:7px;padding:0 0 10px;font-size:12px;display:flex}.stage-tabs button.active{color:#253b32;border-bottom-color:#b84b2b}.stage-tabs button>span:not(.running-dot){color:#5e695b;margin-left:2px;font-size:9px}.stage-visibility{display:none}.stage-area{flex-direction:column;flex:1;min-height:0;padding:9px 0 0;display:flex}.artifact-stage,.computer-stage{background:#fffdf8;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.artifact-chrome,.artifact-footnote,.window-dots,.sandbox-label{display:none}.artifact-stage iframe{background:#fffdf8;border:0;flex:1;width:100%;min-height:200px}.workspace-bottom{flex-shrink:0;padding:12px 20px 18px}.artifact-description,.quest-summary{display:none}.quest-summary.is-running{color:#5f695d;align-items:center;gap:10px;display:flex}.quest-summary.is-running>div:nth-child(2){flex:1;min-width:0}.quest-summary.is-running strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.quest-summary.is-running>div>span{color:#657063;margin-top:5px;font-size:9px;display:block}.workspace-bottom:has(.quest-error) .quest-summary{display:flex}.sources{flex-wrap:wrap;gap:8px;max-height:96px;display:flex;overflow-y:auto}.sources a{overflow-wrap:anywhere;color:#596452;align-items:center;gap:5px;max-width:100%;font-size:10px;display:flex}.sources a:hover{color:#253b32}.computer-chrome{color:#5e695b;justify-content:space-between;align-items:center;padding:10px 20px;font-size:10px;display:flex}.computer-chrome>span:first-of-type{display:none}.computer-state{color:#5e695b;margin-left:auto;font-size:8px}.status-dot{display:none}.computer-tabs{border-bottom:1px solid #e6e9dd;flex-shrink:0;gap:20px;height:36px;padding:0 20px;display:flex}.computer-tabs button{color:#5e695b;border-bottom:1px solid #0000;align-items:center;gap:5px;padding:0 0 9px;font-size:11px;display:flex}.computer-tabs button.active{color:#3e4e42;border-color:#47584c}.computer-content{flex:1;min-height:100px;overflow:auto}.terminal-output{padding:21px 20px}.terminal-line{gap:10px;margin-bottom:18px;font-size:11px;line-height:1.85;display:flex}.line-number{display:none}.terminal-symbol{color:#bbb;flex-shrink:0;width:10px}.terminal-line pre{color:#606e60;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:inherit}.terminal-line.terminal pre{color:#5f695d;background:#f0eee5;border-radius:6px;width:100%;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.terminal-line.artifact pre{color:#3e4e42}.terminal-line.error pre{color:#ae6868}.terminal-cursor{background:#5e695b;width:5px;height:12px;margin:20px;animation:1s infinite blink}.computer-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px 4px;display:flex}.computer-footer>span{color:#5e695b;font-size:9px}.computer-footer .text-button{font-size:10px}.computer-empty,.workspace-empty{text-align:center;color:#5e695b;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:250px;padding:45px 30px;display:flex}.computer-empty h3,.workspace-empty h3{color:#5f695d;letter-spacing:-.4px;margin:20px 0 10px;font-size:18px;font-weight:400}.computer-empty p,.workspace-empty p{color:#5e695b;max-width:300px;margin-bottom:20px;font-size:12px;line-height:1.8}.empty-orbit{color:#5e695b}.empty-orbit i,.eyebrow{display:none}.browser-notice{color:#657063;padding:25px}.browser-notice h3{color:#5f695d;margin:15px 0 10px;font-size:15px;font-weight:500}.browser-notice p{color:#657063;font-size:12px;line-height:1.8}.browser-notice a{color:#5f695d;align-items:center;gap:7px;margin-top:15px;font-size:11px;display:flex}.file-list{padding:20px}.file-list>button,.file-list>a{text-align:left;color:#657063;border:1px solid #d9ddcf;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:15px;display:flex}.file-list>button>span,.file-list>a>span{flex:1;min-width:0}.file-list strong{color:#53614f;font-size:12px;font-weight:500;display:block}.file-list small{color:#5e695b;margin-top:5px;font-size:10px;display:block}.screen-preview{z-index:4;background:#ecebea;border-radius:12px;flex-direction:column;display:flex;position:absolute;inset:8px;overflow:hidden}.screen-preview>div{color:#606e60;align-items:center;gap:7px;padding:12px 15px;font-size:11px;display:flex}.screen-preview video{object-fit:contain;flex:1;width:100%;min-height:0}.screen-active .q-participant{top:14px;right:14px}.history-banner{color:#675e48;background:#f6f5f1;align-items:center;gap:8px;padding:10px 20px;font-size:11px;display:flex}.history-banner button{color:#675e48;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.drawer-scrim,.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#0000001c;position:fixed;inset:0}.history-drawer{z-index:31;background:#fffdf8;border:1px solid #d7dbce;border-radius:15px;flex-direction:column;width:370px;padding:25px;display:flex;position:fixed;top:12px;bottom:12px;right:12px;box-shadow:0 12px 50px #0001}.drawer-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.drawer-heading h2{font-family:var(--serif);letter-spacing:-.7px;font-size:27px;font-weight:400}.drawer-description{color:#657063;margin:22px 0 27px;font-size:12px;line-height:1.9}.history-list{flex:1;min-height:100px;overflow:auto}.history-item{text-align:left;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;width:100%;margin-bottom:8px;padding:15px 12px;display:flex}.history-item:hover{background:#f4f3e9}.history-item.selected{background:#f6f6f6;border-color:#ececec}.history-node{color:#657063;margin-top:3px}.history-item>span:nth-child(2){flex:1;min-width:0}.history-item-meta{color:#5e695b;align-items:center;gap:8px;margin:2px 0 7px;font-size:8px;display:flex}.history-item-meta b{color:#657063;font-size:7px;font-weight:400}.history-item strong{color:#53614f;font-size:12px;font-weight:500;line-height:1.5;display:block}.history-item small{color:#5e695b;margin-top:6px;font-size:10px;line-height:1.7;display:block}.history-item>svg{color:#606e60;width:13px}.history-actions{border-top:1px solid #d9ddcf;flex-direction:column;gap:15px;margin-top:20px;padding-top:20px;display:flex}.history-actions p{color:#5e695b;font-size:10px;line-height:1.9}.history-actions .button{width:100%}.modal-scrim{z-index:40;justify-content:center;align-items:center;padding:20px;display:flex}.connections-modal{background:#fffdf8;border:1px solid #d9dccf;border-radius:18px;width:480px;max-height:calc(100dvh - 40px);padding:29px;overflow:auto;box-shadow:0 20px 70px #0001}.modal-intro{color:#657063;margin:20px 0;font-size:12px;line-height:1.8}.connection-row{border-bottom:1px solid #d9ddcf;align-items:center;gap:12px;padding:17px 0;display:flex}.connection-logo{color:#5f695d;background:#eeeee5;border-radius:9px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.connection-row>div{flex:1}.connection-row strong{color:#47584c;font-size:12px;font-weight:500}.connection-row p{color:#5e695b;margin-top:5px;font-size:10px}.connection-state{color:#5e695b;font-size:9px}.connection-state.ready{color:#686868}.setup-note{color:#657063;background:#eeeee3;border-radius:10px;margin:21px 0;padding:15px;font-size:11px;line-height:1.9}.setup-note strong{color:#53614f;font-weight:500}.setup-note p{margin-top:8px}.setup-note code{color:#5f695d;background:#d9ddcf;border-radius:3px;padding:1px 3px;font-size:10px}.name-input{color:#606e60;justify-content:space-between;align-items:center;gap:15px;margin:20px 0;font-size:11px;display:flex}.name-input input,.name-input select{color:#253b32;background:#edf0e7;border:1px solid #c1c8b9;border-radius:7px;width:170px;padding:8px 10px}.voice-settings{border-bottom:1px solid #d9ddcf;padding-bottom:18px}.voice-settings .name-input{margin-bottom:10px}.voice-preview{color:#657063;justify-content:space-between;align-items:center;font-size:10px;display:flex}.voice-preview button{align-items:center;gap:5px;display:inline-flex}.connections-modal>.button{width:100%}.toast{z-index:80;color:#5f695d;background:#fffdf8;border:1px solid #d5d9cb;border-radius:12px;align-items:center;gap:15px;width:max-content;max-width:540px;padding:13px 17px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:94px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0001}.toast button{color:#5e695b;display:flex}.quest-error{color:#8a4a35;background:#fff8f6;border-radius:8px;padding:12px;font-size:11px;line-height:1.7}.accent{color:#3a613d!important}.conversation-intro p,.camera-enable,.camera-hint,.text-button,.computer-empty p,.workspace-empty p,.browser-notice p{color:#5f695d}.conversation-closed .conversation{display:none}.conversation-closed .room-grid{grid-template-columns:1fr}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.2}}@keyframes q-breathe{50%{border-color:#657063}}@media (min-width:1600px){.room-grid{grid-template-columns:minmax(0,1fr) 390px}.conversation{padding-left:25px;padding-right:25px}.line-content p{font-size:13px}}@media (max-width:1100px){.room-grid{grid-template-columns:minmax(0,1fr) 310px}.topbar{padding:0 18px}.room-title{display:none}.room-heading{gap:12px}.conversation{padding:0 14px 8px}.room-controls{justify-content:flex-start;gap:12px;padding:0 18px}.control-end{right:18px}.media-controls{gap:4px}.caption-control>span{display:none}.caption-control{width:41px;padding:0}.workspace-toggle{gap:7px;padding:10px;font-size:11px}.human-avatar{width:84px;height:84px;font-size:22px}.q-participant{width:135px;top:13px;right:13px}.q-presence{font-size:8px}.camera-enable,.camera-hint{font-size:10px}.live-caption{max-width:87%;font-size:12px;bottom:63px}.video-bottom-note{font-size:9px}}@media (max-width:760px){.topbar{grid-template-rows:36px 52px;grid-template-columns:1fr auto;gap:4px 10px;height:108px;padding:6px 14px;display:grid}.wordmark{font-size:18px}.top-actions{grid-area:1/2;gap:2px}.top-actions .icon-button{width:30px;height:30px}.invite-button{min-height:30px;margin-left:3px;padding:7px 9px;font-size:10px}.session-pill{display:none}.room-heading{display:contents}.room-navigation{grid-area:2/1/auto/-1}.room-grid{flex-direction:column;gap:0;padding:0 9px;display:flex}.video-stage{border-radius:12px;flex:0 0 42%;min-height:185px}.video-stage.prejoin{min-height:270px}.join-prompt{border-radius:14px;flex-direction:column;align-items:stretch;gap:13px;padding:17px;bottom:39px;left:12px;right:12px}.join-prompt h2{font-size:18px}.join-prompt p{margin-top:5px;font-size:11px}.join-primary{width:100%;min-height:46px;font-size:13px}.prejoin .human-avatar,.prejoin .camera-enable{display:none}.prejoin .live-caption{top:62px}.conversation{flex:1;min-height:0;padding:13px 10px 0}.transcript-heading{height:28px;margin-bottom:2px}.transcript-heading h2{font-size:12px}.transcript-heading .text-button{font-size:10px}.transcript{padding-bottom:10px}.transcript-line{margin-top:13px}.line-content p{font-size:13px;line-height:1.65}.line-quest{opacity:1;font-size:8px}.conversation-intro{padding:25px 3px 15px}.conversation-intro h3{font-size:24px}.conversation-intro p{margin:8px 0 12px;font-size:12px}.conversation-intro .button{min-height:36px;font-size:12px}.inline-result{margin-top:15px;padding:11px}.composer{margin-top:8px;padding:8px 9px 8px 15px}.composer textarea{font-size:16px}.conversation-footer{margin-top:6px;font-size:10px}.room-controls{justify-content:space-between;gap:4px;height:64px;padding:0 12px}.control-button{width:34px;height:36px}.control-button svg{width:18px}.media-controls{gap:3px}.control-divider{margin:0 3px}.q-control{gap:3px;width:36px;padding:0}.q-control svg{width:11px}.q-control span{font-size:10px}.workspace-toggle{padding:9px}.workspace-toggle>span:not(.running-dot){display:none}.control-end{position:static}.control-end .button{gap:5px;min-height:31px;padding:6px 8px;font-size:9px}.replay-controls>.icon-button{display:none}.replay-controls .button>span{white-space:normal;max-width:40px}.control-end .button>span{white-space:normal;text-align:left;max-width:55px}.control-end .join-footer{display:none}.q-participant{border-radius:9px;width:132px;height:43px;top:10px;right:10px}.q-orb{width:26px;height:26px;margin-left:8px;font-size:14px}.q-participant .participant-label{font-size:10px;top:7px;left:42px}.q-presence{font-size:9px;top:23px;left:42px}.human-avatar{width:65px;height:65px;font-size:18px;top:44%}.camera-enable,.camera-hint{gap:5px;font-size:10px;top:calc(44% + 46px)}.camera-enable svg{width:12px}.participant-label{font-size:10px;bottom:13px;left:13px}.video-bottom-note{font-size:7px;bottom:13px}.sample-grid~.video-bottom-note{display:none}.live-caption{max-width:85%;padding:8px 12px;font-size:11px;line-height:1.6;bottom:43px}.live-caption strong{font-size:9px}.live-caption span{-webkit-line-clamp:2}.workspace{border-radius:12px;width:calc(100vw - 16px);top:64px;bottom:71px;right:8px}.stage-expanded .workspace{width:calc(100vw - 16px);left:8px}.workspace-heading{height:50px;padding:0 15px}.workspace-heading h2{font-size:22px}.stage-toolbar{padding:0 15px}.stage-tabs button{font-size:11px}.expand-button{display:none}.workspace-bottom{padding:10px 15px 14px}.computer-footer{padding:10px 15px 4px}.computer-footer>span{font-size:8px}.computer-footer .text-button{font-size:9px}.history-drawer{width:min(370px,100vw - 16px);padding:23px;top:8px;bottom:8px;right:8px}.modal-scrim{padding:12px}.connections-modal{border-radius:14px;padding:23px}.connection-row{gap:9px}.connection-row p{font-size:9px}.connection-state{font-size:8px}.name-input input{width:145px}.toast{max-width:calc(100vw - 26px);font-size:11px;bottom:78px}.conversation-closed .video-stage{flex:1}.proposal{margin-top:7px;padding:8px 10px}.proposal>p{-webkit-line-clamp:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.room-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:32px;display:flex}.room-loading h1{font-family:var(--serif);font-size:32px;font-weight:400}.room-loading p{color:#53614f;max-width:440px}.account-rooms{border-bottom:1px solid #d9ddcf;margin-bottom:16px;padding:16px 0}.account-rooms>div{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.account-rooms select{color:#253b32;background:#fff;border:1px solid #c1c8b9;border-radius:9px;max-width:100%;padding:12px}.computer-footer{color:#5f695d;font-size:11px}@media (min-width:1100px){.workspace-open:not(.stage-expanded):not(.conversation-closed) .workspace{width:min(660px,100vw - 400px);right:380px}}@media (max-width:700px){.control-button,.workspace-toggle{min-width:40px;min-height:44px}.transcript-heading .text-button{min-height:32px}.line-play{min-height:28px}}@media (max-width:360px){.room-controls{flex-wrap:wrap;height:auto;min-height:64px;padding:8px}.control-end{margin-left:auto}.workspace{bottom:116px}}