.ai-picker{border:1px solid var(--line);background:var(--paper);width:min(540px,100vw - 32px);color:var(--ink);border-radius:26px;padding:30px;box-shadow:0 30px 120px #0007}.ai-picker::backdrop,.ai-room-consent::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030b08b8}.ai-picker>header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ai-kicker{letter-spacing:.13em;color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.ai-picker>header .ai-kicker{justify-content:flex-start}.ai-picker h2{letter-spacing:-.045em;margin:0;font-size:38px;line-height:1.08}.ai-picker-intro{color:var(--muted);margin:14px 0 24px;font-size:14px;line-height:1.6}.ai-picker-rooms{gap:12px;display:grid}.ai-picker-card{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:17px;align-items:center;gap:16px;padding:20px;transition:background .15s,border-color .15s;display:flex}.ai-picker-card:hover{background:var(--surface-raised);border-color:var(--muted)}.ai-picker-card-icon{background:var(--surface-raised);height:46px;color:var(--lime);border-radius:14px;flex:0 0 46px;place-items:center;display:grid}.ai-picker-card-copy{flex:1;min-width:0}.ai-picker-card-copy strong{letter-spacing:-.02em;font-size:17px;display:block}.ai-picker-card-copy small{color:var(--muted);margin:5px 0 10px;font-size:12px;line-height:1.5;display:block}.ai-picker-tags{color:var(--muted);gap:10px;font-size:10px;display:flex}.ai-picker-tags>span{align-items:center;gap:4px;display:flex}.ai-picker>footer{color:var(--muted);align-items:center;gap:8px;margin-top:23px;font-size:11px;line-height:1.5;display:flex}.ai-icon-button{width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.ai-icon-button:hover{background:var(--surface-raised);color:var(--ink)}.room-panel.is-ai-room .room-body:not(:has(.screen-stage)){grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;padding:0 max(22px,50% - 510px);overflow:hidden}.room-panel.is-ai-room .room-body:has(.room-chat.is-open):not(:has(.screen-stage)){grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:20px;padding:0 22px}.room-panel.is-ai-room .room-stage{grid-area:1/1;align-self:start;padding:18px 0 14px}.room-panel.is-ai-room .participants{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0;display:flex}.room-panel.is-ai-room .participant,.room-panel.is-ai-room .participant.is-host{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex-direction:row;align-items:center;gap:8px;width:auto;min-width:0;max-width:240px;min-height:46px;padding:7px 10px;display:flex}.room-panel.is-ai-room .participant .avatar.person,.room-panel.is-ai-room .participant.is-host .avatar.person{border-width:1px;flex:0 0 29px;width:29px;height:29px;margin:0;font-size:10px}.room-panel.is-ai-room .participant small{display:none}.room-panel.is-ai-room .participant-name{min-width:0;font-size:12px}.room-panel.is-ai-room .participant-name b{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.room-panel.is-ai-room .participant-menu-trigger{width:25px;height:25px}.room-panel.is-ai-room .participant-menu-wrap{margin:0}.room-panel.is-ai-room .room-activity-panels{flex-direction:column;grid-area:2/1;gap:10px;min-height:0;max-height:none;padding-bottom:16px;display:flex;overflow:hidden}.room-panel.is-ai-room .spark-voice-player{flex-shrink:0;margin:0}.room-body .ai-room-panel{min-height:0;color:var(--ink);background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;display:flex;overflow:hidden}.ai-session-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:10px;padding:15px 0;display:flex}.ai-spark-mark{background:var(--surface-raised);width:34px;height:34px;color:var(--lime);border-radius:12px;place-items:center;display:grid}.ai-session-header strong{font-size:14px;display:block}.ai-session-header small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.ai-shared-label{color:var(--muted);align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.ai-room-turns{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:22px 4px;overflow:auto}.ai-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:22px 12px;display:flex}.ai-welcome-orbit{border:1px solid var(--line);background:var(--surface);width:88px;height:88px;color:var(--lime);box-shadow:0 0 0 12px color-mix(in srgb,var(--surface) 45%,transparent);border-radius:30px;place-items:center;margin-bottom:24px;display:grid}.ai-welcome h3{letter-spacing:-.035em;margin:12px 0;font-size:clamp(23px,3vw,34px);line-height:1.2}.ai-welcome>p{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.7}.ai-starters{flex-wrap:wrap;justify-content:center;gap:8px;max-width:660px;display:flex}.ai-starters button{background:var(--surface);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:11px;display:flex}.ai-starters button svg{color:var(--muted);transform:rotate(45deg)}.ai-starters button:hover{border-color:var(--muted)}.ai-conversation-turn{max-width:850px;margin:0 auto 28px}.ai-question,.ai-answer{align-items:flex-start;gap:11px;display:flex}.ai-question{margin-bottom:17px}.ai-person-dot,.ai-answer-icon{background:var(--surface-raised);height:28px;color:var(--ink);border-radius:9px;flex:0 0 28px;place-items:center;font-size:11px;font-weight:700;display:grid}.ai-answer-icon{color:var(--lime);background:0 0}.ai-question>div,.ai-answer>div{flex:1;min-width:0}.ai-conversation-turn small{align-items:center;gap:6px;margin:3px 0 7px;font-size:11px;font-weight:700;display:flex}.ai-conversation-turn small span{background:var(--surface-raised);color:var(--muted);border-radius:4px;padding:2px 4px;font-size:8px}.ai-conversation-turn p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.7}.ai-question p{color:var(--muted)}.ai-listen{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;margin-top:10px;padding:0;font-size:10px;display:flex}.ai-listen:hover{color:var(--ink)}.ai-thinking{color:var(--muted);align-items:center;gap:7px;margin:12px 0;font-size:12px;display:flex}.ai-thinking i{background:currentColor;border-radius:50%;width:3px;height:3px;animation:1.3s infinite ai-dot}.ai-thinking i:nth-last-child(2){animation-delay:.2s}.ai-thinking i:last-child{animation-delay:.4s}@keyframes ai-dot{50%{opacity:.2}}.ai-composer-wrap{flex-shrink:0;padding-top:12px}.ai-composer{border:1px solid var(--line);background:var(--surface);border-radius:17px;align-items:flex-end;gap:8px;padding:12px;display:flex}.ai-composer:focus-within{border-color:var(--muted)}.ai-composer textarea{resize:none;width:100%;min-width:0;min-height:27px;max-height:100px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:3px 0;font-size:14px;line-height:1.7}.ai-composer-tools{align-items:center;gap:4px;display:flex}.ai-send{background:var(--lime);width:36px;height:36px;color:var(--paper);border:0;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.ai-send:disabled{opacity:.3}.ai-composer-note{text-align:center;color:var(--muted);margin:9px 0 0;font-size:10px;line-height:1.5}.ai-record-status{color:var(--ink);align-items:center;gap:7px;margin-bottom:9px;font-size:11px;display:flex}.ai-record-status>span{background:#ec777d;border-radius:50%;width:7px;height:7px}.ai-record-status small{color:var(--muted);margin-left:auto;font-size:10px}.ai-error{color:#e9a4a8;margin:0 0 10px;font-size:11px;line-height:1.5}.ai-room-consent{border:1px solid var(--line);background:var(--paper);width:min(440px,100vw - 32px);color:var(--ink);border-radius:22px;padding:26px}.ai-room-consent h2{letter-spacing:-.03em;font-size:22px}.ai-room-consent p{color:var(--muted);font-size:13px;line-height:1.7}.ai-room-consent label{align-items:flex-start;gap:10px;margin:20px 0;font-size:12px;line-height:1.6;display:flex}.ai-room-consent input{margin-top:4px}.ai-room-actions{gap:8px;display:flex}.ai-room-consent button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);border-radius:12px;flex:1;font-size:12px}.ai-room-consent button:last-child{background:var(--lime);color:var(--paper);font-weight:700}.ai-room-consent button:disabled{opacity:.4}.ai-picker :focus-visible,.ai-room-panel button:focus-visible,.ai-room-consent :focus-visible{outline:2px solid var(--lime);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){.ai-picker{border-radius:22px;padding:22px}.ai-picker h2{font-size:32px}.ai-picker-card{gap:12px;padding:16px}.ai-picker-card-copy strong{font-size:15px}.ai-picker-card-copy small{font-size:11px}.room-panel.is-ai-room .room-body:not(:has(.screen-stage)){grid-template-columns:minmax(0,1fr);padding:0 12px}.room-panel.is-ai-room .room-body:has(.room-chat.is-open):not(:has(.screen-stage)){grid-template-columns:minmax(0,1fr);gap:0;padding:0 12px}.room-panel.is-ai-room .room-stage{padding:11px 0 7px}.room-panel.is-ai-room .participant,.room-panel.is-ai-room .participant.is-host{gap:6px;max-width:calc(50% - 4px);min-height:39px;padding:5px 8px}.room-panel.is-ai-room .participant-name b{max-width:100px;font-size:11px}.room-panel.is-ai-room .participant .avatar.person,.room-panel.is-ai-room .participant.is-host .avatar.person{flex-basis:25px;width:25px;height:25px}.ai-shared-label{gap:4px;font-size:9px}.ai-session-header{padding:10px 0}.ai-room-turns{padding:16px 0}.ai-welcome{padding:12px 0}.ai-welcome-orbit{border-radius:22px;width:62px;height:62px;margin-bottom:18px}.ai-welcome h3{font-size:24px}.ai-welcome>p{margin-bottom:17px;font-size:12px}.ai-starters{gap:6px;width:100%;max-width:300px;display:grid}.ai-starters button{justify-content:space-between;padding:9px 12px;font-size:10px}.ai-composer{gap:3px;padding:8px}.ai-composer textarea{font-size:16px;line-height:1.5}.ai-composer-tools{gap:0}.ai-icon-button,.ai-send{width:32px;height:34px}.ai-composer-note{margin-top:7px;font-size:8px}.ai-conversation-turn p{font-size:13px}.room-panel.is-ai-room .room-activity-panels{padding-bottom:10px}}@media (prefers-reduced-motion:reduce){.ai-thinking i{animation:none}}.ai-picker>footer{justify-content:flex-start}.room-panel.is-ai-room .room-activity-panels{flex:1;align-self:stretch;height:auto}.room-panel.is-ai-room .participant.is-host small{color:var(--muted);flex-shrink:0;margin:0;font-size:8px;display:block}.ai-starters button:disabled{opacity:.5}.ai-listen{min-height:32px}.ai-send{color:#14251c}@media (max-width:760px){.ai-composer .ai-icon-button,.ai-composer .ai-send{width:40px;height:40px}.ai-listen{min-height:40px}}.room-panel.is-ai-room .spark-voice-player{flex-direction:row;align-items:center;padding:10px 13px}.room-panel.is-ai-room .spark-voice-player p,.room-panel.is-ai-room .spark-voice-player small:not([role=status]){display:none}.room-panel.is-ai-room .spark-voice-player strong{font-size:11px}.room-panel.is-ai-room .spark-voice-actions{align-items:center}
