.demo-home-link{color:#627556;white-space:nowrap;background:0 0;border:1px solid #dfe5d9;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px;font-size:12px;line-height:20px;text-decoration:none;display:inline-flex}.demo-home-link:hover{background:#f0f4e9;border-color:#c8d6bb}.demo-home-link:focus-visible{outline-offset:3px;outline:2px solid #78975f}.demo-home-link>span{font-size:15px;line-height:1}@media (width<=600px){.demo-home-link{gap:4px;padding:6px 8px;font-size:10px}}:root{color:#344a3c;--green:#287859;--line:#e2e8db;--muted:#84917b;--yellow:#ffda75;background:#f8f9f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 12px}button:hover{border-color:#adc19b}button:disabled{opacity:.45;cursor:default}button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#22684d}.live-app{max-width:1280px;margin:auto;padding:0 30px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:83px;display:flex}.brand{align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.brand b{background:var(--yellow);border-radius:10px;place-items:center;width:32px;height:32px;font-size:23px;display:grid}.brand small{color:#94a080;letter-spacing:1px;border-left:1px solid #dce4d3;margin-left:8px;padding-left:13px;font-size:9px;font-weight:500}.top-actions{align-items:center;gap:12px;display:flex}.top-actions button{color:#7e8d70;font-size:12px}.intro{justify-content:space-between;align-items:center;gap:15px;padding:33px 0 22px;display:flex}.eyebrow{letter-spacing:1.6px;color:#a0ad8b;font-size:9px;font-weight:500;display:block}h1{margin-top:8px;font-size:30px;font-weight:550;line-height:1.5}.intro p{color:#93a080;margin-top:7px;font-size:12px;line-height:1.9}.chain{color:#879977;white-space:nowrap;font-size:11px}.chain i,.stage-header i{background:#7fa061;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.session-line{color:#95a083;overflow-wrap:anywhere;justify-content:space-between;gap:15px;padding:10px 0 13px;font-size:10px;display:flex}.session-line>span:first-child{color:#a48f66;white-space:nowrap}.session-line>span[data-online=true]{color:#688953}#error:not(:empty){color:#a17d51;background:#fbf0e3;border:1px solid #efe1c9;border-radius:9px;margin-bottom:14px;padding:12px 16px;font-size:12px}#start-card{background:#edf3e5;border:1px solid #e0e7d7;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:3px 0 8px;padding:18px 23px;display:flex}#start-card strong{color:#718a5c;font-size:13px;font-weight:550}#start-card p{color:#95a381;margin-top:5px;font-size:11px}#start-card button{white-space:nowrap;font-size:12px}.workspace{grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:20px;display:grid}.audience-panel{min-width:0}.stage{color:#dbe8ce;isolation:isolate;background:#142c21;border-radius:15px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 12px 25px #30482a08}.stage:before{content:"";z-index:-1;background:#29463070;border-radius:50%;width:410px;height:410px;position:absolute;top:120px;left:-160px}.stage-header{color:#b3c99e;justify-content:space-between;align-items:center;gap:8px;padding:22px 24px 19px;font-size:11px;display:flex}.stage-header>span:last-child{color:#6f8c72;border:1px solid #426048;border-radius:5px;padding:3px 7px;font-size:9px}.stage-notice{background:#203d2c;border:1px solid #3d5943;border-radius:7px;align-items:center;gap:10px;margin:0 23px;padding:10px 12px;font-size:11px;display:flex}.stage-notice>span{color:#a9c48f;white-space:nowrap;border-right:1px solid #496347;padding-right:10px;font-size:9px}.stage-notice p{color:#b5cda0;overflow-wrap:anywhere;line-height:1.7}.product-scene{z-index:0;justify-content:center;align-items:center;gap:10px;min-height:348px;padding:20px 28px;display:flex;position:relative}.product-visual{flex-shrink:0;width:49%;max-width:305px}.product-visual svg{filter:drop-shadow(0 15px 17px #071c1260);width:100%;height:auto}.product-copy{max-width:235px;padding-right:8px}.product-copy>span{color:#89a977;letter-spacing:3px;font-size:9px;display:block}.product-copy h2{color:#dce9cc;margin:16px 0 10px;font-size:28px;font-weight:500;line-height:1.45}.product-copy p{color:#94b183;font-size:11px;line-height:2}#scene-chips{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}#scene-chips span{color:#9ebb8b;border:1px solid #456442;border-radius:16px;padding:4px 9px;font-size:9px}.stage-bottom{color:#73916e;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.stage-bottom b{color:#93ad82;margin-left:8px;font-weight:500}.scene-tabs{gap:7px;display:flex}.scene-tabs button{color:#849e79;background:0 0;border-color:#405c40;border-radius:5px;padding:4px 8px;font-size:9px}.scene-tabs button.active{color:#bed7a5;background:#35532c;border-color:#567449}#live-visuals{pointer-events:none;position:absolute;inset:115px 0 65px;overflow:hidden}.live-barrage{white-space:nowrap;color:#edf7df;text-shadow:0 1px 4px #0e241a;background:#173120bb;border-radius:15px;padding:3px 10px;font-size:15px;animation:8s linear forwards live-travel;position:absolute;left:100%}.live-heart{color:#e1b9b4;white-space:nowrap;text-shadow:0 1px 5px #182e22;background:#3d483bd9;border-radius:12px;padding:4px 10px;font-size:13px;animation:2.3s ease-out forwards live-heart;position:absolute;bottom:8px;right:17px}@keyframes live-travel{0%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--distance)))}}@keyframes live-heart{0%{opacity:0;transform:translateY(0)}15%{opacity:1}to{opacity:0;transform:translateY(-140px)}}.audience-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.audience-toolbar button,.audience-toolbar a{color:#8c9b78;font-size:10px}.audience-toolbar>div{align-items:center;gap:10px;display:flex}.audience-toolbar>button{background:0 0;border:0;padding-left:0}.audience-toolbar a{font-size:9px;text-decoration:underline}.invitation-note{color:#a0ac8f;margin-top:10px;font-size:10px;line-height:1.9}.scene-note{color:#93a582;justify-content:center;align-items:center;gap:16px;padding:29px 0;font-size:10px;display:flex}.scene-note i{color:#c4d0b6;font-style:normal}.side-panel{flex-direction:column;gap:15px;min-width:0;display:flex}.chat-panel,.host-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px 21px}.panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.panel-header h2{margin-top:7px;font-size:17px;font-weight:550}.viewer-badge,.host-badge{color:#8da277;background:#f1f6eb;border:1px solid #dfe7d5;border-radius:12px;padding:3px 8px;font-size:9px}.host-badge{color:#a68e65;background:#faf6ec;border-color:#efe3cf}.chat{scrollbar-width:thin;scrollbar-color:#dde5d2 transparent;height:200px;overflow-y:auto}.chat-empty{text-align:center;color:#b0ba9f;place-items:center;max-width:220px;min-height:178px;margin:auto;font-size:11px;line-height:2;display:grid}.chat-row{background:#f4f8ef;border:1px solid #eaf0e2;border-radius:7px;margin-bottom:7px;padding:10px 11px}.chat-row.local{background:#f0f5f7;border-color:#e5edf0}.chat-row>div{justify-content:space-between;gap:8px;display:flex}.chat-row strong{color:#8fa477;font-size:10px;font-weight:550}.chat-row.local strong{color:#85a1a6}.chat-row small{color:#a6b194;font-size:8px}.chat-row p{color:#788c65;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px;font-size:11px;line-height:1.8}.permission{color:#a3916e;min-height:28px;margin:10px 0 8px;font-size:10px;line-height:1.7}textarea,input,select{color:#768a65;background:#fafcf7;border:1px solid #dfe7d5;border-radius:7px;width:100%;padding:9px 11px;font-size:11px;line-height:1.7}textarea{resize:vertical;max-height:150px}textarea::placeholder,input::placeholder{color:#b2bda0}textarea:disabled{background:#f4f6ef}.composer-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.composer-actions button{padding:7px 12px;font-size:10px}.composer-actions span{color:#a7b49b;margin-left:auto;font-size:9px}.composer-actions button:first-child{color:#8ea37a;background:#f5f8ef;border-color:#e4eadd}#send-status{color:#9aab85;min-height:16px;margin-top:8px;font-size:9px;line-height:1.9}.connection-actions{border-top:1px solid #eff2e9;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:11px;display:flex}.connection-actions button{color:#98a786;background:0 0;border:0;padding:0;font-size:9px}.connection-actions button:last-child{color:#b4a181;margin-left:auto}.host-panel label{color:#8b9d77;margin:10px 0 6px;font-size:10px;display:block}.host-panel form>button{margin:8px 0 11px auto;padding:7px 11px;font-size:10px;display:block}.manage-actions{gap:7px;margin-top:8px;display:flex}.manage-actions button{color:#8d9f75;background:#f4f7ee;flex:1;font-size:10px}.host-panel [data-testid=control-status]{color:#a49171;min-height:18px;margin-top:9px;font-size:9px;line-height:1.8}.host-hint{color:#a0ad8e;margin-top:11px;font-size:9px;line-height:1.9}.retry{color:#8c9e71;background:#f6f8f0;margin-top:6px;padding:5px 8px;font-size:9px}.host-retries{flex-wrap:wrap;gap:5px;display:flex}.close-room{color:#b0a083;background:0 0;border:0;margin:14px 0 0 auto;padding:0;font-size:9px;display:block}.integration,.event-record{background:#f1f5eb;border:1px solid #e2e8d9;border-radius:10px;margin-top:16px}summary{cursor:pointer;color:#8c9f75;padding:13px 17px;font-size:11px}summary span{float:right;color:#a5b396;font-size:9px}.integration p{color:#8b9d75;margin:1px 17px 13px;font-size:11px;line-height:1.9}.integration dl{grid-template-columns:125px minmax(0,1fr);gap:7px 13px;margin:14px 17px;font-size:10px;display:grid}.integration dt{color:#92a47c}.integration dd{color:#7b9268;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,monospace}pre{color:#789267;white-space:pre-wrap;overflow-wrap:anywhere;background:#e9efdf;border-radius:7px;margin:12px 17px 16px;padding:13px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;line-height:1.9}#logs{max-height:270px;overflow-y:auto}footer{color:#b1bba3;justify-content:space-between;gap:12px;padding:27px 0;font-size:10px;display:flex}.mobile-tabs{display:none}dialog{color:#738965;border:1px solid #dfe8d3;border-radius:14px;width:min(445px,100% - 30px);padding:24px;box-shadow:0 25px 80px #23331730}dialog::backdrop{background:#26392150}dialog header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}dialog h2{font-size:19px;font-weight:550}dialog header button{color:#a5b394;border:0;padding:0;font-size:23px}dialog label{margin-bottom:7px;font-size:11px;display:block}dialog p{color:#9ba889;margin:11px 0;font-size:11px;line-height:1.9}dialog .primary{margin-left:auto;font-size:11px;display:block}@media (width<=1000px){.live-app{padding:0 22px}.workspace{grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr);gap:15px}.stage{min-height:485px}.stage-header{padding:19px 17px}.stage-notice{margin:0 16px}.product-scene{flex-direction:column;gap:0;min-height:323px;padding:18px 16px}.product-visual{width:53%;max-width:190px}.product-copy{text-align:center;max-width:100%;padding:0}.product-copy>span{font-size:7px}.product-copy h2{margin:8px 0 5px;font-size:22px}.product-copy p{font-size:10px}#scene-chips{justify-content:center;margin-top:10px}.product-visual svg{max-height:180px}.stage-bottom{left:17px;right:17px}.stage-bottom>span{font-size:8px}.chat-panel,.host-panel{padding:18px}.brand small{display:none}.audience-toolbar{align-items:flex-start}.audience-toolbar>div{flex-direction:column-reverse;align-items:flex-end;gap:5px}.chain{font-size:10px}}@media (width<=600px){.live-app{padding:0 14px}.topbar{min-height:70px}.brand{gap:7px;font-size:15px}.brand b{width:27px;height:27px;font-size:20px}.top-actions{gap:6px}.top-actions button{padding:7px 8px;font-size:10px}.top-actions button span{display:none}.intro{padding:26px 0 19px}.intro h1{font-size:26px}.intro .eyebrow{letter-spacing:1.3px;font-size:7px}.intro p{font-size:11px}.chain{display:none}#start-card{padding:16px;display:block}#start-card button{width:100%;margin-top:12px}.session-line{gap:8px;padding:11px 0;font-size:8px}.session-line>span:last-child{text-align:right;max-width:63%}.mobile-tabs{background:#edf2e6;border:1px solid #e1e9d7;border-radius:9px;gap:6px;margin:0 0 13px;padding:4px;display:flex}.mobile-tabs button{color:#93a77b;background:0 0;border:0;flex:1;padding:8px;font-size:11px}.mobile-tabs button.active{color:#73905c;background:#fff;box-shadow:0 2px 5px #66824710}.workspace{display:block}.workspace[data-view=viewer] .host-panel,.workspace[data-view=host] .audience-panel,.workspace[data-view=host] .chat-panel{display:none}.stage{border-radius:12px;min-height:365px}.stage-header{padding:15px 16px 13px;font-size:10px}.stage-notice{margin:0 14px;padding:8px 10px;font-size:10px}.stage-notice>span{font-size:8px}.product-scene{flex-direction:row;gap:0;min-height:230px;padding:12px 16px}.product-visual{width:46%;max-width:none}.product-copy{text-align:left;width:54%;padding-left:7px}.product-copy>span{letter-spacing:2px;font-size:7px}.product-copy h2{margin:9px 0 7px;font-size:21px;line-height:1.5}.product-copy p{font-size:9px;line-height:1.9}#scene-chips{justify-content:flex-start;gap:5px;margin-top:11px}#scene-chips span{padding:3px 7px;font-size:8px}.stage-bottom{bottom:17px;left:16px;right:16px}.stage-bottom>span{max-width:37%;font-size:7px}.stage-bottom b{margin:3px 0 0;display:block}.scene-tabs{gap:5px}.scene-tabs button{padding:4px 7px;font-size:8px}#live-visuals{inset:95px 0 57px}.live-barrage{font-size:12px}.live-heart{font-size:11px}.audience-toolbar{margin-top:10px}.audience-toolbar button{padding:7px 10px;font-size:9px}.audience-toolbar>button{padding-left:0}.invitation-note{font-size:9px}.scene-note{gap:11px;padding:17px 0;font-size:9px}.side-panel{gap:13px}.chat-panel,.host-panel{padding:19px}.chat{height:190px}.chat-empty{min-height:160px}.panel-header h2{font-size:16px}textarea[data-testid=send-input]{min-height:64px;font-size:16px;line-height:1.5}.composer-actions button{font-size:11px}.permission{font-size:10px}.chat-row p{font-size:12px}.host-panel textarea{font-size:14px}.host-panel [data-testid=control-status],.host-hint{font-size:10px}.integration dl{grid-template-columns:82px minmax(0,1fr);gap:8px;font-size:9px}.integration p{font-size:10px}pre{font-size:9px}footer{text-align:center;font-size:8px;display:block}footer span{margin-top:4px;display:block}summary{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.live-barrage,.live-heart{display:none}}