@font-face{font-family:"Geist";font-style:normal;font-weight:300 800;font-display:swap;src:url(/assets/fonts/geist-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/geist-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* The live demo, version 2.1 (Ty's rendering, approved 2026-10-13): the drawing's own styles, scoped to the page. Generated by .s195/demo-css.mjs from the rendering; the drawing wins. */
.pg-room.pg-room h1,.pg-room.pg-room h2,.pg-room.pg-room h3,.pg-room.pg-room p{font-family:inherit;line-height:inherit;text-wrap:wrap;letter-spacing:normal}
.pg-room.pg-room .nav{position:relative;top:auto;left:auto;right:auto;height:auto;justify-content:flex-start;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;box-shadow:none;transition:none;z-index:5;padding:0}
.pg-room.pg-room .mono{font-family:inherit}
.pg-room.pg-room input{padding:1px 2px}
.pg-room.pg-room{
 --bg:#080c0f;--bg2:#0c1216;--s1:#10171c;--s2:#151e25;--s3:#1c2730;--ln:#1b252d;--ln2:#283540;
 --tx:#f4f2ec;--mu:#aeb5bb;--dim:#7f8991;--gold:#f5bf23;--gold2:#ffd970;--gs:rgba(245,191,35,.12);--gb:rgba(245,191,35,.4);
 --room:#4fc1b0;--rooms:rgba(79,193,176,.13);--roomb:rgba(79,193,176,.42);
 --vio:#a48bf0;--vios:rgba(164,139,240,.15);--viob:rgba(164,139,240,.45);
 --grn:#6cc76c;--grs:rgba(108,199,108,.13);--red:#f06b64;--rs:rgba(240,107,100,.13);--amb:#e9a23b;--ams:rgba(233,162,59,.14);--blue:#62abe0;--bs:rgba(98,171,224,.14);--blueb:rgba(98,171,224,.45);
 --disp:"Geist",ui-sans-serif,system-ui,sans-serif;--body:"Geist",ui-sans-serif,system-ui,sans-serif;--fig:"Geist Mono",ui-monospace,Menlo,monospace;
 color-scheme:dark}
.pg-room.pg-room *{box-sizing:border-box}
.pg-room.pg-room, .pg-room.pg-room{background:var(--bg);color:var(--tx)}
.pg-room.pg-room{font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.pg-room.pg-room button{font:inherit;color:inherit;background:none;border:0;padding:0}
.pg-room.pg-room :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pg-room.pg-room .stage{display:flex;justify-content:center}
.pg-room.pg-room .dev{width:100%;max-width:1360px;background:var(--bg);border:1px solid var(--ln);border-radius:18px;overflow:clip;position:relative}
.pg-room.pg-room .site{container:site/inline-size;position:relative;background:var(--bg)}
.pg-room.pg-room .page{display:flex;flex-direction:column;position:relative;isolation:isolate;min-height:760px}
.pg-room.pg-room .page::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 12% 40%,rgba(245,191,35,.05),transparent 70%),radial-gradient(50% 50% at 80% 60%,rgba(164,139,240,.04),transparent 70%)}
.pg-room.pg-room .nav{display:flex;align-items:center;gap:26px;padding:18px 28px 8px;position:relative;z-index:5}
.pg-room.pg-room .brand{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:800;font-size:19px;letter-spacing:-.01em;cursor:pointer}
.pg-room.pg-room .brand svg{width:24px;height:24px}
.pg-room.pg-room .nl{display:flex;gap:24px;margin-left:12px}.pg-room.pg-room .nl span{font-size:14px;color:var(--mu);cursor:pointer;font-weight:500}.pg-room.pg-room .nl span:hover{color:var(--tx)}
.pg-room.pg-room .nsp{flex:1}.pg-room.pg-room .nsi{font-size:14px;color:var(--mu);cursor:pointer;font-weight:500}.pg-room.pg-room .nsi:hover{color:var(--tx)}
.pg-room.pg-room .burger{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--ln2);place-items:center;cursor:pointer}
.pg-room.pg-room .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13.5px;font-weight:600;border-radius:12px;padding:10px 16px;cursor:pointer;border:1px solid var(--ln2);color:var(--tx);white-space:nowrap;line-height:1.1}
.pg-room.pg-room .btn:hover{border-color:var(--gb);color:var(--gold)}
.pg-room.pg-room .btn.g{background:linear-gradient(150deg,var(--gold2),var(--gold));color:#141006;border-color:transparent}.pg-room.pg-room .btn.g:hover{filter:brightness(1.06);color:#141006}
.pg-room.pg-room .btn.sm{font-size:12.5px;padding:7px 12px;border-radius:10px}
.pg-room.pg-room .btn.xs{font-size:12px;padding:5px 10px;border-radius:9px}
.pg-room.pg-room .btn.rm{border-color:var(--roomb);color:var(--room)}.pg-room.pg-room .btn.rm:hover{background:var(--rooms)}
.pg-room.pg-room .btn.done{border-color:transparent;background:var(--grs);color:var(--grn)}
.pg-room.pg-room .lk{color:var(--gold);cursor:pointer;font-weight:600}.pg-room.pg-room .lk:hover{text-decoration:underline}
.pg-room.pg-room .aib{font-family:var(--fig);font-size:9.5px;font-weight:700;color:var(--gold);border:1px solid var(--gb);border-radius:999px;padding:1px 6px;margin-left:6px;vertical-align:2px}
.pg-room.pg-room .pill{font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;white-space:nowrap}
.pg-room.pg-room .pg{background:var(--grs);color:var(--grn)}.pg-room.pg-room .pgo{background:var(--gs);color:var(--gold)}.pg-room.pg-room .pr{background:var(--rs);color:var(--red)}.pg-room.pg-room .pa{background:var(--ams);color:var(--amb)}.pg-room.pg-room .pm{background:var(--rooms);color:var(--room)}.pg-room.pg-room .pv{background:var(--vios);color:var(--vio)}.pg-room.pg-room .pb{background:var(--bs);color:var(--blue)}.pg-room.pg-room .pd{background:var(--s3);color:var(--dim)}
.pg-room.pg-room .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none;border:1.5px solid var(--ln2);background:var(--s2);color:var(--mu);position:relative}
.pg-room.pg-room .av.you{background:var(--rooms);color:var(--room);border-color:var(--roomb);font-size:9.5px}.pg-room.pg-room .av.sm.you{font-size:7.5px}
.pg-room.pg-room .av.do{background:var(--vios);color:var(--vio);border-color:var(--viob)}
.pg-room.pg-room .av.sp{background:var(--bs);color:var(--blue);border-color:var(--blueb)}
.pg-room.pg-room .av.eo{background:var(--gs);color:var(--gold);border-color:var(--gb)}
.pg-room.pg-room .av.live::after{content:"";position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:var(--grn);border:2px solid var(--s1)}
.pg-room.pg-room .av.sm{width:22px;height:22px;font-size:9px}
.pg-room.pg-room{--disp:"Geist",ui-sans-serif,system-ui,sans-serif;--body:"Geist",ui-sans-serif,system-ui,sans-serif;--fig:"Geist Mono",ui-monospace,monospace;--bg:#060809;--hair:rgba(255,255,255,.08);--hair2:rgba(255,255,255,.14);--soft:#9aa1a7;--paper:#141a1e;--paper2:#1b2328}
.pg-room.pg-room{font-feature-settings:"tnum" 1,"ss01" 1}
.pg-room.pg-room .page::before{background:none!important}
.pg-room.pg-room .nav{padding:20px 40px 0}
.pg-room.pg-room .rm{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 40px 20px}
.pg-room.pg-room .rbar{display:flex;align-items:center;gap:16px;padding:18px 0 14px;border-bottom:1px solid var(--hair)}
.pg-room.pg-room .mono{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:14px;background:#1a2025;border:1px solid var(--hair2);cursor:default;flex:none}
.pg-room.pg-room .rt b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em}
.pg-room.pg-room .rt span{font-size:13px;color:var(--soft)}
.pg-room.pg-room .pres{display:flex;align-items:center;gap:6px;margin-left:18px}
.pg-room.pg-room .pres .av{width:32px;height:32px;cursor:pointer;font-size:11px}
.pg-room.pg-room .pres .av:hover{box-shadow:0 0 0 2px var(--gold)}
.pg-room.pg-room .pres .av.dash{border-style:dashed}
.pg-room.pg-room .pres .add{width:32px;height:32px;border-radius:50%;border:1px dashed var(--hair2);display:grid;place-items:center;color:var(--soft);cursor:pointer;font-size:16px}
.pg-room.pg-room .pres .add:hover{border-color:var(--gold);color:var(--gold)}
.pg-room.pg-room .pres em{font-style:normal;font-size:12.5px;color:var(--soft);margin-left:6px;white-space:nowrap}
.pg-room.pg-room .pres em.live{color:var(--grn)}
.pg-room.pg-room .rbar .push{flex:1}
.pg-room.pg-room .sw{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--soft);cursor:pointer;white-space:nowrap}
.pg-room.pg-room .sw i{width:30px;height:18px;border-radius:999px;background:#283036;position:relative;transition:background .2s}
.pg-room.pg-room .sw i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#9aa1a7;transition:transform .2s,background .2s}
.pg-room.pg-room .sw.on i{background:rgba(108,199,108,.35)}.pg-room.pg-room .sw.on i::after{transform:translateX(12px);background:var(--grn)}
.pg-room.pg-room .rbar .btn{border-radius:999px;padding:8px 14px;font-size:13px}
.pg-room.pg-room .main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0}
.pg-room.pg-room .cv{position:relative;min-height:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;overflow:hidden;border-right:1px solid var(--hair)}
.pg-room.pg-room .ob{position:absolute;transition:box-shadow .5s,transform .5s}
.pg-room.pg-room .ob.lit{transform:translateY(-3px)}
.pg-room.pg-room .olab{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soft);margin-bottom:8px;cursor:default;white-space:nowrap}
.pg-room.pg-room .olab b{color:var(--tx);font-weight:600;font-size:13.5px}
.pg-room.pg-room .olab .nb{width:7px;height:7px;border-radius:50%;background:var(--room);box-shadow:0 0 0 3px rgba(79,193,176,.18)}
.pg-room.pg-room #t_demo{left:3%;top:5%;width:45%}
.pg-room.pg-room .frame{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(80% 90% at 70% 20%,rgba(245,191,35,.18),transparent 60%),linear-gradient(160deg,#141b20,#0a0e11);border:1px solid var(--hair2);box-shadow:0 24px 50px rgba(0,0,0,.5);cursor:pointer}
.pg-room.pg-room .frame .ttl{position:absolute;left:18px;top:16px;right:18px;font-size:clamp(16px,1.6cqw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.pg-room.pg-room .frame .ttl small{display:block;font-size:12.5px;font-weight:500;color:var(--soft);margin-top:4px;letter-spacing:0}
.pg-room.pg-room .frame .pl{position:absolute;left:50%;top:54%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;color:#0a0c0d}
.pg-room.pg-room .frame .ln{position:absolute;left:18px;right:18px;bottom:14px;display:flex;gap:4px}
.pg-room.pg-room .frame .ln i{height:4px;border-radius:2px;background:rgba(255,255,255,.18);position:relative;overflow:hidden}
.pg-room.pg-room .frame .ln i u{position:absolute;inset:0 auto 0 0;background:var(--vio)}
.pg-room.pg-room .chs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.pg-room.pg-room .ch{display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:9px;cursor:pointer;border:1px solid transparent}
.pg-room.pg-room .ch:hover{border-color:var(--hair2)}
.pg-room.pg-room .ch b{font-size:12.5px;font-weight:500;line-height:1.3}
.pg-room.pg-room .ch em{font-style:normal;font-size:11.5px;color:var(--vio)}
.pg-room.pg-room .ch.skip em{color:var(--amb)}.pg-room.pg-room .ch.sent em{color:var(--grn)}
.pg-room.pg-room .note{margin-top:10px;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(79,193,176,.08);border:1px solid var(--roomb);font-size:13px;line-height:1.45;cursor:default}
.pg-room.pg-room .note .orb{width:22px;height:22px}
.pg-room.pg-room .note .btn{margin-left:auto;flex:none;border-radius:999px;padding:6px 12px;font-size:12.5px}
.pg-room.pg-room #t_bud{left:53%;top:5%;width:42%}
.pg-room.pg-room .slip{padding:16px 18px;border-radius:12px;background:var(--paper);border:1px solid var(--hair);box-shadow:0 18px 40px rgba(0,0,0,.4);transform:rotate(.6deg)}
.pg-room.pg-room .fig{font-size:clamp(40px,4.2cqw,58px);font-weight:600;letter-spacing:-.045em;line-height:1;cursor:default}
.pg-room.pg-room .fsub{font-size:13px;color:var(--soft);margin-top:4px}
.pg-room.pg-room .tp{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.pg-room.pg-room .tr2{display:grid;grid-template-columns:72px minmax(0,1fr) 82px;gap:10px;align-items:center;font-size:12.5px;color:var(--soft);cursor:default}
.pg-room.pg-room .tr2 i{height:14px;border-radius:4px;background:#283036;display:block;position:relative}
.pg-room.pg-room .tr2 i u{position:absolute;inset:0 auto 0 0;border-radius:4px;background:#46525b}
.pg-room.pg-room .tr2.us i u{background:linear-gradient(90deg,#f5bf23,#ffd462)}
.pg-room.pg-room .tr2.us i::after{content:"";position:absolute;top:0;bottom:0;left:43%;right:0;background:repeating-linear-gradient(135deg,rgba(245,191,35,.5) 0 2px,transparent 2px 8px);border-radius:0 4px 4px 0}
.pg-room.pg-room .tr2 b{color:var(--tx);font-weight:500;text-align:right}
.pg-room.pg-room .fold{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--dim);align-items:center;cursor:default}
.pg-room.pg-room .fold i{font-style:normal;text-decoration:line-through;text-decoration-color:rgba(240,107,100,.6);color:var(--soft);border:1px solid var(--hair);border-radius:999px;padding:2px 9px}
.pg-room.pg-room #t_sec{left:53%;top:47%;width:22%}
.pg-room.pg-room .stack{position:relative;height:118px;cursor:default}
.pg-room.pg-room .sh{position:absolute;left:8px;right:8px;height:96px;border-radius:8px;background:var(--paper2);border:1px solid var(--hair2);transform-origin:50% 100%}
.pg-room.pg-room .sh.ok{background:#16211b;border-color:rgba(108,199,108,.35)}
.pg-room.pg-room .sh b{position:absolute;left:10px;top:8px;font-size:11px;color:var(--soft);font-weight:500}
.pg-room.pg-room .sh.top{display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;gap:4px}
.pg-room.pg-room .sh.top div{display:flex;gap:7px;font-size:12px;color:var(--soft);line-height:1.3}
.pg-room.pg-room .sh.top div i{font-style:normal;color:var(--amb)}.pg-room.pg-room .sh.top div.ok i{color:var(--grn)}
.pg-room.pg-room .cnt6{display:flex;gap:4px;margin-top:10px;cursor:default}.pg-room.pg-room .cnt6 i{flex:1;height:5px;border-radius:3px;background:#283036}.pg-room.pg-room .cnt6 i.on{background:var(--grn)}
.pg-room.pg-room .secb{margin-top:10px}.pg-room.pg-room .secb .btn{border-radius:999px;padding:6px 12px;font-size:12.5px}
.pg-room.pg-room #t_q{left:78%;top:47%;width:19%}
.pg-room.pg-room .sticky{padding:12px 13px;border-radius:4px 12px 12px 12px;background:#1d1a10;border:1px solid rgba(245,191,35,.25);box-shadow:0 14px 30px rgba(0,0,0,.4);transform:rotate(-1.2deg);display:flex;flex-direction:column;gap:7px}
.pg-room.pg-room .qq{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.35;cursor:pointer}
.pg-room.pg-room .qq:hover b{color:var(--gold)}
.pg-room.pg-room .qq b{font-weight:500}
.pg-room.pg-room .qq span{display:block;font-size:11.5px;color:var(--dim);margin-top:2px}
.pg-room.pg-room .qq .av{width:20px;height:20px;font-size:8px}
.pg-room.pg-room .qq.typing b{color:var(--vio)}
.pg-room.pg-room #t_plan{left:3%;top:80%;width:92%}
.pg-room.pg-room .route{position:relative;height:80px;margin-top:4px}
.pg-room.pg-room .route .ln2{position:absolute;left:48px;right:48px;top:14px;height:6px;border-radius:3px;background:#283036}
.pg-room.pg-room .route .ln2 u{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--gold)}
.pg-room.pg-room .stp{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;width:96px;text-align:center}
.pg-room.pg-room .stp .dt{width:32px;height:32px;border-radius:50%;background:#060809;border:3px solid #46525b;display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--soft)}
.pg-room.pg-room .stp.dn .dt{background:var(--gold);border-color:var(--gold);color:#141006}
.pg-room.pg-room .stp.ip .dt{border-color:var(--gold);color:var(--gold)}
.pg-room.pg-room .stp b{font-size:12px;font-weight:500;line-height:1.25}
.pg-room.pg-room .stp:hover b{color:var(--gold)}
.pg-room.pg-room .stp>.av{position:absolute;top:-6px;right:20px;width:18px;height:18px;font-size:7px}
.pg-room.pg-room .pin2{position:absolute;z-index:6;display:flex;align-items:center;gap:6px;cursor:pointer;right:-10px;top:22px}
.pg-room.pg-room .stp .pin2{right:auto;left:60%;top:-30px}.pg-room.pg-room .stp .pin2 .lb{right:auto;left:34px}
.pg-room.pg-room .pin2 .av{width:28px;height:28px;border-radius:50% 50% 50% 4px;box-shadow:0 6px 16px rgba(0,0,0,.5);font-size:10px}
.pg-room.pg-room .pin2 .lb{position:absolute;right:34px;font-size:12px;background:#0d1214;border:1px solid var(--hair2);border-radius:8px;padding:3px 8px;white-space:nowrap;color:var(--tx);opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;pointer-events:none}
.pg-room.pg-room .pin2:hover .lb, .pg-room.pg-room .pin2.open .lb{opacity:1;transform:none}
.pg-room.pg-room .pin2.fresh .av{animation:pop .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(0)}}
.pg-room.pg-room .cur{position:absolute;z-index:20;pointer-events:none;transition:left 1s cubic-bezier(.45,0,.25,1),top 1s cubic-bezier(.45,0,.25,1),opacity .3s;opacity:0}
.pg-room.pg-room .cur.on{opacity:1}
.pg-room.pg-room .cur.flip span{left:auto;right:4px}
.pg-room.pg-room .cur span{position:absolute;left:15px;top:16px;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:7px;white-space:nowrap}
.pg-room.pg-room .cur.do span{background:var(--vio);color:#160f2b}.pg-room.pg-room .cur.sp span{background:var(--blue);color:#06141f}.pg-room.pg-room .cur.ai span{background:var(--gold);color:#141006}
.pg-room.pg-room .cur span em{font-style:normal;font-weight:500;opacity:.75;margin-left:6px}
.pg-room.pg-room .ob.seen{box-shadow:0 0 0 1.5px rgba(164,139,240,.6),0 0 40px rgba(164,139,240,.18);border-radius:12px}
.pg-room.pg-room .sp6{display:flex;flex-direction:column;gap:12px;padding:18px 0 0 24px;min-height:0;min-width:0}
.pg-room.pg-room .orb{width:36px;height:36px;border-radius:50%;flex:none;background:radial-gradient(circle at 34% 30%,#fff3c4 0,#f7c843 24%,#9a6f0e 55%,#241a06 82%);box-shadow:0 0 0 1px rgba(245,191,35,.35),0 0 22px rgba(245,191,35,.22);cursor:default}
.pg-room.pg-room .orb.talk{animation:pul 1.1s ease-in-out infinite}
@keyframes pul{50%{transform:scale(1.07);box-shadow:0 0 0 1px rgba(245,191,35,.5),0 0 32px rgba(245,191,35,.4)}}
.pg-room.pg-room .sph{display:flex;align-items:center;gap:10px}
.pg-room.pg-room .sph b{display:block;font-size:14px;font-weight:600}.pg-room.pg-room .sph span{font-size:12px;color:var(--dim)}
.pg-room.pg-room .sp6 h2{margin:0;font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.pg-room.pg-room .sp6 .ws{margin:0;font-size:13.5px;color:var(--soft);line-height:1.5}
.pg-room.pg-room .evs{display:flex;flex-direction:column}
.pg-room.pg-room .ev{display:grid;grid-template-columns:22px minmax(0,1fr) 8px;gap:10px;align-items:start;padding:8px 6px;border-top:1px solid var(--hair);cursor:pointer;border-radius:6px}
.pg-room.pg-room .ev:first-child{border-top:0}
.pg-room.pg-room .ev:hover{background:rgba(255,255,255,.03)}
.pg-room.pg-room .ev .av{width:22px;height:22px;font-size:8px}
.pg-room.pg-room .ev p{margin:0;font-size:13px;line-height:1.4;color:var(--soft)}.pg-room.pg-room .ev p b{color:var(--tx);font-weight:500}
.pg-room.pg-room .ev .when{display:block;font-size:11.5px;color:var(--dim);margin-bottom:2px}
.pg-room.pg-room .ev .ud{width:7px;height:7px;border-radius:50%;margin-top:6px}
.pg-room.pg-room .ev.unread .ud{background:var(--room)}
.pg-room.pg-room .ev.unread p{color:var(--tx)}
.pg-room.pg-room .ev.on{background:rgba(164,139,240,.08)}
.pg-room.pg-room .ev.live{background:rgba(108,199,108,.07)}.pg-room.pg-room .ev.live .ud{background:var(--grn)}
.pg-room.pg-room .ff{display:flex;gap:8px;flex-wrap:wrap}.pg-room.pg-room .ff .btn{border-radius:999px;padding:7px 13px;font-size:12.5px}
.pg-room.pg-room .nbs{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;border:1px solid var(--gb);background:rgba(245,191,35,.06);cursor:default}
.pg-room.pg-room .nbs span{font-size:11.5px;color:var(--gold);font-weight:600}.pg-room.pg-room .nbs b{font-size:13.5px;font-weight:500;line-height:1.4}
.pg-room.pg-room .nbs .btn{align-self:flex-start;border-radius:999px;padding:6px 12px;font-size:12.5px}
.pg-room.pg-room .say{font-size:13.5px;line-height:1.5;color:var(--tx);padding:10px 12px;border-radius:10px;background:#0d1214;border:1px solid var(--hair)}
.pg-room.pg-room .mine{display:flex;flex-direction:column;gap:6px}
.pg-room.pg-room .mine div{font-size:12.5px;color:var(--soft);cursor:pointer;padding:6px 8px;border-radius:8px;border:1px solid var(--hair)}
.pg-room.pg-room .mine div:hover{color:var(--tx)}
.pg-room.pg-room .mine div b{color:var(--tx);font-weight:500}
.pg-room.pg-room .sugs{display:flex;gap:6px;flex-wrap:wrap}
.pg-room.pg-room .sugs i{font-style:normal;font-size:12px;color:var(--soft);border:1px solid var(--hair2);border-radius:999px;padding:4px 10px;cursor:pointer}
.pg-room.pg-room .sugs i:hover{color:var(--tx);border-color:var(--room)}
.pg-room.pg-room .inp{display:flex;align-items:center;gap:6px;border:1px solid var(--hair2);border-radius:999px;padding:4px 4px 4px 14px;margin-top:auto}
.pg-room.pg-room .inp:focus-within{border-color:var(--room)}
.pg-room.pg-room .inp input{flex:1;min-width:0;background:none;border:0;color:var(--tx);font:inherit;font-size:13.5px;outline:0}
.pg-room.pg-room .send{width:32px;height:32px;border-radius:50%;background:var(--gold);color:#141006;display:grid;place-items:center;cursor:pointer;flex:none}
.pg-room.pg-room .typing .dots i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--vio);margin-left:2px;animation:bl 1s infinite}
.pg-room.pg-room .typing .dots i:nth-child(2){animation-delay:.2s}.pg-room.pg-room .typing .dots i:nth-child(3){animation-delay:.4s}
@keyframes bl{50%{opacity:.2}}
@container site (min-width:1350px){.pg-room.pg-room .page{height:860px}}
@container site (max-width:1349px){.pg-room.pg-room .main{grid-template-columns:minmax(0,1fr) 300px}.pg-room.pg-room .cv{min-height:680px}.pg-room.pg-room .sp6{padding-left:20px}}
@container site (max-width:1099px){
 .pg-room.pg-room .main{grid-template-columns:minmax(0,1fr)}.pg-room.pg-room .cv{min-height:0;border-right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:22px 2px;background-size:22px 22px}
 .pg-room.pg-room .ob{position:relative;left:auto!important;top:auto!important;width:auto!important}.pg-room.pg-room #t_demo, .pg-room.pg-room #t_plan, .pg-room.pg-room #t_q{grid-column:1/-1}.pg-room.pg-room .cur{display:none}.pg-room.pg-room .ob.seen{box-shadow:none}.pg-room.pg-room .frame{aspect-ratio:21/9}.pg-room.pg-room .ob>.pin2{right:6px;top:26px}
 .pg-room.pg-room .slip, .pg-room.pg-room .sticky{transform:none}
 .pg-room.pg-room .sp6{padding:20px 0 0;border-top:1px solid var(--hair);order:-1}
 .pg-room.pg-room .rbar{flex-wrap:wrap}.pg-room.pg-room .pres{margin-left:0}}
@container site (max-width:760px){
 .pg-room.pg-room .page{min-height:100%}
 .pg-room.pg-room .nav{padding:46px 16px 8px;gap:10px}.pg-room.pg-room .nl, .pg-room.pg-room .nsi{display:none}.pg-room.pg-room .burger{display:grid}
 .pg-room.pg-room .rm{padding:0 16px 20px}.pg-room.pg-room .cv{grid-template-columns:minmax(0,1fr);gap:22px}
 .pg-room.pg-room .rbar .push{display:none}.pg-room.pg-room .rbar .btn.cp{display:none}
 .pg-room.pg-room .stp{width:64px}.pg-room.pg-room .stp b{font-size:11px}
 .pg-room.pg-room .chs{grid-template-columns:minmax(0,1fr)}.pg-room.pg-room .frame{aspect-ratio:16/9}
 .pg-room.pg-room .note{flex-wrap:wrap}.pg-room.pg-room .note .btn{margin-left:0}}
.pg-room.pg-room .qv{position:fixed;inset:0;z-index:100;display:none;background:rgba(3,6,8,.72);backdrop-filter:blur(4px);overflow:auto;padding:7vh 16px}
.pg-room.pg-room .qv.on{display:block}
.pg-room.pg-room .qb{max-width:620px;margin:0 auto;background:var(--s1);border:1px solid var(--ln2);border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:hidden;animation:rise .22s ease both}
@keyframes rise{from{transform:translateY(8px);opacity:.3}}
.pg-room.pg-room .qcr{font-size:12px;color:var(--dim);padding:12px 22px 0}.pg-room.pg-room .qcr span{cursor:pointer}.pg-room.pg-room .qcr span:hover{color:var(--gold)}
.pg-room.pg-room .qh{display:flex;align-items:flex-start;gap:12px;padding:18px 22px 6px}.pg-room.pg-room .qh h2{margin:0;font-family:var(--disp);font-size:23px;letter-spacing:-.015em;line-height:1.2}.pg-room.pg-room .qh p{margin:6px 0 0;color:var(--mu);font-size:14px}
.pg-room.pg-room .qx{margin-left:auto;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;cursor:pointer;color:var(--dim);flex:none;border:1px solid var(--ln2)}.pg-room.pg-room .qx:hover{color:var(--gold);border-color:var(--gb)}
.pg-room.pg-room .qc{padding:12px 22px 4px;display:flex;flex-direction:column;gap:10px}
.pg-room.pg-room .qf{display:flex;align-items:center;gap:8px;padding:14px 22px;border-top:1px solid var(--ln);margin-top:12px;background:var(--bg2);flex-wrap:wrap}.pg-room.pg-room .qf .push{flex:1}.pg-room.pg-room .qf .hint{font-size:12px;color:var(--dim)}
.pg-room.pg-room .fld{display:flex;flex-direction:column;gap:6px}.pg-room.pg-room .fld label{font-size:12.5px;color:var(--dim);font-weight:600}
.pg-room.pg-room .fld input, .pg-room.pg-room .fld textarea{background:var(--bg2);border:1px solid var(--ln2);border-radius:10px;color:var(--tx);font:inherit;font-size:14px;padding:10px 12px;outline:0;resize:vertical}
.pg-room.pg-room .fld input:focus, .pg-room.pg-room .fld textarea:focus{border-color:var(--gb)}
.pg-room.pg-room .li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mu);padding:8px 0;border-top:1px solid var(--ln)}.pg-room.pg-room .li:first-child{border-top:0}.pg-room.pg-room .li i{color:var(--grn);font-style:normal;flex:none}.pg-room.pg-room .li i.n{font-family:var(--fig);font-size:12px;color:var(--gold);padding-top:2px}.pg-room.pg-room .li i.x{color:var(--dim)}
.pg-room.pg-room .msg{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px}
.pg-room.pg-room .msg b{font-size:13px}.pg-room.pg-room .msg b em{font-style:normal;font-weight:500;color:var(--dim);font-size:12px;margin-left:6px}
.pg-room.pg-room .msg p{margin:2px 0 0;font-size:14px;color:var(--mu);line-height:1.5}
.pg-room.pg-room .menu{display:flex;flex-direction:column}.pg-room.pg-room .menu div{font-size:14px;padding:10px 0;border-top:1px solid var(--ln);color:var(--mu);cursor:pointer}.pg-room.pg-room .menu div:first-child{border-top:0}.pg-room.pg-room .menu div:hover{color:var(--gold)}
.pg-room.pg-room .tip{position:fixed;z-index:200;pointer-events:none;max-width:300px;background:#0c1216;border:1px solid var(--ln2);border-radius:12px;padding:11px 13px;box-shadow:0 16px 40px rgba(0,0,0,.5);opacity:0;transition:opacity .1s;font-size:12.5px}
.pg-room.pg-room .tip.on{opacity:1}.pg-room.pg-room .tip b.t{display:block;font-size:13.5px;margin-bottom:4px}.pg-room.pg-room .tip .bg{display:block;font-family:var(--fig);font-size:20px;font-weight:700;margin-bottom:6px;color:var(--gold)}
.pg-room.pg-room .tip .r{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;padding:5px 0;border-top:1px solid var(--ln);color:var(--mu)}.pg-room.pg-room .tip .r i{font-style:normal;font-size:11px;color:var(--dim);padding-top:1px}
.pg-room.pg-room .tip .gl{display:block;color:var(--gold);font-weight:600;margin-top:6px;padding-top:6px;border-top:1px solid var(--ln)}
.pg-room.pg-room .toasts{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:220;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:calc(100vw - 32px)}
.pg-room.pg-room .toast{display:flex;align-items:center;gap:12px;background:#0c1216;border:1px solid var(--ln2);border-radius:12px;padding:10px 12px 10px 14px;font-size:13.5px;box-shadow:0 14px 40px rgba(0,0,0,.5);animation:rise .2s ease both}
.pg-room.pg-room .toast .u{color:var(--gold);font-weight:700;cursor:pointer}.pg-room.pg-room .toast .x{color:var(--dim);cursor:pointer;font-style:normal}
.pg-room.pg-room .spark{position:fixed;z-index:150;width:14px;height:14px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#e9fffb 0,var(--room) 40%,rgba(79,193,176,0) 72%);box-shadow:0 0 18px 6px rgba(79,193,176,.45)}
@media (prefers-reduced-motion:reduce){.pg-room.pg-room *{animation:none!important;transition:none!important}}
.pg-room.pg-room{position:relative;padding:14px 16px 40px;background:var(--bg)}
.pg-room.pg-room .stage{min-height:0;display:flex;align-content:normal;padding:0;margin:0}
.pg-room.pg-room .hint{margin-top:0}
.pg-room.pg-room a.btn{text-decoration:none;text-align:center}
.pg-room.pg-room a.btn.g:hover{color:#141006}
.pg-room.pg-room .site{isolation:isolate}
@media (max-width:760px){.pg-room.pg-room{padding:0}.pg-room.pg-room .dev{border:0;border-radius:0}}