:root{--bg:#121315;--surface:#1b1c1f;--surface2:#222326;--line:#ffffff14;--text:#eae9e2;--muted:#888b91;--accent:#e0ded3;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
body{background:var(--bg);font-size:14px;color:var(--text)}
.topbar{height:78px;padding:0 64px;border-bottom:1px solid #ffffff0a;gap:24px}.brand{font-size:21px;letter-spacing:-.6px;font-weight:600}.brand>svg{width:25px;height:25px;stroke:var(--text);stroke-width:1.5}.main-nav{gap:31px;margin-left:0}.main-nav button{font-size:12px}.main-nav button.active:after{background:var(--text);height:1px;bottom:19px}.nav-count{background:none;color:#777c85;padding:0;font-size:9px}.topbar-right{gap:19px}.demo-label{font-size:8px;letter-spacing:1px;color:#686b73}.demo-label i{background:#8b9690}.button{border-radius:3px;font-weight:500;border-color:#ffffff24;background:none;padding:11px 15px}.button:hover{background:#ffffff08;border-color:#ffffff44;transform:none}.button.accent,.wallet-button{background:#e3e1d7;color:#17181a;border:1px solid #e3e1d7}.button.accent:hover,.wallet-button:hover{background:#f1efe7;color:#17181a}.wallet-button{font-size:11px;padding:10px 15px}.text-button{color:#a4a6aa;font-size:11px;gap:8px}.text-button:hover{color:var(--text)}
main{max-width:1500px;padding:0 64px;margin:auto}.studio-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 0 34px}.eyebrow{font:9px var(--mono);letter-spacing:2px;color:#92969c}.studio-heading h1{margin:13px 0 8px;font-size:39px;line-height:1.1;font-weight:500;letter-spacing:-1.5px}.studio-heading h1>span{font:12px var(--mono);color:#787e87;letter-spacing:0;margin-left:15px;vertical-align:middle}.studio-heading p{font-size:12px;color:#9b9da3;letter-spacing:.6px;margin:0}.studio-heading-right{display:flex;align-items:center;gap:28px;padding-bottom:4px}.chain-label{font-size:10px;color:#92959c;display:flex;align-items:center;gap:9px}.chain-label i{width:3px;height:3px;border-radius:50%;background:#666b71}.view{animation:page-in .45s ease both}
.collective-roster{position:relative;padding:24px 0 21px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 30%,#cad0ec05,transparent 70%)}.roster-heading{display:flex;justify-content:space-between;align-items:center}.roster-status{color:#8e9298;font-size:10px;display:flex;align-items:center;gap:9px}.roster-status>i{width:5px;height:5px;border-radius:50%;background:#aab6a4}.roster-status>span{color:#454950;margin:0 2px}
.agent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:35px;overflow:visible;margin:16px 0 25px;padding:0}.agent-card{padding:0 16px 0;text-align:center;border:0;background:none;border-radius:0;position:relative;overflow:visible;animation:roster-in .65s ease both;animation-delay:calc(var(--i)*.07s);transition:transform .3s}.agent-card:before,.agent-card:after{display:none}.agent-card:hover{background:none;border-color:transparent;transform:translateY(-5px)}.agent-topline{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap}.agent-number{display:none}.agent-status{color:#8e9299;font-size:9px;gap:6px;font-weight:400}.agent-status i{width:4px;height:4px;background:#aebaaa;box-shadow:none}.agent-status.depleted{color:#6a6f78}.agent-status.depleted i{background:#656974}.agent-identity{flex-direction:column;align-items:center;margin-top:31px;gap:5px}.agent-identity .portrait{width:156px;height:166px;flex-shrink:0;background:none;border:0;border-radius:0;overflow:hidden;mix-blend-mode:screen;position:relative}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.62) brightness(.9);transform:scale(1.03);transition:transform .5s,filter .5s}.agent-card:hover .portrait img{filter:saturate(.95) brightness(1.1);transform:scale(1.09)}.agent-identity h3{font-size:22px;letter-spacing:1.2px;font-weight:500;margin:10px 0 5px}.agent-identity p{font-size:10px;color:#8a8e95;letter-spacing:.4px;margin:0}.agent-quote{display:none}.agent-budget{justify-content:center;gap:10px;margin-top:22px;padding:0}.agent-budget>span{font-size:9px;color:#787d86}.agent-budget strong{font:13px var(--mono);color:#d4d5d2;font-weight:400}.agent-budget small{font:8px var(--mono);color:#797f89}.budget-track{max-width:150px;height:1px;margin:13px auto 0;background:#ffffff0c}.budget-track i{background:#bec7d050;height:1px}.agent-foot{display:none}.agent-card.depleted{background:none;border:0}.agent-card.depleted .portrait{border:0;opacity:.75}.agent-card.depleted img{filter:grayscale(1) brightness(1.8)}.agent-card.depleted .agent-budget strong{color:#737984}.roster-caption{border-top:1px solid var(--line);padding-top:20px;color:#70757e;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2px}.roster-caption>span:last-child{display:flex;align-items:center;gap:9px}.roster-caption svg{height:13px;width:13px}
.overview-stage{display:grid;grid-template-columns:1.03fr 1fr;gap:56px;background:none;border:0;border-radius:0;overflow:visible;margin-top:41px}.market-panel{padding:0;min-width:0;background:none}.panel-eyebrow{font:9px var(--mono);color:#a2a6ad;letter-spacing:1.5px}.subtle{font-size:9px;color:#646a75}.market-value{margin-top:24px}.market-value strong{font-size:34px;font-weight:400;letter-spacing:-1px}.market-value>.tiny-label{font-size:10px;letter-spacing:0;color:#7e858f}.positive{color:#b4bea7;font-size:10px}.market-stats{margin-top:23px;gap:41px}.market-stats span{font-size:10px;color:#7e858f}.market-stats strong{font-size:14px;font-weight:400;color:#c6c9cc;margin-top:7px}.market-stats strong small{color:#7d858e;font-size:9px}.chart-header{margin-top:30px}.mini-dot{background:#b9c4cb}.chart-header>span{font-size:8px;color:#7c828b;letter-spacing:.5px}.segmented{gap:2px}.segmented button{font-size:9px;color:#79808a}.segmented button.active{background:#ffffff09;color:#d4d6d8;border-radius:2px}.chart-area{height:145px;margin-top:8px}.chart-area svg{height:123px}.chart-grid{opacity:.3}.chart-grid path{stroke:#6a7384;stroke-width:.7}.chart-axis{font-size:8px;color:#747b86}.chart-marker{display:none!important}.market-bottom{height:53px;border-top:1px solid var(--line);font-size:10px;color:#757d87}.market-bottom .live-dot{background:#aebaaa;box-shadow:none;width:4px;height:4px}.market-bottom button{font-size:10px}.room-preview{border-left:1px solid var(--line);padding-left:43px;min-width:0}.section-heading.compact{margin:0 0 22px;align-items:center}.section-heading.compact h2{font-size:14px;letter-spacing:.1px;font-weight:500}.section-heading.compact h2>.live-dot{background:#aebaaa;box-shadow:none;width:5px;height:5px}.room-preview-message{padding:17px 0;border-bottom:1px solid var(--line);gap:14px}.room-preview-message .portrait{width:31px;height:35px;border:0;background:none;border-radius:0;mix-blend-mode:screen}.preview-message-top{gap:11px;font-size:10px}.preview-message-top strong{font-weight:500;letter-spacing:1px}.preview-message-top time{font:8px var(--mono);color:#727985}.preview-message-top .role-chip{font-size:9px;color:#747b86}.preview-message-body p{font-size:12px;color:#aaaeb5;line-height:1.85;margin-top:9px}.room-preview-message:last-child{border-bottom:0}
.ability-section{margin-top:42px;border-top:1px solid var(--line);padding:31px 0 22px}.ability-heading{display:flex;align-items:center;justify-content:space-between}.ability-heading h2{font-size:20px;font-weight:450;margin:10px 0 0;letter-spacing:-.4px}.ability-heading>span{color:#666e79;font-size:9px}.ability-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:35px;margin-top:33px}.ability pre{height:54px;margin:0;color:#878e96;font:11px/1.5 var(--mono);white-space:pre;letter-spacing:.5px;transition:color .3s,transform .3s}.ability:hover pre{color:#dfdfd5;transform:translateY(-3px)}.ability h3{font-size:12px;font-weight:500;margin:10px 0}.ability p{font-size:10px;color:#747b84;margin:0;line-height:1.7}.footer{border-top:1px solid var(--line);padding:25px 0;font-size:8px;color:#656c76;margin-top:35px}.mini-brand{font-weight:500;color:#a3a7ad;letter-spacing:1px;font-size:10px}.footer .text-button{font-size:9px}
.view-title{margin:44px 0 34px}.view-title h2{font-size:33px;font-weight:450;letter-spacing:-.7px;margin:11px 0}.view-title p{font-size:12px;color:#8b929b}.online-pill,.outline-pill{border:0;background:none;font-size:9px;color:#8d949e;padding:0}.online-pill .live-dot{background:#9cac94;box-shadow:none}.room-layout{background:none;border:0;border-radius:0;grid-template-columns:215px 1fr;min-height:570px}.room-sidebar{background:none;padding:14px 20px 0 0;border-right:1px solid var(--line)}.room-sidebar h3{font-size:10px;color:#808994;margin:0 0 20px}.room-sidebar h3 span{color:#676f7c}.room-member{gap:13px;padding:14px 0;background:none;border:0}.room-member:hover{background:none}.room-member .portrait{width:34px;height:39px;border:0;background:none;border-radius:0;mix-blend-mode:screen}.room-member strong{font-weight:450;letter-spacing:.8px;font-size:12px}.room-member small{font-size:9px;color:#737c88}.room-member>.live-dot{background:#a5b199;box-shadow:none;width:4px;height:4px}.room-member.depleted>.live-dot{background:#636b78}.room-rule{font-size:9px;color:#626c7a;border:0;line-height:1.9}.room-rule svg{width:12px;height:12px}.room-main{background:none;padding:0 0 0 38px}.room-main-header{height:48px;font-size:10px;color:#9ca3ad;border-color:var(--line)}.room-main-header .tiny-label{font-size:8px;color:#646e7d}.room-messages{height:415px}.chat-message{gap:14px;padding:16px 0}.chat-message .portrait{width:32px;height:36px;background:none;border:0;border-radius:0;mix-blend-mode:screen}.chat-message.self .portrait{background:#292c31;border-radius:50%;font:7px var(--mono);color:#99a1ad;width:31px;height:31px;display:grid;place-items:center;mix-blend-mode:normal}.chat-meta strong{font-weight:500;letter-spacing:.6px;font-size:11px}.chat-meta small{font-size:9px;color:#6c7684}.chat-meta time{font:8px var(--mono);color:#647081}.chat-message p{font-size:12px;line-height:1.85;color:#b4bac3}.proposal-inline{color:#c5c9c5;background:#c4c9c20b;border:0;border-left:1px solid #aebc983a;border-radius:0;padding:12px 16px;font-size:10px}.proposal-inline small{color:#788391;font-size:9px;line-height:1.8}.message-form{background:#ffffff04;border:1px solid #ffffff12;border-radius:4px}.message-form input{font-size:12px;color:#dddcd8}.message-form input::placeholder{color:#68727f}.message-form button{border-radius:3px;background:#deddd2;color:#16181c}.message-form button:hover{background:#f0eee5}.form-footnote{color:#5f6c7b;font-size:9px}.ledger-summary{margin:33px 0 36px}.ledger-stat{border-color:var(--line);padding:20px 30px}.ledger-stat span{color:#798493;font-size:10px}.ledger-stat strong{font-size:27px;font-weight:400;color:#dddeda;letter-spacing:-.5px}.ledger-stat small{color:#818c99;font-size:10px}.ledger-toolbar h3{font-weight:500;font-size:13px}.ledger-table th{background:none;border-color:var(--line);font-size:10px;color:#75808e;font-weight:400}.ledger-table td{border-color:var(--line);font-size:12px;color:#9fa8b4;padding-top:22px;padding-bottom:22px}.ledger-table td:first-child{color:#c6cbd0}.ledger-table td small{font-size:9px;color:#6c798b;margin-top:7px}.ledger-status{border:0;background:none;color:#8b9b85;font-size:9px;padding:0}
dialog{background:#1a1d21;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 30px 100px #0008;padding:29px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#07090ba8;backdrop-filter:blur(8px)}.dialog-heading .tiny-label{font-size:8px;color:#718090}.icon-button{color:#83909f}.icon-button:hover{background:#ffffff06}.profile-heading{gap:19px;margin-top:24px}.profile-heading .portrait{width:77px;height:85px;border:0;background:none;mix-blend-mode:screen;border-radius:0}.profile-heading h2{font-size:29px;font-weight:500;letter-spacing:.7px;margin-bottom:5px}.profile-heading p{font-size:10px;color:#7d8a9a}.profile-personality{font-size:12px;color:#9ba6b4;line-height:1.9;margin:19px 0}.profile-numbers{border-color:var(--line);padding:21px 0}.profile-numbers span{font-size:9px;color:#7f8c9d}.profile-numbers strong{font-size:17px;font-weight:400;color:#d2d8db}.profile-tabbar{border-color:var(--line)}.profile-tabbar button{font-size:11px;color:#768396}.profile-tabbar button.active{color:#dddcd5;border-color:#d7d8d2}.private-messages{height:206px}.private-suggestions button{background:none;border:1px solid #ffffff15;color:#8c99aa;border-radius:3px;font-size:9px;padding:7px 10px}.private-suggestions button:hover{border-color:#ffffff35;color:#ccd4de}.wallet-line{border-color:var(--line);color:#8492a4;font-size:11px}.wallet-line code{color:#cad1d9;font-size:11px}.profile-actions h3{font-size:12px;font-weight:500}.profile-action-row{border-color:var(--line);color:#8b99ac;font-size:11px}.wallet-state{font-size:11px;color:#939f9f;background:#bac5b80c;padding:14px;margin:22px 0 0}.wallet-symbol{border:0;background:#c5ccc010;color:#cdd1c7}.small-dialog h2{font-size:27px;font-weight:450;letter-spacing:-.5px}.small-dialog>p{color:#8796a9;font-size:12px}.wallet-demo-note{color:#667689;font-size:10px;line-height:1.8}.mechanism-row{border-color:var(--line)}.mechanism-row b{font-size:10px;color:#8394a8}.mechanism-row h3{font-size:12px;font-weight:500}.mechanism-row p{font-size:11px;line-height:1.9;color:#8495aa}.toast{background:#272d32;border:1px solid #ffffff14;box-shadow:none;color:#cbd4da;font-size:11px;border-radius:4px}
.agent-card,.agent-card:hover,.agent-card.depleted{background:var(--bg)}.agent-identity .portrait{mask-image:radial-gradient(ellipse at 50% 45%,#000 40%,transparent 76%)}
@keyframes roster-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes page-in{from{opacity:0}to{opacity:1}}
@media(max-width:1150px){.topbar{padding:0 35px}main{padding:0 35px}.agent-grid{gap:18px}.agent-card{padding:0 5px}.agent-identity .portrait{width:136px;height:150px}.agent-identity h3{font-size:19px}.overview-stage{gap:36px}.room-preview{padding-left:28px}.ability-grid{gap:21px}.ability pre{font-size:10px}.market-stats{gap:28px}}
@media(max-width:900px){.topbar{height:auto;min-height:100px;flex-wrap:wrap;padding-top:18px;padding-bottom:0;gap:0}.brand{order:1}.topbar-right{order:2;margin-left:auto;margin-bottom:18px}.main-nav{order:3;width:100%;height:42px;background:none;justify-content:flex-start;margin:0;gap:35px}.main-nav button.active:after{bottom:0}.demo-label{display:none}.studio-heading{padding-top:32px}.studio-heading h1{font-size:32px}.studio-heading-right{gap:17px}.agent-grid{gap:8px}.agent-identity .portrait{width:110px;height:128px}.agent-identity h3{font-size:17px}.agent-budget{gap:6px}.agent-budget>span{display:none}.overview-stage{gap:25px}.room-preview{padding-left:23px}.market-value strong{font-size:29px}.market-stats{gap:22px}.market-stats strong{font-size:12px}.ability-grid{grid-template-columns:repeat(3,1fr);gap:35px}.room-layout{grid-template-columns:175px 1fr}.room-main{padding-left:24px}.room-member{gap:9px}}
@media(max-width:680px){.topbar{padding:18px 22px 0;min-height:102px}.brand{font-size:19px}.brand>svg{width:23px}.wallet-button{font-size:10px;padding:9px 12px}.topbar-right{margin-bottom:17px}.main-nav{gap:32px;height:40px}.main-nav button{font-size:11px}.nav-count{font-size:8px}main{padding:0 22px}.studio-heading{padding:31px 0 24px;align-items:flex-start}.studio-heading h1{font-size:29px;letter-spacing:-1px;margin-top:12px}.studio-heading h1>span{font-size:9px;margin-left:8px}.studio-heading p{font-size:10px;letter-spacing:.2px}.studio-heading-right{flex-direction:column;align-items:flex-end;gap:15px;padding-top:5px}.chain-label{font-size:8px}.chain-label i,.chain-label i+span{display:none}.studio-heading-right .text-button{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.4px}.collective-roster{padding-top:20px}.roster-status{font-size:8px;gap:5px}.roster-status i{width:3px;height:3px}.agent-grid{grid-template-columns:repeat(5,119px);gap:13px;overflow-x:auto;margin:15px -22px 24px;padding:0 22px 9px;scroll-snap-type:x mandatory;scrollbar-width:none}.agent-grid::-webkit-scrollbar{display:none}.agent-card{padding:0;scroll-snap-align:center}.agent-status{font-size:8px}.agent-identity{margin-top:26px;gap:3px}.agent-identity .portrait{width:109px;height:129px}.agent-identity h3{font-size:17px;margin-top:10px}.agent-identity p{font-size:9px}.agent-budget{margin-top:20px}.agent-budget strong{font-size:12px}.budget-track{width:100px;margin-top:12px}.roster-caption{padding-top:16px;font-size:8px;gap:15px;line-height:1.8}.roster-caption>span:first-child{max-width:200px}.roster-caption>span:last-child{max-width:108px;align-items:flex-start}.roster-caption svg{width:10px;height:10px;margin-top:2px;flex-shrink:0}.overview-stage{grid-template-columns:1fr;margin-top:29px;gap:35px}.market-panel{padding:0}.panel-eyebrow{font-size:8px;letter-spacing:1px}.subtle{font-size:8px}.market-value strong{font-size:34px}.market-value{margin-top:22px}.market-stats{gap:36px;margin-top:20px}.market-stats strong{font-size:14px}.chart-header{margin-top:28px}.chart-area{height:136px}.chart-area svg{height:113px}.room-preview{padding:0;border:0}.section-heading.compact h2{font-size:14px}.room-preview-message{padding:16px 0}.preview-message-body p{font-size:11px}.preview-message-top .role-chip{font-size:8px}.ability-section{margin-top:26px;padding-top:25px}.ability-heading h2{font-size:18px}.ability-heading>span{font-size:8px;max-width:100px;line-height:1.7}.ability-grid{grid-template-columns:repeat(2,1fr);gap:30px 25px;margin-top:30px}.ability pre{font-size:11px;height:44px}.ability h3{font-size:12px}.ability p{font-size:10px}.footer{padding:22px 0;margin-top:30px;gap:13px}.footer>span{font-size:8px;line-height:1.7}.view-title{margin-top:32px}.view-title h2{font-size:28px}.view-title p{font-size:11px}.online-pill,.outline-pill{font-size:8px}.room-layout{grid-template-columns:1fr;min-height:0}.room-sidebar{border:0;padding:0}.room-sidebar h3,.room-rule{display:none}#room-members{padding:8px 0 20px;gap:20px}.room-member{padding:0;min-width:85px;gap:9px}.room-member .portrait{width:28px;height:32px}.room-member strong{font-size:10px}.room-member small{font-size:8px}.room-main{padding:0}.room-main-header{font-size:9px}.room-messages{height:405px}.chat-message p{font-size:11px}.chat-message{gap:11px}.chat-meta{gap:7px}.chat-meta strong{font-size:10px}.chat-meta small{font-size:8px}.ledger-summary{grid-template-columns:1fr 1fr;gap:0;margin:23px 0}.ledger-stat{padding:19px 12px}.ledger-stat:first-child{padding-left:12px}.ledger-stat:nth-child(-n+2){border-color:var(--line)}.ledger-stat span{font-size:9px}.ledger-stat strong{font-size:23px}.ledger-table td{font-size:11px}.ledger-toolbar .segmented button{font-size:8px;padding:5px 6px}dialog{padding:22px;border-radius:6px}.profile-heading .portrait{width:64px;height:70px}.profile-heading{gap:13px}.profile-heading h2{font-size:26px}.profile-heading>.agent-status{font-size:8px}.profile-personality{font-size:11px}.profile-numbers strong{font-size:14px}.profile-numbers span{font-size:8px}.profile-numbers{padding:18px 0}.private-messages{height:190px}.private-suggestions button{font-size:8px}.small-dialog{padding:25px}.small-dialog h2{font-size:25px}}
/* Calm idle movement; pointer depth and market transitions respond to interaction. */
.agent-card .agent-identity .portrait{animation:mind-float calc(7s + var(--i)*.7s) ease-in-out infinite;animation-delay:calc(var(--i)*-1.6s);will-change:transform}
.agent-card.depleted .agent-identity .portrait{animation-name:mind-float-soft;animation-duration:11s}
.agent-card .portrait img{transform:perspective(500px) translate3d(var(--look-x,0px),var(--look-y,0px),0) rotateX(var(--look-rx,0deg)) rotateY(var(--look-ry,0deg)) scale(1.03);transition:transform .25s ease-out,filter .45s}
.agent-card:hover .portrait img{transform:perspective(500px) translate3d(var(--look-x,0px),var(--look-y,0px),0) rotateX(var(--look-rx,0deg)) rotateY(var(--look-ry,0deg)) scale(1.09)}
.roster-status>i{animation:status-breathe 3.8s ease-in-out infinite}
.ascii-cursor{animation:cursor-blink 1.5s steps(1,end) infinite}
dialog[open]{animation:dialog-enter .26s cubic-bezier(.2,.75,.25,1)}
.motion-paused .agent-identity .portrait,.motion-paused .roster-status>i,.motion-paused .ascii-cursor{animation-play-state:paused!important}
@keyframes mind-float{0%,100%{transform:translateY(2px) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.6deg)}}
@keyframes mind-float-soft{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@keyframes status-breathe{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes cursor-blink{0%,55%{opacity:1}56%,100%{opacity:0}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(9px) scale(.987)}to{opacity:1;transform:translateY(0) scale(1)}}
/* The common room places five minds around one shared discussion table. */
.room-layout{grid-template-columns:390px 1fr;gap:0}.room-sidebar{padding:10px 25px 0 0}.room-scene-heading{display:flex;align-items:center;justify-content:space-between}.room-scene-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.room-scene-heading .text-button{font-size:8px;color:#69788a}
body[data-view="room"] .studio-heading{padding:23px 0 12px;align-items:center}body[data-view="room"] .studio-heading .eyebrow,body[data-view="room"] .studio-heading>div>p{display:none}body[data-view="room"] .studio-heading h1{font-size:21px;margin:0;letter-spacing:-.5px}body[data-view="room"] .studio-heading h1>span{font-size:9px}body[data-view="room"] .studio-heading-right{padding:0}body[data-view="room"] .view-title{margin:23px 0 25px}body[data-view="room"] .view-title h2{font-size:29px}
.room-scene{height:360px;position:relative;isolation:isolate;margin:26px 0 8px;background:radial-gradient(ellipse at 50% 50%,#bdc9d709,transparent 63%)}
.round-table{position:absolute;left:50%;top:49%;width:190px;height:126px;border:1px solid #d1d7de22;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#c4ccd506,transparent 68%);box-shadow:0 18px 55px #0002,inset 0 -7px 20px #c5cfd807}
.round-table i{position:absolute;inset:10px;border:1px solid #d1d7de0a;border-radius:50%}.round-table:after{content:'';position:absolute;left:8px;right:8px;top:14px;bottom:-7px;border-bottom:1px solid #bac3d41b;border-radius:50%;z-index:-1}
.speaker-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.speaker-lines path{fill:none;stroke:#c3cddd66;stroke-width:.65;stroke-dasharray:3 7;animation:speaker-signal 2s linear infinite}.speaker-lines circle{fill:#d6ded0;opacity:.55}
.round-table-copy{position:absolute;left:50%;top:49%;width:165px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.round-table-copy>span{font:10px var(--mono);letter-spacing:2px;color:#d3d9dd}.round-table-copy>p{font-size:10px;color:#8d9ba9;line-height:1.85;margin:10px 0 7px;min-height:36px}.round-table-copy>small{font-size:8px;color:#566477;letter-spacing:.7px}
.room-scene #room-members{position:absolute;inset:0;display:block;padding:0;overflow:visible}.room-scene .room-member{position:absolute;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:86px;min-width:0;transform:translate(-50%,-50%);padding:0;border:0;transition:opacity .4s;opacity:.53}
.room-scene .room-member:nth-child(1){left:50%;top:10.5%}.room-scene .room-member:nth-child(2){left:87%;top:35%}.room-scene .room-member:nth-child(3){left:72%;top:79%}.room-scene .room-member:nth-child(4){left:28%;top:79%}.room-scene .room-member:nth-child(5){left:13%;top:35%}
.room-scene .room-member .portrait{width:62px;height:65px;border:0;background:none;mask-image:radial-gradient(ellipse,#000 40%,transparent 78%);animation:mind-float calc(7s + var(--i)*.6s) ease-in-out infinite;animation-delay:calc(var(--i)*-1.3s)}
.room-scene .room-member>span{text-align:center}.room-scene .room-member strong{font:9px var(--mono);letter-spacing:1.1px;color:#a1acb9}.room-scene .room-member small{font-size:8px;margin-top:3px;color:#627185}.room-scene .room-member>.live-dot{display:none}.room-scene .room-member.is-speaking{opacity:1}.room-scene .room-member.is-speaking strong{color:#eef0e9}.room-scene .room-member.is-speaking img{filter:saturate(.8) brightness(1.15)}.room-scene .room-member:hover{opacity:1}.room-scene .room-member.depleted img{filter:grayscale(1) brightness(1.6)}
.room-sidebar .room-rule{display:flex;border-top:1px solid var(--line);padding-top:17px;margin-top:12px;align-items:flex-start;gap:10px}.room-rule p{margin:0}.room-scene.motion-paused .portrait,.room-scene.motion-paused .speaker-lines path,.motion-paused .speaker-lines path{animation-play-state:paused!important}
@keyframes speaker-signal{to{stroke-dashoffset:-20}}
@media(max-width:1150px){.room-layout{grid-template-columns:340px 1fr}.room-sidebar{padding-right:20px}.room-main{padding-left:25px}.room-scene{height:330px}.room-scene .room-member .portrait{width:55px;height:61px}.round-table{width:170px;height:124px}.round-table-copy{width:150px}}
@media(max-width:900px){.room-layout{grid-template-columns:1fr}.room-sidebar{padding:0;border:0}.room-scene-heading{max-width:370px;margin:0 auto}.room-scene{max-width:380px;margin:20px auto 16px;height:330px}.room-main{padding:0}.room-sidebar .room-rule{display:none}.room-main-header{border-top:1px solid var(--line)}.room-messages{height:380px}}
@media(max-width:680px){.room-scene{margin-top:22px;height:316px;max-width:360px}.room-scene .room-member{width:73px}.room-scene .room-member .portrait{width:51px;height:57px}.room-scene .room-member strong{font-size:8px}.room-scene .room-member small{font-size:7px}.round-table{width:158px;height:117px}.round-table-copy{width:136px}.round-table-copy>p{font-size:9px;line-height:1.8}.round-table-copy>span{font-size:9px}.round-table-copy>small{font-size:7px}.room-scene-heading .eyebrow{font-size:7px}.room-scene-heading .text-button{font-size:8px}}
@media(max-width:680px){body[data-view="room"] .studio-heading{padding:18px 0 8px}body[data-view="room"] .studio-heading h1{font-size:18px}body[data-view="room"] .studio-heading h1>span{margin-left:8px}body[data-view="room"] .studio-heading-right{flex-direction:row;align-items:center;gap:12px}body[data-view="room"] .view-title{margin:17px 0 19px}body[data-view="room"] .view-title h2{margin:8px 0}body[data-view="room"] .view-title p{margin-top:7px}.room-scene{height:294px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.agent-card .portrait img,.agent-card:hover .portrait img{transform:scale(1.03)!important}}