@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3e7;font-synthesis:none;background:#101510;font-family:DM Sans,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:4px;outline:2px solid #d4f587}button{color:inherit}input{color:#edf3e7;background:#111810;border:1px solid #364332;border-radius:8px;min-width:0;padding:13px 15px}input::placeholder{color:#7c8a76}.shell{max-width:1440px;margin:auto;padding:0 56px}.topbar{border-bottom:1px solid #293126;justify-content:space-between;align-items:center;height:98px;display:flex}.brand{letter-spacing:-1.4px;align-items:center;gap:11px;font-size:27px;font-weight:650;display:flex}.brandmark{color:#d4f587;place-items:center;width:35px;height:35px;display:grid}.brand-note{letter-spacing:1.8px;color:#8c9a83;align-self:center;margin-left:13px;font:10px DM Sans,sans-serif}.topbar nav{color:#afbaa6;align-items:center;gap:27px;font-size:12px;display:flex}.topbar nav a{align-items:center;gap:8px;display:flex}.prototype,.tiny-tag{letter-spacing:1px;color:#a6b39c;border:1px solid #394332;border-radius:4px;padding:5px 7px;font-size:9px}.intro{justify-content:space-between;align-items:center;gap:20px;margin:46px 0 32px;display:flex}.eyebrow{letter-spacing:1.7px;color:#a5b29a;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.little-line{background:#c3df94;width:22px;height:1px}h1{letter-spacing:-1.5px;margin:15px 0 12px;font-size:40px;font-weight:500;line-height:1.2}h1 em{color:#d4f587;font-family:Instrument Serif,Georgia,serif;font-size:1.18em;font-weight:400}p{color:#a5afa0;line-height:1.65}.intro p{margin:0;font-size:13px}.button{background:#222c1e;border:1px solid #3c4935;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font-size:12px;font-weight:550;transition:background .15s;display:inline-flex}.button:hover:not(:disabled){background:#34422b}.button.primary{color:#17200f;background:#d4f587;border-color:#d4f587}.button.primary:hover:not(:disabled){background:#e3ffaa}.invite{white-space:nowrap;background:0 0}.room-layout{grid-template-columns:minmax(0,1fr) 310px;gap:22px;display:grid}.room-stage{background:#171f15;border:1px solid #34412d;border-radius:13px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.stage-header{border-bottom:1px solid #303c29;justify-content:space-between;align-items:center;gap:10px;padding:19px 23px;display:flex}.stage-header>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stage-header strong{font-size:12px;font-weight:500}.connection-dot,.status-dot{background:#66745c;border-radius:50%;width:6px;height:6px;display:inline-block}.connection-dot.live,.status-dot.on{background:#d4f587;box-shadow:0 0 0 4px #d4f58710}.room-code{color:#8d9f80;border-left:1px solid #3d4934;margin-left:1px;padding-left:11px;font-family:monospace;font-size:10px}.icon-button{color:#aaba9e;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:33px;height:33px;display:inline-flex}.icon-button:hover{color:#e0f7c8;background:#314029}.participants{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:25px 23px 22px;display:grid}.person-card{background:linear-gradient(150deg,#273320,#1d2819);border:1px solid #38462f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:255px;padding:44px 14px 24px;display:flex;position:relative}.person-card.mic-live{border-color:#8ba65e}.person-top{color:#98ad86;letter-spacing:1.4px;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;display:flex;position:absolute;top:15px;left:16px;right:16px}.avatar{color:#2b3a1a;background:#d4f587;border-radius:50%;place-items:center;width:75px;height:75px;margin:8px 0 14px;font-family:Instrument Serif,Georgia,serif;font-size:30px;display:grid}.avatar.guest{background:#e1b68a}.avatar.empty{color:#9caf8c;background:#253020;border:1px dashed #506144}.person-card h2{overflow-wrap:anywhere;max-width:100%;margin:0 0 4px;font-size:17px;font-weight:500}.person-card p{text-align:center;margin:0;font-size:11px}.voice-line{opacity:.25;align-items:center;gap:3px;height:25px;margin-top:15px;display:flex}.voice-line i{background:#c6e992;border-radius:3px;width:3px}.mic-live .voice-line{opacity:.9}.empty-seat{background:#1a2416;border-style:dashed;border-color:#3e4d33}.empty-seat h2{color:#c1d2b2;font-family:Instrument Serif,Georgia,serif;font-size:24px}.text-button{color:#bfdc99;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:11px;display:flex}.empty-seat .text-button{margin-top:10px}.join-panel{padding:0 23px 21px}.join-panel>label{color:#bdcbb1;margin:0 0 8px;font-size:11px;display:block}.join-row{gap:10px;display:flex}.join-row input{flex:1}.join-panel .notice-check{color:#a8b99a;align-items:flex-start;gap:9px;margin:14px 0 0;font-size:10px;line-height:1.6;display:flex}.notice-check input{accent-color:#c8e894;flex-shrink:0;margin:2px 0 0}.small-note{color:#819176;margin:5px 0 0 22px;font-size:10px}.call-controls{justify-content:center;align-items:center;gap:10px;padding:4px 23px 24px;display:flex}.mic-active{color:#d4f587}.button.leave{color:#e1b5a2;background:#34251f;border-color:#59392e;padding:11px 13px}.sound{background:#263320;border:1px solid #39492f;width:39px;height:39px}.call-time{color:#98ab87;margin:auto 10px;font-family:monospace;font-size:12px}.stage-footer{letter-spacing:.7px;color:#819572;border-top:1px solid #303c29;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:13px 23px;font-size:8px;display:flex}.stage-footer>span{align-items:center;gap:6px;display:flex}.footer-separator{opacity:.5;padding:0 5px}.ai-panel{background:#141b12;border:1px solid #30392a;border-radius:13px;padding:23px 21px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-heading .eyebrow{font-size:9px}.tiny-tag{color:#8ea27c;background:#20291b;border:0;font-size:8px}.ai-panel>h2{letter-spacing:-.3px;margin:20px 0 10px;font-family:Instrument Serif,Georgia,serif;font-size:28px;font-weight:400;line-height:1.1}.panel-copy{margin:0 0 20px;font-size:11px}.ai-card{background:#1b2417;border:1px solid #35402e;border-radius:9px;margin-top:11px;padding:15px}.ai-card.active{border-color:#789459}.ai-title{align-items:center;gap:10px;display:flex}.ai-avatar{color:#c6e6ab;background:#32452c;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.grok .ai-avatar{color:#e4d4a7;background:#36352c;font-size:24px}.ai-title h3{margin:0 0 3px;font-size:13px}.ai-subtitle{color:#9cae8d;font-size:9px;display:block}.ai-title .status-dot{flex-shrink:0;margin-left:auto}.ai-state{color:#a7b896;text-transform:capitalize;margin:13px 0;font-size:10px}.ai-actions{gap:5px;display:flex}.ai-actions .button{background:#283620;border-color:#435735;flex:1;padding:8px 10px;font-size:10px}.host-note{color:#839675;align-items:flex-start;gap:8px;margin:19px 0 0;font-size:9px;line-height:1.65;display:flex}.host-note svg{flex-shrink:0;margin-top:2px}.stop-speaking{margin:7px auto -7px}.conversation{background:#131b10;border:1px solid #2c3726;border-radius:12px;margin-top:24px;padding:24px}.conversation-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.conversation h2{letter-spacing:-.4px;margin:9px 0 0;font-size:18px;font-weight:500}.conversation-note{color:#829575;font-size:10px}.messages{scrollbar-color:#35472a transparent;min-height:114px;max-height:320px;overflow:auto}.conversation-empty{color:#729160;align-items:center;gap:16px;padding:31px 4px;display:flex}.conversation-empty strong{color:#a3ba93;font-size:12px;font-weight:500}.conversation-empty p{color:#78936c;margin:3px 0;font-size:10px}.composer{background:#1a2514;border:1px solid #34452b;border-radius:8px;align-items:center;gap:10px;padding:6px 7px;display:flex}.composer input{outline-offset:0;background:0 0;border:0;flex:1;padding:9px 10px;font-size:12px}.send-button{color:#24351a;background:#c7e797;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.message{border-bottom:1px solid #27351f;gap:12px;padding:15px 3px;display:flex}.message-avatar{color:#c7e6ae;background:#2d3d25;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.message-by{align-items:center;gap:9px;font-size:10px;display:flex}.message-by strong{color:#cfdfc1;font-weight:600}.message-by span{letter-spacing:1px;color:#8dac76;font-size:8px}.message-by time{color:#687f5c;font-size:9px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#b7c5ab;margin:5px 0 0;font-size:12px;line-height:1.7}.message.ai .message-avatar{color:#def6bc;background:#3c512f;border-radius:7px}.page-footer{color:#b9c8ad;justify-content:space-between;gap:20px;padding:25px 0 35px;font-size:11px;display:flex}.muted{color:#718469;margin-left:7px}.page-footer details{color:#899c7e;text-align:right;max-width:500px;font-size:10px}.page-footer details summary{cursor:pointer}.page-footer details p{text-align:left;font-size:11px}.error{color:#ebc6a4;background:#35281e;border:1px solid #78513a;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;padding:13px 17px;font-size:12px;display:flex}.error button{color:inherit;background:0 0;border:0;display:flex}:-webkit-any(.room-stage:-webkit-full-screen,.room-stage.expanded){z-index:50;background:#101810;border-radius:0;height:100dvh;position:fixed;inset:0;overflow:auto}:is(.room-stage:fullscreen,.room-stage.expanded){z-index:50;background:#101810;border-radius:0;height:100dvh;position:fixed;inset:0;overflow:auto}:-webkit-any(.room-stage:-webkit-full-screen .participants,.room-stage.expanded .participants){align-content:center;width:100%;max-width:1400px;margin:auto}:is(.room-stage:fullscreen .participants,.room-stage.expanded .participants){align-content:center;width:100%;max-width:1400px;margin:auto}:-webkit-any(.room-stage:-webkit-full-screen .person-card,.room-stage.expanded .person-card){min-height:350px}:is(.room-stage:fullscreen .person-card,.room-stage.expanded .person-card){min-height:350px}:-webkit-any(.room-stage:-webkit-full-screen .avatar,.room-stage.expanded .avatar){width:100px;height:100px;font-size:44px}:is(.room-stage:fullscreen .avatar,.room-stage.expanded .avatar){width:100px;height:100px;font-size:44px}:-webkit-any(.room-stage:-webkit-full-screen .call-controls,.room-stage.expanded .call-controls){padding:24px}:is(.room-stage:fullscreen .call-controls,.room-stage.expanded .call-controls){padding:24px}.room-stage.expanded .join-panel{width:100%;max-width:650px;margin:auto}@media (min-width:1500px){.shell{max-width:1390px}.intro{margin-top:55px}.person-card{min-height:300px}}@media (max-width:1050px){.shell{padding:0 28px}.room-layout{grid-template-columns:minmax(0,1fr) 280px;gap:15px}.ai-panel{padding:20px 16px}h1{font-size:33px}.room-code{display:none}.participants{gap:12px;padding:20px 18px}.person-card{min-height:240px}.stage-header{padding:15px 18px}.brand-note{display:none}.stage-footer{padding:12px 18px;font-size:7px}.call-time{margin:auto 0}.button{padding:10px 12px}}@media (max-width:760px){.shell{padding:0 20px}.topbar{height:76px}.brand{font-size:25px}.prototype{display:none}.topbar nav{font-size:10px}.intro{flex-direction:column;align-items:flex-start;gap:19px;margin:30px 0 24px}.intro .eyebrow{font-size:8px}h1{font-size:31px}.intro p{font-size:12px}.invite{padding:9px 12px;font-size:11px}.room-layout{grid-template-columns:1fr}.participants{gap:10px;padding:18px 14px}.person-card{min-height:230px;padding:42px 8px 20px}.person-card h2{font-size:15px}.empty-seat h2{font-size:22px}.person-card p{font-size:10px}.ai-panel{padding:22px}.ai-card{vertical-align:top;width:calc(50% - 6px);margin-top:0;display:inline-block}.ai-card.grok{margin-left:12px}.ai-title{flex-wrap:wrap;gap:7px}.ai-title .status-dot{display:none}.ai-subtitle{font-size:8px}.ai-card{padding:13px 10px}.ai-avatar{width:30px;height:30px}.ai-panel>h2{margin-top:14px}.host-note{max-width:400px}.conversation{margin-top:16px;padding:20px 16px}.conversation-heading{display:block}.conversation-note{margin-top:10px;font-size:9px;display:block}.conversation-empty{align-items:flex-start;padding:25px 0}.conversation-empty svg{flex-shrink:0}.page-footer{flex-direction:column;gap:12px;font-size:9px}.page-footer details{text-align:left}.join-panel{padding:0 15px 18px}.join-row input{width:100px}.join-row .button{white-space:nowrap}.stage-footer{padding:12px 15px;font-size:7px}.stage-header{padding:13px 15px}.call-controls{gap:7px;padding:5px 15px 20px}.call-controls .button{font-size:11px}.call-time{text-align:center;flex:1}.room-stage.expanded .person-card{min-height:260px}.room-stage.expanded .avatar{width:70px;height:70px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}