:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#28382f;background:#f8f9f6;font-synthesis:none;--green: #2e5543;--ink: #293d32;--muted: #8b938c;--line: #e6e9e2;--serif: "Noto Serif SC", "Songti SC", STSong, serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a4be8f;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #a2b997;outline-offset:0;border-color:#a2b997!important}textarea{resize:vertical}::selection{background:#dfe8c5}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}button{transition:background .18s,box-shadow .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}.muted{color:#91988f}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 19px;border-radius:8px;font-size:13px;font-weight:550;white-space:nowrap}.button.primary{background:var(--green);color:#fff;box-shadow:0 2px 2px #23413010}.button.primary:hover{background:#244936}.button.light{background:#fff;border:1px solid #dce2d7;color:#405444}.button.light:hover{background:#f1f5ed}.button.danger{background:#ae5145;color:#fff}.button.compact{min-height:36px;padding:8px 12px;font-size:12px}.button.full{width:100%}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#8a948a;flex-shrink:0}.icon-button:hover{background:#edf0e9;color:#344c3c}.quiet,.text-button{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#7d8a7e;padding:4px 0}.quiet:hover,.text-button:hover{color:#315a42}.text-button{color:#46624d}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only,.mobile-panel{display:none}.green-dot,.amber-dot,.gray-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6a9569;flex-shrink:0}.amber-dot{background:#c39c59}.gray-dot{background:#aeb5ad}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#85927e;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:#719360;border-radius:50%}.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:25px;color:#324b3a;font-weight:600;letter-spacing:2px}.brand>span:last-child{display:flex;align-items:center;gap:9px}.brand small{font-family:Inter,sans-serif;font-size:8px;letter-spacing:2px;font-weight:600;color:#929b8e;margin-top:6px}.brand-symbol{position:relative;display:inline-block;background:#355b46;width:35px;height:35px;border-radius:11px;flex-shrink:0}.brand-symbol i{position:absolute;width:8px;height:8px;border:2.5px solid #e5edbe;border-radius:3px;transform:rotate(45deg)}.brand-symbol i:nth-child(1){top:6px;left:13px}.brand-symbol i:nth-child(2){right:6px;top:13px}.brand-symbol i:nth-child(3){bottom:6px;left:13px}.brand-symbol i:nth-child(4){left:6px;top:13px}.brand-link{display:inline-block;padding:0;text-align:left}.avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e8e0cf;color:#7b6e4a;font-size:12px;font-weight:600}.avatar.sm{width:31px;height:31px;font-size:11px}.av-1{background:#dfe6da;color:#68795b}.av-2{background:#eee0da;color:#9a715c}.av-3{background:#e4e0eb;color:#7c7091}.av-4{background:#dce7e8;color:#617a7a}.app-shell{min-height:100vh;display:flex}.sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:34px 22px 0;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;z-index:10}.workspace-label{margin:44px 10px 18px;color:#9aa197;font-size:10px;display:flex;justify-content:space-between;letter-spacing:.5px}.workspace-label span{background:#f1f3ee;padding:2px 5px;border-radius:4px;font-size:9px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{padding:12px;display:flex;align-items:center;gap:11px;border-radius:7px;text-align:left;font-size:12px;color:#8c958a}.sidebar nav button>svg:last-child:not(:first-child){margin-left:auto}.sidebar nav button.active{background:#eef3e8;color:#42613b;font-weight:600}.sidebar nav button:hover{background:#f4f6ef}.nav-dot{margin-left:auto;border-radius:50%;width:5px;height:5px;background:#6a8b53}.nav-count{margin-left:auto;font-size:10px}.sidebar-invitation{border:1px solid #e9eada;background:#fafbf3;border-radius:10px;padding:20px 14px 13px;margin-top:43px}.sidebar-invitation h4{font-size:11px;margin:16px 0 8px;color:#5b6d49;font-weight:550}.sidebar-invitation p{font-size:10px;line-height:1.9;color:#9a9f86}.sidebar-invitation button{margin-top:17px;border-top:1px solid #e7e9d8;width:100%;text-align:left;padding:12px 0 0;display:flex;align-items:center;justify-content:space-between;color:#637b4b;font-size:10px}.tiny-orbit{width:38px;height:25px;border:1px solid #c3ccab;border-radius:50%;display:block;position:relative;transform:rotate(-15deg)}.tiny-orbit i{width:8px;height:8px;position:absolute;background:#b9c69e;border:2px solid #fafbf3;border-radius:50%}.tiny-orbit i:nth-child(1){left:3px;top:-3px}.tiny-orbit i:nth-child(2){right:-3px;top:9px}.tiny-orbit i:nth-child(3){left:8px;bottom:-4px}.sidebar-bottom{margin-top:auto}.sidebar-bottom>button{display:flex;align-items:center;gap:10px;color:#929b8f;font-size:11px;padding:20px 8px}.profile{border-top:1px solid var(--line);padding:20px 0;display:flex;align-items:center;gap:10px}.profile b{display:block;font-size:10px;font-weight:500;color:#596b59}.profile small{display:block;font-size:9px;color:#a1a99c;margin-top:5px}.profile>svg{margin-left:auto;color:#9caa90}.workspace{margin-left:220px;flex:1;min-width:0}.topbar{height:68px;border-bottom:1px solid #e9ece5;display:flex;justify-content:space-between;align-items:center;padding:0 46px;background:#fbfcf9}.topbar>div{display:flex;align-items:center;gap:15px;font-size:11px;color:#687a66}.topbar>div>svg{color:#bec5b8}.topbar .quiet{font-size:10px;gap:6px}.lobby{padding:40px 46px 0;max-width:1510px;margin:auto}.lobby-heading h1{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.6;letter-spacing:1px;margin:16px 0 13px;color:#334e39}.lobby-heading h1>br{display:none}.lobby-heading h1 span{color:#70865c}.lobby-heading>p{font-size:11px;line-height:2;color:#8e9789}.lobby-heading>p>br{display:none}.hero-panel{margin-top:30px;min-height:320px;border:1px solid #e2e7d8;border-radius:12px;background:linear-gradient(120deg,#edf1e2,#eff3e7 65%,#e8eedb);display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:30px 32px;z-index:1}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;border:1px solid #d6dfc7;background:#f9fbf366;font-size:9px;padding:5px 9px;color:#708357;letter-spacing:.4px}.hero-copy h2{font-family:var(--serif);font-weight:500;font-size:29px;line-height:1.55;letter-spacing:1px;margin:14px 0 10px}.hero-copy>p{font-size:11px;line-height:1.9;color:#859076}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero-actions .button{font-size:11px;min-height:40px;padding:11px 14px}.hero-actions .light{background:#fbfcf7;border-color:#dce4d0;color:#647d52}.hero-meta{margin-top:20px;display:flex;gap:20px;color:#8b987c;font-size:9px}.hero-meta span{display:flex;align-items:center;gap:5px}.table-art{position:relative;min-height:340px;isolation:isolate}.orbit{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #d6dfc755}.orbit-outer{width:365px;height:365px}.orbit-inner{width:274px;height:274px;border-style:dashed;border-color:#cbd6b7}.table-center{width:205px;height:205px;border-radius:50%;box-shadow:0 4px 40px #afbf8d10,inset 0 0 0 10px #f1f4e960;border:1px solid #cdd8ba;background:#e4eacfb3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column}.table-center-icon{width:57px;height:57px;border-radius:20px;background:#f5f7eb;color:#81945c;box-shadow:0 3px 7px #8e9f6e08;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transform:rotate(-7deg)}.table-center b{font-family:var(--serif);font-size:12px;letter-spacing:.6px;color:#7d8d60;font-weight:500}.table-center small{font-size:8px;letter-spacing:2px;color:#a4af8b;margin-top:9px}.art-person{position:absolute;z-index:2}.art-person>span{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:19px;border-radius:50%;border:5px solid #f0f3e6;box-shadow:0 2px 8px #50603b0b}.art-person>i{width:7px;height:7px;background:#8b9d68;border:2px solid #f0f3e6;border-radius:50%;position:absolute;bottom:2px;right:4px}.person-1{left:calc(50% - 138px);top:calc(50% - 116px)}.person-1>span{background:#d9d6b7;color:#7c7f52}.person-2{left:calc(50% + 89px);top:calc(50% - 91px)}.person-2>span{background:#d4dfd4;color:#6c826d}.person-3{left:calc(50% - 124px);top:calc(50% + 65px)}.person-3>span{background:#e3d7ca;color:#9b826b}.person-4{left:calc(50% + 82px);top:calc(50% + 76px)}.person-4>span{background:#dbddc8;color:#8a946c}.art-person em{position:absolute;font-size:8px;white-space:nowrap;background:#ffffffde;border:1px solid #e8eddf;border-radius:7px;padding:9px 13px;font-style:normal;box-shadow:0 2px 10px #78905405;color:#8a957a;transform:rotate(-4deg);left:34px;top:-21px}.person-3 em{top:40px;left:-24px;transform:rotate(5deg)}.host-chip{position:absolute;top:calc(50% - 144px);left:calc(50% + 9px);display:flex;align-items:center;gap:5px;font-size:8px;background:#f9fbf2;border:1px solid #dce5cb;color:#8b9b70;padding:8px 10px;border-radius:20px}.host-chip>span{height:4px;width:4px;background:#8d9c6e;border-radius:50%}.art-spark{position:absolute;color:#bac69c;font-size:18px;font-weight:200}.s1{top:60px;left:32px;transform:rotate(20deg)}.s2{bottom:54px;right:42px;font-size:24px}.starter-section{margin-top:34px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.section-title h2{font-size:14px;font-weight:550;letter-spacing:.2px;color:#53634e}.section-title h2>span{font-size:8px;letter-spacing:1.5px;font-weight:450;color:#a5ad9d;margin-left:13px;vertical-align:middle}.section-title p{font-size:10px;color:#a0a898;margin-top:8px}.section-title>.text-button{font-size:10px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{text-align:left;background:#fff;border-radius:10px;border:1px solid #e5e8df;padding:21px 21px 14px;min-width:0;transition:transform .2s,border .2s,box-shadow .2s}.template-card:hover{transform:translateY(-3px);border-color:#b9c9a4;box-shadow:0 8px 25px #61754d0b}.template-top{display:flex;align-items:center;gap:10px}.template-icon{width:39px;height:39px;border-radius:11px;background:#f8eee5;color:#af9777;display:flex;align-items:center;justify-content:center}.sage .template-icon{background:#ebf0e5;color:#91a17d}.lilac .template-icon{background:#eeecf3;color:#a39bb5}.template-category{font-size:9px;color:#a7aa9e}.template-arrow{margin-left:auto;color:#acb49f}.template-card h3{font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.7;margin:19px 0 8px;color:#4f6049;white-space:nowrap}.template-card>p{font-size:10px;color:#9ca38f;line-height:1.95;min-height:40px}.template-bottom{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #eef0e8;margin-top:19px;padding-top:13px;font-size:8px;color:#a4ae9a}.template-bottom span:first-child{display:flex;align-items:center;gap:4px}.recent-section{margin-top:32px;scroll-margin-top:25px}.device-note{font-size:9px;color:#acb1a5}.recent-empty{display:flex;align-items:center;gap:18px;border:1px dashed #dde3d3;border-radius:9px;padding:24px;background:#f9faf6}.recent-empty>span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#f0f2e9;color:#a6b295}.recent-empty h3{font-size:12px;font-weight:500;color:#7c8c70}.recent-empty p{font-size:10px;color:#acb3a3;margin-top:7px}.recent-empty .text-button{margin-left:auto;font-size:10px;white-space:nowrap}.recent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.recent-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;gap:13px;align-items:center;text-align:left;min-width:0}.recent-card:hover{border-color:#bdcba9}.recent-card>div{overflow:hidden}.recent-icon{color:#9aaa86;display:flex;padding:10px;background:#f2f5ec;border-radius:9px}.recent-card h3{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-card p{font-size:9px;color:#9ca692;margin-top:7px}.recent-card>svg{color:#a5b29a;margin-left:auto}.lobby-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 0 23px;gap:10px;color:#abb3a0;font-size:9px}.lobby-footer>span,.lobby-footer>button{display:flex;gap:7px;align-items:center}.lobby-footer button{font-size:9px;color:#9aa58d}.lobby-footer i{width:5px;height:5px}.modal-backdrop{position:fixed;inset:0;background:#1f302f50;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .18s ease}.modal{background:#fbfcf8;border-radius:14px;width:520px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 30px 80px #17261c26;border:1px solid #eef0e4}.modal.wide{width:860px}.modal-heading{padding:25px 27px 23px;border-bottom:1px solid #e8ece0;display:flex;align-items:flex-start;gap:20px;justify-content:space-between}.modal-heading h2{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:.5px;color:#3c573e}.modal-heading p{font-size:11px;color:#94a08c;line-height:1.8;margin-top:9px}.create-form{display:grid;grid-template-columns:1.5fr 1fr}.create-main{padding:26px}.create-aside{padding:26px 24px;background:#f4f6ed;border-left:1px solid #e8ecdf}.field-label,.field{display:block;font-size:11px;color:#62715b;font-weight:500}.field>span{color:#ae9466;font-size:10px}.field{margin-bottom:18px;line-height:1.8}.field input,.field textarea,.field select{display:block;background:#fff;border:1px solid #dfe5d5;border-radius:7px;width:100%;padding:11px 12px;margin-top:7px;font-size:11px;color:#40563c;line-height:1.7;transition:border-color .15s}.field input::placeholder,.field textarea::placeholder{color:#b2b8a8}.field textarea{min-height:72px}.mode-picker{display:flex;gap:10px;margin:9px 0 23px}.mode-picker button{flex:1;padding:13px 10px;display:flex;align-items:center;gap:8px;border:1px solid #e1e5d8;border-radius:8px;text-align:left;color:#9ba58d;background:#fff;position:relative}.mode-picker button.selected{border-color:#8fa780;background:#edf2e5;color:#5b794d}.mode-picker b{display:block;font-size:11px;font-weight:550}.mode-picker small{display:block;font-size:8px;line-height:1.7;color:#9aa58e;margin-top:5px}.mode-picker button>svg:last-child:not(:first-child){position:absolute;right:6px;top:6px;width:11px;height:11px}.more-fields{margin-top:6px;font-size:11px;color:#9ba58d}.more-fields summary{cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:17px;color:#6f855e}.mini-host{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #e3e8d7;color:#879f6a}.mini-host>svg{margin-bottom:13px}.mini-host h3{font-family:var(--serif);font-size:15px;line-height:1.8;font-weight:500;color:#6c8258}.mini-host p{font-size:10px;line-height:2;color:#96a186;margin-top:10px}.record-picker{padding:0;border:0;margin:24px 0 16px}.record-picker legend{font-size:11px;color:#748564;margin-bottom:11px}.record-picker label{display:flex;align-items:flex-start;gap:7px;margin-bottom:16px}.record-picker input{margin:3px 0 0;accent-color:#5c7b46}.record-picker b{font-size:10px;font-weight:500;display:block;color:#6e805e}.record-picker small{font-size:9px;line-height:1.8;display:block;margin-top:4px;color:#a0aa91}.privacy-note{font-size:10px;color:#9ca68f;line-height:1.9;margin-top:12px;display:flex;align-items:flex-start;gap:6px}.privacy-note>svg{margin-top:3px;flex-shrink:0}.check-line{font-size:10px;line-height:1.9;color:#879879;display:flex;align-items:flex-start;gap:7px;margin:14px 0 20px}.check-line input{accent-color:#4e7141;flex-shrink:0;margin-top:4px}.modal-footer{grid-column:1/-1;padding:18px 26px;border-top:1px solid #e3e8d9;display:flex;align-items:center;justify-content:flex-end;gap:20px;background:#fbfcf7}.modal-footer .error-text{margin-right:auto}.error-text{font-size:11px;color:#b0624e;line-height:1.8}.dialog-body{padding:25px 27px 29px;font-size:12px;line-height:1.9;color:#84927b}.dialog-body .button.full{margin-top:10px}.notice-box{padding:13px 14px;background:#eef2e4;border:1px solid #e4ead6;border-radius:7px;font-size:10px;line-height:1.9;color:#899776;margin-top:20px}.guide>div{display:flex;gap:16px;padding:10px 0 15px}.guide>div>span{font-size:11px;color:#abb795;margin-top:3px;font-family:var(--serif)}.guide h3,.connection h3{font-size:12px;font-weight:550;color:#60774e;margin-bottom:7px}.guide p,.connection p{font-size:11px;line-height:1.95;color:#92a084}.connection h3:not(:first-child){margin-top:23px}.connection code{font-size:10px;background:#edf1e4;border-radius:3px;padding:2px 4px;color:#78925e;word-break:break-word}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.fatal,.room-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.fatal h1{font-family:var(--serif);font-size:26px;font-weight:500}.fatal p{font-size:13px;color:#8a9b7c}.room-loading h2{font-size:14px;font-weight:400;color:#8c9c7b}.room-loading>div{display:flex;gap:10px}.room-loading>.spin{color:#93a179}.join-page{min-height:100vh;background:radial-gradient(ellipse at 50% 10%,#e9efdc,#f8faf3 55%);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:70px 20px 30px}.join-back{position:absolute;top:25px;left:30px;font-size:12px}.join-card{width:470px;max-width:100%;background:#fff;border:1px solid #e3e8d8;border-radius:15px;box-shadow:0 15px 70px #718d540b;padding:32px}.join-card .brand{justify-content:center}.join-card .eyebrow{margin-top:30px;justify-content:center;font-size:8px;letter-spacing:1.5px}.join-card h1{font-family:var(--serif);font-size:25px;line-height:1.7;font-weight:500;text-align:center;margin:14px 0;color:#4e6943}.join-card>p{font-size:12px;color:#9ba78f;text-align:center}.join-meta{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:9px;color:#98a488;border-top:1px solid #eef1e6;border-bottom:1px solid #eef1e6;padding:18px 0;margin:24px 0}.join-meta>span{display:flex;align-items:center;gap:5px}.join-card form .field{margin-bottom:20px}.join-tagline{font-size:10px;color:#a6b19a;margin-top:24px}.room-shell{height:100dvh;display:flex;overflow:hidden;background:#fbfcf8}.room-rail{width:220px;flex-shrink:0;border-right:1px solid var(--line);background:#fff;padding:29px 21px 0;display:flex;flex-direction:column}.room-rail .brand{font-size:24px}.back-link{display:flex;align-items:center;gap:8px;color:#99a58d;font-size:10px;margin:35px 0 33px}.rail-label{display:flex;justify-content:space-between;color:#99a38e;font-size:10px;padding:0 3px;margin-bottom:20px}.rail-label>span{font-size:9px;color:#aeb6a3}.participant-list{display:grid;gap:23px}.participant{display:flex;align-items:center;gap:10px}.avatar-wrap{position:relative}.avatar-wrap i{position:absolute;right:0;bottom:0;width:7px;height:7px;border:2px solid white;border-radius:50%}.online-dot{background:#86a473}.offline-dot{background:#c6cabc}.participant-name{flex:1;overflow:hidden}.participant-name>b{font-size:11px;color:#687c5d;font-weight:500;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.participant-name>b>small{font-size:9px;color:#a0ac93;font-weight:400}.participant-name>span{font-size:8px;color:#b1b9a6;margin-top:5px;display:block}.participant>svg{color:#95a782}.participant.offline{opacity:.5}.invite-seat{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:10px;color:#a7b398}.invite-seat>span{width:33px;height:33px;border:1px dashed #d7dfca;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#afbd9b}.rail-host{display:flex;gap:11px;align-items:center;border-top:1px solid #edf0e6;border-bottom:1px solid #edf0e6;padding:23px 0;margin-top:27px}.rail-host>div>b{display:block;font-size:11px;color:#6b8259;font-weight:550}.rail-host>div>small{display:block;font-size:8px;color:#aab69a;margin-top:5px}.rail-host>i{margin-left:auto;width:5px;height:5px}.host-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:11px;flex-shrink:0;color:#8c9c62;background:#ecf1df;border:1px solid #e5ecd5}.rail-tip{font-size:10px;line-height:2;color:#adb8a0;margin-top:auto;padding-top:25px}.rail-tip>svg{margin-bottom:10px;color:#a0b18b}.rail-bottom{padding:22px 0 18px;margin-top:18px;border-top:1px solid #edf0e5;display:grid;gap:18px}.rail-bottom>.quiet{font-size:9px;color:#a6b297}.preference-toggle{display:flex;align-items:center;gap:6px;font-size:9px;color:#99a88a}.preference-toggle>svg:last-child{margin-left:auto}.preference-toggle.selected{color:#64834e}.room-workspace{flex:1;min-width:0;display:flex;flex-direction:column}.room-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.room-title{display:flex;align-items:center;gap:12px;min-width:0}.room-title h1{font-size:16px;color:#4d6343;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-badge{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;color:#91a278;background:#f1f5e9;border:1px solid #e8eddd;border-radius:5px;padding:5px 7px}.activity-badge.practice{background:#eeecf3;color:#9990ad;border-color:#e7e3ef}.room-header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.room-header-actions .button{font-size:10px}.live-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#9aaa8c}.room-content{display:flex;flex:1;min-height:0}.conversation{flex:1;min-width:0;display:flex;flex-direction:column;background:#fcfdf9}.host-status{margin:22px 26px 0;display:flex;gap:12px;align-items:center;padding:15px 17px;background:#f1f5e9;border:1px solid #e4ebd7;border-radius:8px;flex-shrink:0}.host-orb{width:35px;height:35px;background:#e3ebcf;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8c9f62;flex-shrink:0;border:3px solid #f9fbf2;box-shadow:0 0 0 1px #d6e0c2}.host-orb.pulsing{animation:pulse 1.5s ease-in-out infinite}.host-status>div{flex:1}.host-status b{font-size:11px;font-weight:500;color:#708658}.host-status p{font-size:9px;color:#a3af91;margin-top:6px;line-height:1.7}.host-status .icon-button{color:#a9b599}.host-status.paused{background:#f7f4e9;border-color:#ece7d4}.host-status.paused .host-orb{background:#e9e3cd;color:#b4a777;border-color:#f9f7ed}.basic-banner{display:flex;align-items:center;gap:6px;margin:10px 27px 0;color:#b0b5a7;font-size:8px;flex-wrap:wrap}.basic-banner>span{background:#efeee4;border-radius:3px;padding:3px 5px;color:#a89c76;font-size:7px}.basic-banner>button{display:flex;align-items:center;gap:3px;font-size:8px;color:#91a07e;margin-left:auto}.ai-error,.network-banner{display:flex;align-items:center;gap:8px;color:#b69a62;background:#fcf7e9;padding:12px 26px;font-size:10px;line-height:1.8}.ai-error{margin:12px 26px 0;border:1px solid #efe3c8;border-radius:6px;padding:9px 12px}.ai-error>span{flex:1}.ai-error button,.network-banner button{font-size:10px;text-decoration:underline}.network-banner button{margin-left:auto}.message-list{flex:1;min-height:0;overflow-y:auto;padding:20px 32px 12px;scroll-behavior:smooth}.conversation-date{display:flex;align-items:center;justify-content:center;gap:15px;color:#b7beaa;font-size:8px;letter-spacing:.4px;margin:7px 0 27px}.conversation-date>span{width:36px;height:1px;background:#e8ecdf}.message{display:flex;gap:12px;margin-bottom:21px;border-radius:8px;scroll-margin-top:20px;transition:background 1s;padding:4px 0}.message.highlight{background:#eef3d9;outline:6px solid #eef3d9}.message>.avatar,.message>.host-avatar{width:31px;height:31px;font-size:11px;margin-top:1px}.message>.host-avatar{border-radius:10px}.message-body{min-width:0;flex:1}.message-byline{display:flex;align-items:center;gap:7px;min-height:20px;flex-wrap:wrap}.message-byline>b{font-size:10px;color:#64785b;font-weight:550}.host-message .message-byline>b{color:#728850}.message-byline time{font-size:8px;color:#bec5b1;margin-left:3px}.ai-tag{font-size:6px;padding:2px 4px;background:#e8efda;color:#93a674;border-radius:3px}.self-tag{font-size:7px;color:#a4b08f}.message-text{font-size:12px;line-height:2;color:#718166;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.host-message .message-text{padding:14px 17px;background:#f0f4e8;border:1px solid #e4ead7;border-radius:0 10px 10px;color:#73875b;font-size:11px;line-height:2.1}.own-message .message-text{color:#667e58}.message-actions{display:flex;gap:14px;margin-top:5px;min-height:16px}.message-actions>button{display:flex;align-items:center;gap:4px;font-size:8px;color:#b3bda6;opacity:0}.message:hover .message-actions>button,.message:focus-within .message-actions>button{opacity:1}.message-actions>button:hover{color:#6f8a58}.voice-tag{display:flex;align-items:center;gap:3px;font-size:7px;color:#acb99a}.quoted-message{border-left:2px solid #cbd8b9;background:#f2f5eb;display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:9px;color:#a6b098;margin-top:6px;text-align:left;width:100%;border-radius:3px}.quoted-message>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.message-kind{display:inline-block;border-radius:3px;background:#f2eee3;font-size:7px;padding:3px 6px;color:#b0a282;margin-top:7px}.message-kind.attempt,.message-kind.feedback{background:#efecf3;color:#a396b5}.message-kind.correction{background:#f5eae2;color:#bc977c}.system-message{display:flex;justify-content:center;align-items:center;gap:8px;color:#bdc4b1;font-size:8px;margin:24px 0;scroll-margin-top:30px}.system-message>span{width:15px;height:1px;background:#eaeddf}.waiting-opening{text-align:center;margin:30px auto;max-width:300px}.waiting-opening>.host-avatar{width:50px;height:50px;border-radius:16px;margin:auto}.waiting-opening h2{font-family:var(--serif);font-size:20px;font-weight:500;color:#8ca373;margin:20px 0 10px}.waiting-opening p{font-size:10px;line-height:1.9;color:#acb79c;margin-bottom:20px}.waiting-opening .button{color:#a0b18c;font-size:9px}.thinking-indicator{display:flex;align-items:center;gap:5px;color:#a6b78e;font-size:8px;padding:0 0 20px 43px}.thinking-indicator>span{width:3px;height:3px;border-radius:50%;background:#b7c5a2;animation:pulse 1.3s infinite}.thinking-indicator>span:nth-child(3){animation-delay:.2s}.thinking-indicator>span:nth-child(4){animation-delay:.4s}.thinking-indicator>small{margin-left:8px;font-size:8px}.composer-area{padding:0 26px;flex-shrink:0;background:#fcfdf9}.composer{background:#fff;border:1px solid #dce4d2;border-radius:9px;box-shadow:0 3px 9px #5d774803;position:relative}.composer:focus-within{border-color:#aebf97;box-shadow:0 0 0 2px #ebf0e2}.composer-text{display:flex;align-items:center;gap:12px;padding:13px 14px 0}.composer-text textarea{border:0;outline:0!important;width:100%;resize:none;font-size:11px;line-height:1.8;min-height:48px;max-height:120px;color:#6a8059;padding:0;background:none}.composer-text textarea::placeholder{color:#b4bea8}.send-button{width:31px;height:31px;border-radius:7px;background:#4f7141;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-button:disabled{background:#e5ebdc;color:#a8b795;opacity:1}.composer-toolbar{display:flex;align-items:center;gap:10px;padding:10px 13px;color:#c0c7b5;font-size:7px}.composer-toolbar>small{margin-left:auto;font-size:7px}.kind-control{position:relative}.kind-button{display:flex;align-items:center;gap:5px;font-size:9px;color:#a5b395;border-right:1px solid #e9eddf;padding:0 11px 0 0;white-space:nowrap}.kind-button.chosen{color:#74935d}.kind-menu{position:absolute;bottom:28px;left:-5px;width:145px;background:#fff;padding:5px;border:1px solid #e2e8d8;box-shadow:0 5px 25px #39562612;border-radius:8px;z-index:9}.kind-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:10px 9px;font-size:10px;color:#8d9f7b;border-radius:4px}.kind-menu button:hover{background:#eff4e5}.conversation-controls{height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-controls,.host-controls{display:flex;align-items:center;gap:14px}.voice-button{display:flex;align-items:center;gap:6px;font-size:10px;color:#9aae85}.voice-button.connected{color:#72955a}.voice-button.muted{color:#b4a47f}.voice-controls>.text-button{font-size:8px;color:#b7bba8}.voice-connection-label{font-size:7px;color:#a8b696}.host-controls .quiet{font-size:9px;color:#a6b396}.host-controls .end-button{font-size:9px;color:#bcb5a1}.reply-bar{padding:10px 12px;font-size:9px;color:#a5b393;display:flex;align-items:center;gap:7px;border:1px solid #e1e8d5;border-bottom:0;border-radius:8px 8px 0 0;background:#f2f6e8}.reply-bar+.composer{border-radius:0 0 9px 9px}.reply-bar>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.reply-bar .icon-button{width:18px;height:18px}.activity-panel{width:284px;flex-shrink:0;border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.panel-tabs{height:63px;display:flex;align-items:stretch;gap:22px;padding:0 23px;border-bottom:1px solid #edf0e6;flex-shrink:0}.panel-tabs>button:not(.icon-button){font-size:10px;color:#a3b095;position:relative;padding:0}.panel-tabs>button.active{color:#6b8756}.panel-tabs>button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#7e9865}.panel-scroll{overflow-y:auto;min-height:0;flex:1;padding:0 23px 23px}.panel-section{padding:23px 0;border-bottom:1px solid #edf0e6}.panel-section:last-child{border-bottom:0}.panel-eyebrow{font-size:8px;color:#b0bba1;letter-spacing:.5px}.panel-section h2{font-family:var(--serif);font-size:19px;line-height:1.8;font-weight:500;color:#728961;margin-top:9px}.panel-section .purpose{font-size:10px;color:#9eac8e;line-height:1.95;margin-top:11px}.panel-section h3{display:flex;align-items:center;gap:7px;font-size:10px;color:#90a279;font-weight:500;margin-bottom:13px}.panel-section>p{font-size:10px;color:#a8b39b;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.agenda>div{display:flex;align-items:baseline;gap:10px;margin-top:13px}.agenda>div>span{font-size:9px;color:#bdc6ae}.agenda>div>p{font-size:10px;color:#a2b08f;line-height:1.8}.recording-note{color:#afbd99}.recording-note>svg{margin-bottom:13px}.recording-note h3{margin-bottom:9px}.recording-note p{font-size:9px;color:#b0bca1}.recording-note .text-button{font-size:8px;color:#a0b08c;margin-top:14px;display:flex}.recording-note .text-button:last-child{margin-top:6px}.delete-room{display:flex;align-items:center;gap:6px;color:#c2b5a1;font-size:8px;margin-top:22px}.practice-phases>button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;text-align:left;color:#b1bba4;opacity:1}.practice-phases>button>span{width:21px;height:21px;border:1px solid #dce4ce;border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;color:#b0be9c}.practice-phases>button>b{font-size:10px;font-weight:400}.practice-phases>button>small{margin-left:auto;font-size:7px;background:#eaf0dd;color:#9aaf7f;padding:3px 5px;border-radius:3px}.practice-phases>button.current{color:#79975a}.practice-phases>button.current>span{background:#91a674;border-color:#91a674;color:#fff}.practice-phases>button.complete>span{color:#a5b690}.fine-print{font-size:8px!important;line-height:1.9!important;color:#b0bba1!important}.practice-phases>.fine-print{margin-top:13px}.materials-text{max-height:260px;overflow-y:auto}.direction-note{background:#f6f8ef;margin:15px -8px 0;padding:13px;border:1px solid #e8eddc;border-radius:6px}.direction-note h3{font-size:9px}.direction-note p{font-size:10px}.summary-placeholder{text-align:center;padding:60px 0}.summary-placeholder>span{color:#b2c394;background:#f0f5e6;border-radius:50%;width:67px;height:67px;display:flex;align-items:center;justify-content:center;margin:0 auto 23px}.summary-placeholder h3{font-family:var(--serif);font-size:18px;font-weight:500;color:#8da674}.summary-placeholder p{font-size:10px;line-height:2;color:#a6b799;margin:12px 0 22px}.summary-placeholder .button{font-size:10px;padding:11px 15px;min-height:38px}.summary-placeholder>small{font-size:8px;color:#bec9b1;line-height:2;display:block;margin-top:19px}.summary-meta{padding:24px 0;color:#b3c49b}.summary-meta h3{font-family:var(--serif);font-size:17px;line-height:1.7;font-weight:500;color:#8da575;margin:14px 0 9px}.summary-meta small{font-size:8px;color:#b6c3a6}.summary-section{padding:20px 0;border-top:1px solid #edf0e5}.summary-section h4{font-size:10px;color:#8da575;font-weight:500;margin-bottom:14px}.evidence-item{margin-bottom:15px}.evidence-item p{font-size:10px;color:#a0b18b;line-height:2;white-space:pre-wrap}.evidence-item>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.evidence-item button{font-size:7px;border:1px solid #e3ead7;color:#a6b791;border-radius:3px;padding:3px 5px;display:inline-flex;align-items:center;gap:4px}.summary-empty-label{font-size:8px;color:#b8c6a6;line-height:1.9}.summary-panel>.button{font-size:9px;color:#a1b78c}.end-card{text-align:center;margin:35px 0;color:#a3b68d}.end-card h3{font-family:var(--serif);font-size:20px;font-weight:500;color:#91aa77;margin:15px 0 11px}.end-card p{font-size:10px;color:#b1c09f;line-height:1.9;margin-bottom:20px}.end-card .button{font-size:10px}.ended-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 27px;border-top:1px solid var(--line)}.ended-controls .button,.ended-controls .text-button{font-size:10px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:200;display:flex;align-items:center;gap:10px;max-width:min(600px,90vw);padding:13px 16px;background:#fff;border:1px solid #dfe5d6;box-shadow:0 8px 40px #283f2630;border-radius:9px;color:#829767;font-size:11px;line-height:1.8;animation:fade .2s}.toast .icon-button{width:22px;height:22px}.invite-room-name{display:flex;align-items:center;gap:14px;padding-bottom:22px;margin-bottom:23px;border-bottom:1px solid #e7ecdd;color:#9eb488}.invite-room-name h3{font-size:14px;font-family:var(--serif);font-weight:500;color:#759059}.invite-room-name p{font-size:10px;color:#b2bfa4;margin-top:7px}.voice-illustration{display:flex;align-items:center;justify-content:center;gap:22px;background:#eff4e5;color:#9ab77e;border:1px solid #e0e9d2;border-radius:9px;padding:23px;margin-bottom:23px}.voice-illustration>span{height:1px;width:66px;border-top:1px dashed #bdcdae}.transcription-check b{font-size:11px;font-weight:500;display:block;color:#8da774}.transcription-check small{font-size:9px;line-height:1.9;color:#b0c09f;display:block;margin-top:7px}.transcribe-toggle{font-size:8px;color:#aeb59b;white-space:nowrap}.transcribe-toggle.enabled{color:#819b60}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media(min-width:1500px){.lobby{padding-top:48px}.lobby-heading h1{font-size:40px}.hero-panel{min-height:365px}.hero-copy{padding:35px 40px}.hero-copy h2{font-size:34px}.hero-copy>p{font-size:12px}.hero-actions .button{font-size:12px}.table-art{min-height:365px}.template-card{padding:25px 25px 18px}.template-card h3{font-size:18px}.template-card>p{font-size:11px}.topbar,.lobby{padding-left:54px;padding-right:54px}}@media(max-width:1200px){.sidebar,.room-rail{width:190px;padding-left:16px;padding-right:16px}.workspace{margin-left:190px}.brand small{display:none}.lobby{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.lobby-heading h1{font-size:30px}.template-card h3{font-size:14px;white-space:normal}.hero-copy{padding:28px 25px}.hero-actions{gap:7px}.hero-actions .button{padding:10px 12px;font-size:10px}.hero-meta{gap:11px;font-size:8px}.hero-copy h2{font-size:27px}.table-art{transform:scale(.9);transform-origin:center}.activity-panel{width:255px}.room-header{padding:0 22px}.room-title{gap:9px}.room-title h1{font-size:14px}.room-header-actions{gap:12px}.room-header-actions .live-label{display:none}.message-list{padding-left:24px;padding-right:24px}.host-status{margin-left:20px;margin-right:20px}.composer-area{padding-left:20px;padding-right:20px}.voice-connection-label{display:none}}@media(max-width:1020px){.activity-panel{display:none}.mobile-panel{display:flex}.activity-panel.mobile-visible{display:flex;position:absolute;right:0;top:78px;bottom:0;z-index:20;width:300px;box-shadow:-10px 0 40px #2c4c2a15}.activity-panel .mobile-only{display:flex;align-self:center;margin-left:auto}.room-content{position:relative}.activity-panel.mobile-visible{top:0}.section-title h2>span{display:none}.hero-panel{grid-template-columns:1.25fr 1fr}.table-art{transform:scale(.76)}.hero-copy{padding-right:0}.hero-meta{flex-direction:column;gap:8px}.lobby-heading h1{font-size:28px;letter-spacing:0}.lobby-heading>p>br{display:block}.template-card{padding:16px}.template-card>p{font-size:9px}.template-category{font-size:8px}.template-icon{width:32px;height:32px;border-radius:8px}.template-card h3{font-size:13px}.template-bottom{flex-wrap:wrap;gap:7px}.lobby-footer,.lobby-footer button{font-size:8px}}@media(max-width:760px){.mobile-only{display:inline-flex}.sidebar{display:none;position:fixed;width:220px;box-shadow:10px 0 50px #283e2530;z-index:50}.sidebar.visible{display:flex}.workspace{margin-left:0}.topbar{padding:0 20px;height:58px}.topbar>div{gap:10px;font-size:10px}.topbar .quiet{font-size:9px}.lobby{padding:30px 20px 0}.lobby-heading h1{font-size:30px;line-height:1.7}.lobby-heading h1>br{display:block}.lobby-heading p{font-size:11px}.lobby-heading p>br{display:block}.eyebrow{font-size:7px;letter-spacing:1.4px}.hero-panel{display:block;min-height:0;margin-top:26px}.hero-copy{padding:26px 24px}.hero-copy h2{font-size:28px}.hero-actions{gap:10px}.hero-actions .button{font-size:11px}.hero-meta{flex-direction:row;gap:16px;font-size:8px}.table-art{height:260px;min-height:260px;transform:scale(.9);margin-top:-14px}.table-center{width:176px;height:176px}.orbit-outer{width:300px;height:300px}.orbit-inner{width:240px;height:240px}.person-1{left:calc(50% - 132px);top:calc(50% - 99px)}.person-2{left:calc(50% + 75px);top:calc(50% - 80px)}.person-3{left:calc(50% - 105px);top:calc(50% + 57px)}.person-4{left:calc(50% + 68px);top:calc(50% + 58px)}.host-chip{top:calc(50% - 123px)}.s1{left:25px;top:40px}.s2{right:25px;bottom:30px}.section-title{gap:12px}.section-title h2{font-size:13px}.section-title p{font-size:9px;line-height:1.8}.section-title>.text-button{font-size:9px;white-space:nowrap;gap:4px}.template-grid{grid-template-columns:1fr;gap:12px}.template-card{padding:20px;position:relative}.template-top{gap:9px}.template-icon{width:35px;height:35px}.template-card h3{margin-top:15px;font-size:17px}.template-card>p{font-size:11px;min-height:0;max-width:95%}.template-bottom{font-size:9px;margin-top:16px;flex-wrap:nowrap}.template-category{font-size:10px}.recent-empty{padding:20px 15px;gap:10px;flex-wrap:wrap}.recent-empty>span{width:38px;height:38px}.recent-empty>div{flex:1;min-width:180px}.recent-empty h3{font-size:11px}.recent-empty p{font-size:9px}.recent-empty .text-button{margin-top:10px;margin-left:48px}.device-note{display:none}.recent-grid{grid-template-columns:1fr}.lobby-footer{flex-direction:column;gap:17px;align-items:flex-start;padding-bottom:26px}.lobby-footer button{margin-left:auto}.modal-backdrop{padding:13px}.modal-heading{padding:22px}.modal-heading h2{font-size:20px}.modal-heading p{font-size:10px}.create-form{display:block}.create-main{padding:22px 22px 8px}.create-aside{padding:23px 22px;border-left:0;border-top:1px solid #e4ead8}.mini-host{display:none}.field{font-size:11px}.field input,.field textarea,.field select{font-size:12px}.record-picker{margin-top:20px}.create-aside .privacy-note{font-size:9px}.modal-footer{padding:18px 22px}.modal-footer .error-text{font-size:10px}.dialog-body{padding:22px}.room-rail{display:none}.room-header{height:67px;padding:0 13px;gap:8px}.room-title{flex-wrap:wrap;gap:5px;position:relative;padding-left:29px;min-width:0}.room-title .mobile-only{position:absolute;left:-3px;top:6px;width:25px}.room-title h1{font-size:12px;width:100%;margin-top:1px}.room-title .activity-badge{font-size:6px;padding:2px 5px;gap:3px}.room-title .activity-badge>svg{width:10px;height:10px}.room-header-actions{gap:5px}.room-header-actions .button{font-size:0;gap:0;padding:8px;width:32px;border:0;background:none}.room-header-actions .button svg{width:17px;height:17px}.room-header-actions>.mobile-panel{width:27px}.host-status{margin:14px 14px 0;padding:12px;gap:9px}.host-status b{font-size:10px}.host-status p{font-size:8px;line-height:1.7}.host-status>div{flex:1}.host-status .icon-button{display:none}.host-orb{width:31px;height:31px}.basic-banner{margin-left:15px;margin-right:15px;font-size:7px}.basic-banner>button{font-size:7px}.message-list{padding:17px 16px 0}.message{gap:9px;margin-bottom:19px}.message-text{font-size:12px;line-height:1.95}.host-message .message-text{font-size:11px;padding:12px}.message-byline>b{font-size:10px}.message-byline time{font-size:7px}.message-actions>button{opacity:1;font-size:8px}.conversation-date{font-size:7px;margin-bottom:22px}.composer-area{padding:0 13px}.composer-text{padding:12px 12px 0;gap:8px}.composer-text textarea{font-size:12px;min-height:44px}.composer-toolbar{font-size:6px;padding:10px 12px}.composer-toolbar>small{font-size:6px}.kind-button{font-size:8px;padding-right:7px}.kind-button>svg{width:12px;height:12px}.conversation-controls{height:59px;gap:7px}.voice-button{font-size:9px;gap:4px}.host-controls{gap:10px}.host-controls .quiet{font-size:8px;gap:4px}.host-controls .quiet>svg{width:12px;height:12px}.voice-controls{gap:7px}.voice-controls>.text-button{font-size:7px}.room-shell{height:100dvh}.activity-panel.mobile-visible{top:0;width:min(300px,90vw)}.ai-error{margin-left:14px;margin-right:14px;font-size:9px}.toast{bottom:20px;font-size:10px;width:max-content}.join-card{padding:27px 23px}.join-card h1{font-size:23px}.join-back{left:20px;font-size:10px}.join-card .field input{font-size:13px}.ended-controls{padding:18px 15px}.ended-controls .button,.ended-controls .text-button{font-size:9px}.room-loading{padding:30px;text-align:center}.room-loading h2{font-size:12px;line-height:2}.modal .button{font-size:11px}.network-banner{padding:10px 15px;font-size:8px}.network-banner button,.reply-bar{font-size:8px}.dialog-actions{gap:9px;flex-wrap:wrap}.dialog-actions>.button{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mobile-members{display:none}.diagnostic-page{max-width:900px;margin:25px auto;padding:25px;background:#fff;border:1px solid #e1e6ec;border-radius:12px;line-height:1.8}.diagnostic-page h1{font-size:23px;color:#242a33}.diagnostic-page>p{font-size:13px;color:#8994a3;margin:14px 0 22px}.diagnostic-log{margin:22px 0;font-size:12px;max-height:300px;overflow:auto;color:#6b7787}.diagnostic-page pre{white-space:pre-wrap;font-size:11px;background:#f6f8fa;padding:16px}.mobile-preview-page{max-width:none;margin:0;padding:14px;min-height:100vh;text-align:center;background:#e8edf3}.mobile-preview-page header{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:15px;font-size:12px}.mobile-preview-page label{display:flex;align-items:center;gap:6px}.mobile-preview-page select{padding:7px;border:1px solid #d1d8e2;border-radius:5px;background:#fff}.mobile-preview-page small{font-size:10px;color:#8994a3}.mobile-preview-page iframe{display:block;border:1px solid #d8dee8;border-radius:14px;box-shadow:0 10px 40px #26324416;margin:0 auto;background:#fff}@media(max-width:760px){.mobile-members{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 0;font-size:10px;color:#929ba7}.mobile-members>button,.mobile-members>span{display:flex;align-items:center;gap:6px;font-size:10px}.mobile-members>button{min-height:28px}.mobile-members .green-dot{width:5px;height:5px}.interrupt-button{color:#a56a23!important}}:root{--green: #087f3f;--ink: #242a33;--muted: #697586;--line: #e7ebf0;--serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;color:#4b5563;background:#eef1f5;font-size:14px;-webkit-font-smoothing:antialiased}body{background:#eef1f5}::selection{background:#cbe9dc;color:#242a33}.app-shell,.room-shell{width:min(1440px,calc(100vw - 70px));height:min(960px,calc(100dvh - 64px));min-height:0;margin:32px auto;border:1px solid #e1e6ec;border-radius:18px;box-shadow:0 24px 72px #2434480d,0 4px 16px #24344805;overflow:hidden;display:grid;grid-template-columns:238px minmax(0,1fr);grid-template-rows:48px minmax(0,1fr);background:#fff}.window-bar{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 22px;border-bottom:1px solid var(--line);background:#fff}.window-lights{display:flex;gap:7px}.window-lights i{width:10px;height:10px;border-radius:50%;background:#ff6058}.window-lights i:nth-child(2){background:#febd2e}.window-lights i:nth-child(3){background:#29c840}.window-brand{display:flex;align-items:center;gap:8px;font-size:15px;color:#202329}.window-brand b{font-weight:600}.window-brand .brand-symbol{width:25px;height:25px;background:#fff;border-radius:0}.window-brand .brand-symbol i{border-color:#222;width:7px;height:7px;border-width:1.5px}.window-brand .brand-symbol i:nth-child(1){top:1px;left:9px}.window-brand .brand-symbol i:nth-child(2){right:1px;top:9px}.window-brand .brand-symbol i:nth-child(3){bottom:1px;left:9px}.window-brand .brand-symbol i:nth-child(4){left:1px;top:9px}.window-bar>span{justify-self:end;font-size:11px;color:#89919b}.sidebar,.room-rail{position:static;width:auto;background:#f6f7f9;border-color:var(--line);padding:20px 17px 0;min-height:0;overflow-y:auto;grid-row:2}.sidebar .brand-link,.room-rail .brand-link{display:none}.workspace,.room-workspace{margin:0;display:flex;flex-direction:column;min-height:0;min-width:0}.topbar{height:61px;padding:0 28px;background:#fff;border-color:var(--line);flex-shrink:0}.topbar>div{font-size:12px;color:#4b5563}.topbar .muted{color:#8c95a2}.topbar .quiet{font-size:11px;color:#8994a4}.sidebar nav button{font-size:13px;color:#697586;padding:12px}.sidebar nav button.active{background:#e7eceb;color:#2f5143}.workspace-label{margin:6px 10px 17px;font-size:11px;color:#9ba3ad}.sidebar-invitation{background:#fff;border-color:#e6e9ee;margin-top:30px;padding:19px 16px}.sidebar-invitation h4{font-size:12px;color:#4b5563;margin:0 0 9px}.sidebar-invitation p{font-size:11px;color:#8994a3;line-height:1.8}.sidebar-invitation button{border-color:var(--line);font-size:11px;color:#4b5563}.sidebar-bottom>button{font-size:12px;color:#7c8795}.profile{border-color:var(--line)}.profile b{font-size:12px;color:#4b5563}.profile small{font-size:10px;color:#8994a3}.brand{font-family:var(--serif);font-size:23px;color:#202329;letter-spacing:0;font-weight:650}.brand small{color:#929ba7}.brand-symbol{background:#222}.brand-symbol i{border-color:#fff}.avatar{font-size:12px;background:#f3eade;color:#8a6945}.av-1{background:#e5edf8;color:#4c739e}.av-2{background:#f5e5eb;color:#9c6273}.av-3{background:#e7eaf0;color:#5b6573}.av-4{background:#e0eae9;color:#5d7771}.button{font-size:13px;border-radius:8px;min-height:42px;font-weight:500}.button.primary{background:#222;color:#fff;box-shadow:none}.button.primary:hover{background:#3b3d41}.button.light{border-color:#dfe4e9;color:#525e6d}.button.light:hover{background:#f4f5f7}.button.compact{font-size:12px}.icon-button{color:#8994a3}.icon-button:hover{background:#eef1f5;color:#242a33}.quiet,.text-button{font-size:12px;color:#697586}.text-button:hover,.quiet:hover{color:#242a33}.green-dot{background:#07a95b}.amber-dot{background:#b98a34}.app-shell .lobby{width:100%;max-width:1100px;overflow-y:auto;flex:1;padding:40px 36px 0;margin:0 auto}.lobby-heading h1{font-family:var(--serif);font-weight:600;letter-spacing:-.7px;font-size:29px;line-height:1.5;color:#242a33;margin:13px 0}.lobby-heading>p{font-size:13px;line-height:1.9;color:#8994a3;max-width:700px}.workspace-kicker{font-size:12px;color:#8e98a5}.workspace-actions{display:flex;gap:12px;margin-top:25px}.recent-section{margin-top:38px}.section-title h2{font-size:14px;font-weight:600;color:#4b5563}.section-title p{font-size:12px;line-height:1.9;color:#929ba7}.device-note{font-size:10px;color:#a2abb6}.recent-empty{border-color:#e0e5ea;background:#fafbfc;padding:24px}.recent-empty>span{background:#f0f2f5;color:#99a3b1}.recent-empty h3{font-size:13px;color:#7b8796}.recent-empty p{font-size:12px;color:#a0a8b3}.recent-card{border-color:var(--line);background:#fff}.recent-card h3{font-size:13px;color:#4b5563}.recent-card p{font-size:11px;color:#929ba7}.recent-icon{background:#f1f3f6;color:#7c8797}.recent-card>svg{color:#9ba5b2}.template-card{border-color:var(--line);padding:19px 18px 15px}.template-card:hover{border-color:#bbc3cc;box-shadow:none;transform:translateY(-2px)}.template-category{font-size:10px;color:#8994a3}.template-icon{color:#6b7786;background:#f0f2f5;width:35px;height:35px;border-radius:9px}.template-card h3{font-family:var(--serif);font-size:14px;white-space:normal;color:#4b5563;line-height:1.8;font-weight:550;margin:16px 0 8px}.template-card>p{font-size:11px;color:#929ba7}.template-bottom{font-size:10px;color:#a4adb8;border-color:#edf0f4}.template-arrow{color:#a5aeba}.lobby-footer{font-size:10px;color:#a0a8b3}.lobby-footer button{font-size:10px;color:#8994a3}.field,.field-label{font-size:12px;color:#4b5563}.field input,.field textarea,.field select{border-color:#dfe4e9;color:#242a33;font-size:13px}.field input::placeholder,.field textarea::placeholder{color:#a6aeb9}.field>span{color:#ba6657}.modal{background:#fff;border-color:#e7ebf0;border-radius:14px}.modal-heading{border-color:var(--line)}.modal-heading h2{font-family:var(--serif);color:#242a33;font-size:21px;font-weight:600}.modal-heading p{font-size:12px;color:#929ba7}.create-aside{background:#f7f8fa;border-color:var(--line)}.mini-host{border-color:var(--line);color:#929ba7}.mini-host h3{font-family:var(--serif);font-size:15px;color:#4b5563}.mini-host p{font-size:11px;color:#8994a3}.mode-picker button{color:#8994a3;border-color:#e0e5ea}.mode-picker button.selected{background:#f0f4f2;border-color:#9baea3;color:#3c6550}.mode-picker b{font-size:12px}.mode-picker small{font-size:9px;color:#929ba7}.record-picker legend,.record-picker b{font-size:12px;color:#4b5563}.record-picker small{font-size:10px;color:#929ba7}.privacy-note,.check-line{font-size:11px;color:#8c96a3}.record-picker label{gap:9px}.record-picker input,.check-line input{accent-color:#087f3f}.modal-footer{background:#fff;border-color:var(--line)}.dialog-body{color:#697586}.guide h3,.connection h3{font-size:13px;color:#4b5563}.guide p,.connection p{font-size:12px;color:#8994a3}.notice-box{background:#f4f6f8;border-color:#e7ebf0;color:#8994a3;font-size:11px}.connection code{background:#eef1f5;color:#697586}.join-page{background:#eef1f5}.join-card{border-color:#e1e6ec;box-shadow:0 12px 40px #24344809}.join-card h1{font-family:var(--serif);color:#242a33;font-weight:600;font-size:24px}.join-card>p,.join-meta,.join-tagline{color:#8994a3}.join-meta{border-color:var(--line);font-size:11px}.join-card .eyebrow{color:#9aa4b1}.rail-label{font-size:11px;color:#8994a3}.back-link{font-size:12px;color:#697586;margin:2px 0 29px}.participant-name>b{font-size:12px;color:#4b5563}.participant-name>span{font-size:10px;color:#99a2af}.participant-name>b>small{color:#9aa4b1}.participant>svg{color:#697586}.rail-host{border-color:#e4e9ee}.rail-host>div>b{font-size:12px;color:#4b5563}.rail-host>div>small{font-size:10px;color:#99a3b1}.host-avatar{background:#f0f1f3;border-color:#e7eaee;color:#5c6572;border-radius:50%}.rail-tip{font-size:11px;color:#9da6b3}.rail-tip>svg{display:none}.rail-bottom{border-color:#e4e9ee}.preference-toggle{font-size:11px;color:#8994a3}.rail-bottom>.quiet{font-size:10px;color:#99a3af}.room-header{height:65px;border-color:var(--line)}.room-title h1{font-size:15px;color:#313945}.activity-badge,.activity-badge.practice{font-size:9px;background:#f2f3f6;color:#7e8a9a;border-color:#e8ebf0}.live-label{font-size:10px;color:#8f9aa8}.room-header-actions .button{font-size:12px}.conversation{background:#fafafa}.host-status{background:#f4f6f8;border-color:#e8ecf0;margin:17px 23px 0;padding:13px 15px}.host-orb{background:#e7ebee;color:#697586;border-color:#f8f9fb;box-shadow:0 0 0 1px #dde3e9}.host-status b{font-size:12px;color:#596575}.host-status p{font-size:10px;color:#929ba7}.host-status.paused{background:#f8f6f0;border-color:#ece7d8}.basic-banner{font-size:9px;color:#a1a8b3}.basic-banner>span{background:#eeeee9;color:#9b916f;font-size:8px}.basic-banner>button{font-size:9px;color:#8a96a6}.message-list{padding-top:22px;background:#fafafa}.conversation-date{font-size:10px;color:#b0b7c2}.message{gap:11px;margin-bottom:21px}.message>.avatar,.message>.host-avatar{height:33px;width:33px;font-size:11px}.message-body{flex:0 1 auto;max-width:calc(100% - 75px)}.message-byline>b,.host-message .message-byline>b{font-size:11px;color:#7b8796;font-weight:500}.message-byline time{font-size:9px;color:#a9b1bd}.message-text,.host-message .message-text,.own-message .message-text{display:inline-block;background:#eeeef0;border:0;border-radius:9px;padding:10px 14px;font-size:14px;line-height:1.85;color:#242a33;margin-top:5px;white-space:pre-wrap}.host-message .message-text{background:#eeeef0}.own-message{flex-direction:row-reverse}.own-message .message-body{text-align:right}.own-message .message-byline{justify-content:flex-end}.own-message .message-text{background:#9df29e;text-align:left}.own-message .message-actions{justify-content:flex-end}.ai-tag{font-size:7px;background:#dddde1;color:#69717c}.self-tag{color:#99a3b1}.message-actions>button{font-size:9px;color:#a5adba;opacity:1}.voice-tag{font-size:8px;color:#9aa4b2}.message-kind{background:#e8edf3;color:#8994a3;font-size:8px}.quoted-message{background:#f0f2f5;border-color:#c8cfd8;color:#8994a3;font-size:10px}.own-message .quoted-message{text-align:left}.system-message{font-size:10px;color:#aab2be}.thinking-indicator{color:#9ba5b3}.thinking-indicator>span{background:#a5afbc}.composer-area{background:#fff;border-top:1px solid #eceff3;padding-top:13px}.composer{border-color:#dfe5eb;border-radius:14px;box-shadow:0 3px 12px #1d334006}.composer:focus-within{border-color:#b7c1bd;box-shadow:0 0 0 3px #07c1600a}.composer-text textarea{color:#242a33;font-size:14px;min-height:38px}.composer-text textarea::placeholder{color:#a4acb7}.send-button{background:#07c160;border-radius:9px;color:#fff}.send-button:disabled{background:#e4e7eb;color:#b0b7c2}.composer-toolbar{font-size:9px;color:#b0b8c3}.composer-toolbar>small{font-size:9px}.kind-button{font-size:11px;color:#8994a3;border-color:#e6eaef}.kind-menu{border-color:#e1e5eb;box-shadow:0 5px 25px #26324412}.kind-menu button{font-size:12px;color:#697586}.kind-menu button:hover{background:#f0f3f6}.conversation-controls{height:58px}.voice-button{font-size:12px;color:#697586}.voice-button.connected{color:#087f3f}.host-controls .quiet,.host-controls .end-button{font-size:11px;color:#8994a3}.voice-connection-label,.transcribe-toggle{font-size:9px;color:#9aa4b1}.transcribe-toggle.enabled{color:#34815a}.activity-panel{border-color:var(--line);width:280px}.panel-tabs{border-color:#eceff3;height:57px}.panel-tabs>button:not(.icon-button){font-size:12px;color:#9ba5b3}.panel-tabs>button.active{color:#4b5563}.panel-tabs>button.active:after{background:#4b5563}.panel-section{border-color:#edf0f4}.panel-eyebrow{font-size:10px;color:#a4adba}.panel-section h2{font-family:var(--serif);font-size:17px;color:#4b5563;font-weight:550;line-height:1.8}.panel-section .purpose,.panel-section>p{font-size:12px;color:#8b96a5;line-height:1.9}.panel-section h3{font-size:12px;color:#738091}.agenda>div>p{font-size:11px;color:#8e99a7}.agenda>div>span{color:#b0b8c4}.recording-note{color:#9ba6b4}.recording-note p{font-size:11px}.recording-note .text-button{font-size:10px;color:#8994a3}.delete-room{font-size:10px;color:#b0a29b}.summary-placeholder h3{font-family:var(--serif);font-size:18px;color:#697586}.summary-placeholder>span{color:#929eae;background:#f0f3f6}.summary-placeholder p{font-size:12px;color:#99a3af}.summary-placeholder>small{font-size:10px;color:#a4adb9}.summary-meta{color:#9ca7b7}.summary-meta h3{font-family:var(--serif);font-size:17px;color:#697586}.summary-meta small{font-size:10px;color:#a0aab8}.summary-section{border-color:#eceff3}.summary-section h4{font-size:12px;color:#697586}.evidence-item p{font-size:12px;color:#8994a3}.evidence-item button{font-size:9px;color:#8994a3;border-color:#e3e7ed}.summary-empty-label{font-size:10px;color:#a4adba}.end-card h3{font-family:var(--serif);color:#697586}.end-card>svg,.end-card p{color:#9aa5b4}.waiting-opening h2{font-family:var(--serif);color:#8994a3;font-size:20px}.waiting-opening p{font-size:12px;color:#a4adba}.toast{color:#697586;border-color:#dfe4eb;font-size:12px}.reply-bar{background:#f3f5f7;border-color:#dfe5eb;color:#8994a3}.invite-room-name{border-color:var(--line);color:#8994a3}.invite-room-name h3{font-family:var(--serif);color:#4b5563}.invite-room-name p{color:#99a3b1}.voice-illustration{color:#7f8c9c;background:#f1f3f6;border-color:#e5e9ef}.voice-illustration>span{border-color:#bbc5d1}.transcription-check b{font-size:12px;color:#4b5563}.transcription-check small{font-size:11px;color:#8994a3}.fine-print{color:#a0aab8!important;font-size:10px!important}.practice-phases>button>b{font-size:12px}.practice-phases>button{color:#a3adbb}.practice-phases>button.current{color:#497b59}.practice-phases>button.current>span{background:#527f5e;border-color:#527f5e}.practice-phases>button>span{border-color:#dce3e9;color:#9ba6b5}.practice-phases>button>small{background:#edf2ee;color:#8a9f8c}.direction-note{background:#f5f7f9;border-color:#e8ecf1}@media(max-width:1100px){.app-shell,.room-shell{width:calc(100vw - 36px);height:calc(100dvh - 36px);margin:18px auto;grid-template-columns:210px minmax(0,1fr)}.app-shell .lobby{padding:32px 25px 0}.template-grid{grid-template-columns:1fr}.template-card h3{font-size:15px}.template-card>p{min-height:0}.activity-panel{display:none}.activity-panel.mobile-visible{display:flex;top:0}.mobile-panel{display:flex}}@media(max-width:760px){html,body,#root{height:100%;overflow:hidden}.app-shell,.room-shell{width:100%;height:var(--app-height, 100dvh);min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);background:#fff}.window-bar,.sidebar{display:none}.sidebar.visible{display:flex;position:fixed;top:0;bottom:0;left:0;width:255px;padding-top:max(28px,env(safe-area-inset-top));box-shadow:8px 0 30px #26324420;background:#f6f7f9}.workspace,.room-workspace{flex:1;min-height:0;width:100%}.topbar{height:55px;padding:0 18px}.topbar>div{font-size:12px;gap:9px}.topbar .quiet{font-size:11px}.app-shell .lobby{padding:30px 20px 0;max-width:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.lobby-heading h1{font-size:25px;letter-spacing:-.6px;margin-top:13px}.lobby-heading>p{font-size:12px;line-height:1.9}.workspace-actions{gap:10px;margin-top:22px}.workspace-actions .button{font-size:12px;min-height:43px;flex:1;padding:10px}.recent-section{margin-top:30px}.section-title h2{font-size:14px}.device-note{display:block;font-size:9px}.recent-empty{padding:20px 15px}.recent-empty h3{font-size:12px}.recent-empty p,.section-title p{font-size:11px}.template-grid{gap:12px}.template-card{padding:18px}.template-category{font-size:11px}.template-card h3{font-size:15px;margin-top:14px}.template-card>p{font-size:12px}.template-bottom{font-size:10px}.lobby-footer{padding-bottom:max(22px,env(safe-area-inset-bottom));font-size:10px;gap:15px}.lobby-footer button{font-size:10px}.room-rail{display:none}.room-header{height:60px;padding:0 12px}.room-title{padding-left:29px;gap:3px}.room-title h1{font-size:14px;line-height:1.6}.room-title .activity-badge{font-size:8px;padding:1px 5px}.room-title .mobile-only{top:7px}.room-header-actions .button{font-size:0;padding:5px}.room-header-actions .button svg{width:19px;height:19px}.host-status{margin:12px 12px 0;padding:11px 12px;gap:9px}.host-status b{font-size:11px}.host-status p{font-size:9px;line-height:1.8}.basic-banner{font-size:8px;margin:8px 13px 0}.basic-banner>button{font-size:8px}.message-list{padding:18px 13px 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.message{gap:9px;margin-bottom:20px}.message>.avatar,.message>.host-avatar{width:30px;height:30px;font-size:10px}.message-body{max-width:calc(100% - 48px)}.message-byline>b{font-size:11px}.message-byline time{font-size:9px}.message-text,.host-message .message-text,.own-message .message-text{font-size:14px;line-height:1.85;padding:10px 13px;border-radius:9px}.message-actions{gap:13px;min-height:20px}.message-actions>button{font-size:10px;padding:3px 0}.conversation-date{font-size:9px;margin-bottom:21px}.system-message{font-size:9px;line-height:1.8}.composer-area{padding:9px 12px max(8px,env(safe-area-inset-bottom));background:#fff;flex-shrink:0}.composer-text{padding:11px 12px 0;gap:8px}.composer-text textarea{font-size:16px;min-height:28px;line-height:1.65;max-height:90px}.composer-text textarea::placeholder{font-size:12px}.composer-toolbar{padding:8px 12px;font-size:8px;gap:8px}.composer-toolbar>small{font-size:8px}.kind-button{font-size:11px;padding-right:8px;min-height:23px}.send-button{width:31px;height:31px}.conversation-controls{height:auto;min-height:52px;gap:8px;flex-wrap:wrap;padding-top:6px}.voice-controls{gap:10px;flex-wrap:wrap}.voice-button{min-height:36px;font-size:12px;gap:6px}.voice-button svg{height:17px;width:17px}.voice-controls>.text-button,.transcribe-toggle{font-size:10px}.host-controls{gap:13px;margin-left:auto}.host-controls .quiet{font-size:11px;min-height:34px;gap:5px}.host-controls .quiet svg{height:14px;width:14px}.host-controls .end-button{font-size:10px}.activity-panel.mobile-visible{position:absolute;top:0;right:0;bottom:0;width:min(320px,92vw);z-index:30;background:#fff;box-shadow:-12px 0 40px #24344820}.panel-section h2{font-size:18px}.panel-section>p,.panel-section .purpose{font-size:12px}.modal-backdrop{padding:12px;align-items:center}.modal{max-height:calc(var(--app-height, 100dvh) - 24px);border-radius:13px}.modal-heading{padding:22px 20px 18px}.modal-heading h2{font-size:20px}.modal-heading p{font-size:12px}.field input,.field textarea,.field select{font-size:16px;line-height:1.6;padding:11px 12px}.field input::placeholder,.field textarea::placeholder{font-size:12px}.field{font-size:12px}.create-main{padding:22px 20px 9px}.create-aside{padding:22px 20px}.mode-picker small{font-size:9px}.record-picker b{font-size:12px}.record-picker small,.check-line,.privacy-note,.create-aside .privacy-note{font-size:11px}.dialog-body{padding:22px 20px}.dialog-actions .button,.modal .button{font-size:12px}.join-page{height:var(--app-height, 100dvh);min-height:0;overflow-y:auto;padding:72px 16px 30px}.join-card .field input,.join-card .field select{font-size:16px}.join-back{top:25px;left:20px;font-size:12px}.join-card h1{font-size:22px}.join-card>p{font-size:12px}.join-meta{font-size:10px}.toast{font-size:12px;bottom:max(22px,env(safe-area-inset-bottom));max-width:calc(100vw - 30px)}.network-banner{font-size:10px;padding:10px 14px}.reply-bar{font-size:10px}.voice-status-strip{margin:10px 12px 0}.ended-controls{padding-bottom:max(15px,env(safe-area-inset-bottom))}}.voice-only-shell{grid-template-columns:240px minmax(0,1fr)}.voice-rail-topic{font-size:16px;line-height:1.8;color:#343e4b;margin:3px 0 13px;font-weight:600}.voice-rail-purpose{font-size:12px;line-height:1.95;color:#929ba7;margin-bottom:18px}.voice-rail-info{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.voice-rail-info>span{font-size:10px;border:1px solid #e1e6eb;background:#fff;border-radius:4px;padding:4px 7px;color:#8994a3}.voice-only-shell .room-rail>.quiet{margin-top:24px;font-size:12px;color:#929ba7}.voice-rail-bottom{margin-top:auto;padding:25px 0 20px;border-top:1px solid #e4e8ee;color:#9aa4b1}.voice-rail-bottom>p{font-size:11px;line-height:1.9;margin:12px 0 18px}.voice-rail-bottom .quiet{font-size:11px}.voice-header{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:0 23px;height:72px;border-bottom:1px solid #e7ebf0;background:#fff}.voice-header>div{flex:1;min-width:0}.voice-header h1{font-size:15px;color:#303a47;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7}.voice-header p{font-size:11px;color:#929ba7;margin-top:4px}.voice-stage{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:21px 40px 20px;background:#fafbfc;text-align:center}.voice-mode-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#8994a3;flex-wrap:wrap;line-height:1.9}.voice-mode-label>span{margin-left:6px;border-left:1px solid #dfe4e9;padding-left:12px;color:#a7afba;font-size:10px}.host-stage{position:relative;isolation:isolate;padding-top:38px;padding-bottom:11px;min-height:234px}.host-core{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:#fff;color:#505c6b;border:1px solid #e0e5eb;border-radius:28px;margin:0 auto 21px;box-shadow:0 7px 24px #26324408;position:relative;z-index:1;transition:all .3s}.host-ripple{width:112px;height:112px;border:1px solid #e7ebef;border-radius:50%;position:absolute;left:50%;top:80px;transform:translate(-50%,-50%);opacity:0;z-index:0}.host-ripple.r2{width:148px;height:148px}.host-stage.is-speaking .host-core{background:#eff6f1;border-color:#cbded1;color:#417755;box-shadow:0 0 0 7px #eef5f0}.host-stage.is-speaking .host-ripple{opacity:1;animation:host-pulse 2s ease-out infinite}.host-stage.is-speaking .r2{animation-delay:.6s}.host-stage.is-thinking .host-core{animation:host-think 1.5s ease-in-out infinite}.host-stage.is-paused .host-core{background:#f5f5f3;border-color:#e7e6df;color:#a6a69b}.host-stage h2{font-size:18px;line-height:1.7;letter-spacing:-.3px;color:#45505f;font-weight:550}.host-stage>p{font-size:12px;color:#a0a8b3;line-height:1.9;margin:8px auto 0;max-width:450px}.voice-waveform{height:27px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:13px;opacity:.45}.voice-waveform>i{display:block;width:3px;height:4px;border-radius:3px;background:#a1acb9}.voice-waveform.active{opacity:1}.voice-waveform.active>i{height:var(--wave);animation:audio-wave .7s ease-in-out infinite alternate;animation-delay:var(--delay);background:#79a68b}.interrupt-host{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#a88148;background:#fffaf0;border:1px solid #eadfc9;border-radius:20px;padding:8px 15px;margin-top:10px}.voice-participants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:550px;margin:21px auto 5px;gap:22px 20px}.voice-person{min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px;position:relative}.voice-person-avatar{position:relative;padding:4px;border-radius:50%;border:2px solid transparent;transition:border .2s}.voice-person.speaking .voice-person-avatar{border-color:#75b18b;box-shadow:0 0 0 4px #e7f1ea}.voice-person .avatar{height:53px;width:53px;font-size:18px}.voice-person>b{font-size:12px;font-weight:500;color:#697586;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-person>small{font-size:10px;color:#adb5c0;min-height:15px}.voice-person.speaking>small{color:#629276}.person-mic,.person-audio{position:absolute;bottom:0;right:0;border-radius:50%;width:20px;height:20px;background:#f6f8fa;border:2px solid #fafbfc;color:#a3adba;display:flex;align-items:center;justify-content:center}.person-audio{gap:1px;background:#76a286}.person-audio>i{width:2px;height:7px;border-radius:2px;background:#fff;animation:audio-wave .7s infinite alternate}.person-audio>i:nth-child(2){height:10px;animation-delay:.2s}.person-audio>i:nth-child(3){height:6px;animation-delay:.4s}.voice-person.offline{opacity:.45}.invite-person>span{height:63px;width:63px;border:1px dashed #d2d9e2;border-radius:50%;color:#b0b8c3;display:flex;align-items:center;justify-content:center;margin-bottom:0}.invite-person:hover>span{background:#f1f3f6;color:#8994a3;border-color:#b6c0cd}.voice-phase{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e3e8ed;background:#fff;border-radius:7px;padding:11px 14px;max-width:480px;margin:12px auto 0;font-size:11px;color:#929ba7}.voice-phase b{font-weight:500;color:#697586}.voice-phase button{display:flex;align-items:center;gap:3px;margin-left:auto;font-size:11px;color:#6f8978}.voice-error{font-size:11px;line-height:1.8;color:#af8d58;background:#fffaf0;border:1px solid #ece1cd;padding:11px 14px;border-radius:7px;max-width:520px;text-align:left;margin:20px auto 0;display:flex;align-items:center;gap:12px}.voice-error>button{font-size:11px;text-decoration:underline;margin-left:auto;white-space:nowrap}.replay-host{font-size:11px;color:#9aa4b1;display:inline-flex;align-items:center;gap:7px;padding:10px;margin-top:16px}.replay-host>span{font-size:9px;color:#b7bec8;margin-left:5px}.voice-bottom{flex-shrink:0;padding:14px 28px 17px;border-top:1px solid #e7ebf0;background:#fff}.voice-primary-controls{display:flex;align-items:center;justify-content:center;gap:53px;min-height:94px}.call-control{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px;color:#8994a3;min-width:66px;padding:4px 0}.call-control>span{width:55px;height:55px;border:1px solid #dfe5eb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#607080;background:#f7f9fb}.call-control b{font-size:11px;font-weight:400}.call-control:hover>span{background:#edf1f5}.call-control.muted>span{background:#fff3ef;color:#bc7964;border-color:#f0ded7}.request-host>span{background:#222;color:#fff;border-color:#222}.request-host:hover>span{background:#404348}.leave-call>span{color:#b27268;background:#fcf3f1;border-color:#f0e1dd}.join-voice-button{display:flex;align-items:center;gap:13px;min-width:290px;padding:14px 21px;background:#222;color:#fff;border-radius:11px;text-align:left}.join-voice-button>div{flex:1}.join-voice-button b{font-size:14px;display:block;font-weight:550}.join-voice-button small{font-size:10px;color:#b9bdc4;display:block;margin-top:4px}.join-voice-button:hover{background:#3b3e43}.voice-secondary-controls{display:flex;align-items:center;justify-content:center;gap:25px;padding:14px 0 0}.voice-secondary-controls>button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:#9ba4b1;min-height:27px}.voice-secondary-controls>button:hover{color:#4b5563}.voice-only-option{display:block;width:100%;text-align:center;font-size:11px;color:#99a3af;padding:17px 6px 4px}.invite-title{font-size:15px;color:#4b5563;line-height:1.8;margin-bottom:22px}.voice-activity-heading{padding-bottom:20px;border-bottom:1px solid #edf0f4;margin-bottom:23px}.voice-activity-heading h3{font-size:18px;font-weight:550;color:#4b5563;line-height:1.7}.voice-activity-heading>span{display:block;font-size:11px;color:#a1a9b5;margin-top:8px}.voice-activity section{margin:22px 0}.voice-activity h4{font-size:12px;color:#697586;margin-bottom:8px;font-weight:550}.voice-activity p{font-size:12px;color:#929ba7;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.voice-phase-picker{display:flex;gap:7px;flex-wrap:wrap}.voice-phase-picker button{font-size:11px;border:1px solid #e1e7ec;border-radius:6px;padding:7px 9px}.voice-phase-picker button.selected{background:#edf3ef;color:#6e927a;border-color:#c5d8cc}.voice-summary-group{margin-top:19px}.voice-summary-group>b{font-size:12px;font-weight:500;color:#8994a3}.voice-summary-group>div{border-left:2px solid #e7ebef;padding-left:13px;margin-top:12px}.voice-summary-group details{font-size:10px;color:#a5aeba;margin-top:6px}.voice-summary-group details>p{font-size:11px;color:#a4adb8;background:#f7f8fa;padding:10px}.voice-summary-group summary{cursor:pointer}.voice-activity-actions{display:flex;align-items:center;gap:12px;margin-top:27px;flex-wrap:wrap}.voice-ended{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0}.voice-ended .button{font-size:12px}.voice-activity .delete-room{margin-top:25px}.voice-only-shell .room-workspace{background:#fafbfc}@keyframes audio-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes host-pulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.6}to{transform:translate(-50%,-50%) scale(1.12);opacity:0}}@keyframes host-think{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:1100px){.voice-only-shell{grid-template-columns:210px minmax(0,1fr)}.voice-stage{padding-left:25px;padding-right:25px}.voice-participants{gap:20px 14px;max-width:500px}}@media(max-width:760px){.voice-only-shell{display:flex;height:var(--app-height, 100dvh)}.voice-header{height:61px;padding:0 10px;gap:7px}.voice-header h1{font-size:14px}.voice-header p{font-size:10px;margin-top:2px}.voice-header>.icon-button{width:32px;height:36px}.voice-stage{padding:17px 20px 16px;background:#fafbfc;-webkit-overflow-scrolling:touch}.voice-mode-label{font-size:10px}.voice-mode-label>span{font-size:9px;padding-left:9px;margin-left:2px}.host-stage{padding-top:29px;min-height:224px;padding-bottom:9px}.host-core{height:78px;width:78px;border-radius:25px;margin-bottom:20px}.host-core>svg{width:33px;height:33px}.host-ripple{top:68px;height:107px;width:107px}.host-ripple.r2{height:139px;width:139px}.host-stage h2{font-size:18px}.host-stage>p{font-size:11px;line-height:1.85;max-width:285px;margin-top:7px}.voice-waveform{margin-top:12px;height:25px;gap:3px}.voice-waveform>i{width:3px}.voice-participants{grid-template-columns:repeat(3,minmax(0,1fr));max-width:350px;gap:23px 15px;margin-top:15px}.voice-person .avatar{width:52px;height:52px;font-size:18px}.voice-person>b{font-size:12px}.voice-person>small{font-size:10px}.invite-person>span{width:63px;height:63px}.voice-phase{padding:10px 12px;margin-top:10px;font-size:10px;gap:8px}.voice-phase button{font-size:10px}.voice-bottom{padding:10px 17px max(15px,env(safe-area-inset-bottom));box-shadow:0 -4px 20px #26324403}.voice-primary-controls{min-height:98px;gap:38px}.call-control>span{width:57px;height:57px}.call-control>b{font-size:11px}.voice-secondary-controls{gap:0;justify-content:space-around;flex-wrap:wrap;padding-top:9px}.voice-secondary-controls>button{font-size:10px;min-height:32px;gap:4px;padding:0 5px}.join-voice-button{width:100%;min-width:0;justify-content:center;padding:14px 20px;border-radius:11px}.join-voice-button>div{flex:0 1 auto;margin-right:18px}.join-voice-button>b{font-size:15px}.join-voice-button small{font-size:10px}.voice-bottom:has(.join-voice-button) .voice-primary-controls{min-height:77px}.replay-host{font-size:10px;margin-top:15px;padding:10px 7px}.replay-host>span{font-size:8px}.voice-error{font-size:11px;line-height:1.9;padding:10px 12px}.interrupt-host{font-size:11px;padding:8px 14px;margin-top:8px}.voice-activity p{font-size:12px}.voice-activity-actions{gap:10px}.voice-activity-actions .button{font-size:11px}.voice-activity-heading h3{font-size:17px}.voice-ended{gap:10px}.voice-ended .button{font-size:11px;padding:10px 12px}}@media(max-height:660px)and (max-width:760px){.host-stage{padding-top:20px;min-height:190px}.host-core{width:65px;height:65px;margin-bottom:15px;border-radius:21px}.host-ripple{top:52px}.host-stage h2{font-size:16px}.voice-participants{margin-top:8px;gap:18px 12px}.voice-person .avatar{width:43px;height:43px;font-size:16px}.invite-person>span{width:53px;height:53px}.voice-stage{padding-top:12px}.voice-primary-controls{min-height:90px}.call-control>span{width:51px;height:51px}}.plan-section-heading h3{font-size:14px;font-weight:600;color:#35404e}.plan-section-heading p,.plan-explanation{font-size:12px;line-height:1.8;color:#7b8796}.plan-section-heading p{margin-top:5px}.plan-explanation{margin:10px 0 15px}.plan-editor{margin:22px 0}.plan-editor-list,.plan-view-list{list-style:none;padding:0;margin:0}.plan-editor-list>li{border:1px solid #e1e6ec;border-radius:8px;margin-bottom:10px;background:#fff;overflow:hidden}.plan-editor-heading{display:flex;align-items:center;padding:10px;gap:6px}.plan-editor-toggle{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left}.plan-number{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #dce2e9;color:#667383;border-radius:50%;font-size:11px;background:#f6f8fa}.plan-editor-toggle>span:nth-child(2){flex:1;min-width:0}.plan-editor-toggle b{display:block;font-size:12px;font-weight:550;color:#35404e;line-height:1.6}.plan-editor-toggle small{display:block;font-size:11px;color:#8b95a3;line-height:1.7;margin-top:3px}.plan-order-controls{display:flex;align-self:flex-start}.plan-order-controls button{width:28px;height:32px;display:flex;align-items:center;justify-content:center;color:#8d98a6}.plan-order-controls button:disabled{opacity:.25}.plan-editor-fields{padding:2px 14px 14px;border-top:1px solid #edf0f4}.plan-editor-fields .field{margin-top:13px;font-size:11px}.plan-editor-fields input,.plan-editor-fields textarea,.plan-editor-fields select{width:100%;font-size:13px;line-height:1.8;color:#3d4856;border:1px solid #dfe5ec;border-radius:6px;padding:8px 10px;background:#fff}.plan-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-add-step{font-size:12px;margin-top:5px}.voice-plan-bar{flex-shrink:0;width:100%;display:flex;align-items:center;gap:11px;padding:11px 24px;background:#fff;text-align:left;color:#626f7f;border-bottom:1px solid #e7ebf0}.voice-plan-bar>span:nth-child(2){flex:1;min-width:0}.voice-plan-bar small{display:block;font-size:10px;color:#8d98a6;margin-bottom:4px}.voice-plan-bar b{display:block;font-size:12px;font-weight:550;color:#44505f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.voice-plan-link{display:flex;align-items:center;flex-shrink:0;gap:3px;font-size:11px;color:#8b96a5}.plan-navigation{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 21px}.plan-view .plan-navigation .button{flex:1;min-width:0;width:auto;font-size:11px;min-height:38px;padding:8px 6px;white-space:nowrap}.plan-view-list>li{border:1px solid #e3e8ee;border-radius:8px;padding:17px;margin-bottom:12px;background:#fff}.plan-view-list>li.is-current{border-color:#9eaebf;box-shadow:0 0 0 2px #f1f4f7}.plan-view-heading{display:flex;align-items:center;gap:9px}.plan-step-details>summary{cursor:pointer;list-style:none}.plan-step-details>summary::-webkit-details-marker{display:none}.plan-step-details>summary>svg{flex-shrink:0;color:#9ba6b3}.plan-step-details[open]>summary>svg{transform:rotate(180deg)}.plan-view-heading h3{flex:1;min-width:0;font-size:13px;line-height:1.7;font-weight:600;color:#35414f}.plan-status{font-size:10px;padding:4px 6px;color:#8a95a3;border-radius:4px;background:#f3f5f8;white-space:nowrap}.plan-status.status-active{color:#406086;background:#edf2f8}.plan-status.status-completed{color:#527760;background:#f0f5f1}.plan-step-purpose{font-size:12px;line-height:1.8;color:#7f8b9a;margin:12px 0 8px}.plan-step-question{font-size:13px;line-height:1.9;color:#485768;margin:8px 0 13px}.plan-details{font-size:11px;line-height:1.9;color:#7f8b9a}.plan-details summary{cursor:pointer;padding:5px 0}.plan-details p{margin:8px 0}.plan-covered,.plan-open-questions{padding:11px 12px;background:#f6f8fa;border-radius:5px;margin:11px 0}.plan-open-questions{background:#faf8f3}.plan-covered h4,.plan-open-questions h4{font-size:11px;font-weight:550;color:#677687;margin-bottom:6px}.plan-covered p,.plan-open-questions p{font-size:12px;color:#758291;line-height:1.8;margin-top:5px}.plan-view-list .text-button{font-size:11px;margin-top:9px}@media(max-width:760px){.voice-plan-bar{padding:10px 17px}.plan-editor-heading{flex-wrap:wrap}.plan-editor-toggle{flex-basis:calc(100% - 96px)}.plan-editor-toggle small{display:none}.plan-order-controls{align-self:center}.plan-editor-fields input,.plan-editor-fields textarea,.plan-editor-fields select{font-size:16px}.plan-view-list>li{padding:14px}.plan-navigation .button{flex:1;justify-content:center}}
