@charset "UTF-8";
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-500.woff2') format('woff2');font-weight:500 600;font-style:normal;font-display:swap}@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-700.woff2') format('woff2');font-weight:700 950;font-style:normal;font-display:swap}@font-face{font-family:'Momo Emoji';src:url('../fonts/emoji.woff2') format('woff2');font-display:swap;unicode-range:U+200D,U+2764,U+FE0F,U+1F37F,U+1F389,U+1F3AC,U+1F440,U+1F44D,U+1F44F,U+1F480,U+1F4A4,U+1F525,U+1F52A,U+1F5FF,U+1F60D,U+1F602,U+1F62D,U+1F62E,U+1F631,U+1F64F,U+1F914,U+1F921,U+1F923,U+1F92F,U+1F944,U+1F979}:root{--bg:#fff3e2;--bg-2:#ffe8cd;--surface:#fffdf8;--surface-2:#fff6e8;--surface-3:#ffe9d2;--ink:#17121f;--text:#17121f;--text-2:#4b4059;--muted:#7b6f8c;--line:rgba(23,18,31,.13);--line-2:rgba(23,18,31,.26);--outline:#17121f;--stroke:2.5px;--accent:#ff4e3a;--accent-2:#ff8a1f;--accent-ink:#2a0d05;--accent-soft:#ffe2dc;--accent-line:rgba(255,78,58,.55);--grape:#7b5bff;--teal:#00b3a4;--mustard:#ffc531;--sky:#3fb8ef;--pink:#ff74a8;--ok:#0a7a6c;--warn:#b45309;--bad:#d92d20;--info:#0b72b5;--q-excellent:#0e8f7f;--q-good:#5f9e12;--q-fair:#c2760a;--q-poor:#d92d20;--q-offline:#8a7f99;--link:#c0341f;--r-sm:9px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--pop-sm:3px 3px 0 var(--outline);--pop:4px 4px 0 var(--outline);--pop-lg:7px 7px 0 var(--outline);--shadow:6px 6px 0 var(--outline);--shadow-sm:3px 3px 0 var(--outline);--ring:0 0 0 3px var(--mustard),0 0 0 5.5px var(--outline);--chat-w:340px;--topbar-h:62px;--tsd:1}.room-page{--bg:#0f0b17;--bg-2:#140f1f;--surface:#1b1429;--surface-2:#241b36;--surface-3:#2f2445;--ink:#f4eeff;--text:#f4eeff;--text-2:#c2b7d8;--muted:#8f83a9;--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.20);--outline:#05030a;--accent:#ff6b4a;--accent-2:#ffa23d;--accent-ink:#2a0d05;--accent-soft:rgba(255,107,74,.17);--accent-line:rgba(255,107,74,.5);--grape:#a78bff;--teal:#2dd4bf;--mustard:#ffcf4d;--sky:#5ecdf7;--pink:#ff8fbc;--ok:#34d399;--warn:#fbbf24;--bad:#ff7a8a;--info:#5ecdf7;--q-excellent:#34d399;--q-good:#a3e635;--q-fair:#fbbf24;--q-poor:#ff7a8a;--q-offline:#6b7280;--link:#ff8a6b;--ring:0 0 0 3px var(--mustard),0 0 0 5.5px rgba(0,0,0,.85);--stroke:2px}*,*::before,*::after{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body{margin:0;font-family:'Momo Emoji','Vazirmatn',system-ui,'Segoe UI',Tahoma,sans-serif;font-size:15.5px;line-height:1.75;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:anywhere}body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(900px 560px at 82% -10%,rgba(255,197,49,.55),transparent 62%),radial-gradient(720px 480px at 6% 8%,rgba(255,116,168,.30),transparent 58%),radial-gradient(760px 520px at 50% 108%,rgba(63,184,239,.26),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 1px 1px,rgba(23,18,31,.17) 1px,transparent 0);background-size:13px 13px}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.45;font-weight:800;letter-spacing:-.015em;color:var(--ink)}h1{font-size:clamp(1.75rem,4.4vw,3rem);line-height:1.28}h2{font-size:clamp(1.25rem,2.4vw,1.75rem)}h3{font-size:1.06rem}p{margin:0 0 1em}a{color:var(--link);text-decoration:none;font-weight:600}a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}b,strong{font-weight:700}img,video{max-width:100%;display:block}code{font-family:ui-monospace,'Cascadia Code',Consolas,monospace;font-size:.88em;background:var(--surface-3);border:1px solid var(--line-2);border-radius:6px;padding:.1em .4em}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}::selection{background:var(--mustard);color:#17121f}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}.ltr{direction:ltr;unicode-bidi:isolate}.mono{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip{position:absolute;inset-inline-start:0;top:-120px;z-index:300;padding:.7em 1.2em;background:var(--mustard);color:#17121f;border:var(--stroke) solid var(--outline);border-radius:0 0 var(--r-md) 0;font-weight:700}.skip:focus{top:0;text-decoration:none}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.6em 1.15em;font:inherit;font-weight:700;font-size:.94rem;line-height:1.5;color:var(--btn-fg);background:var(--btn-bg);border:var(--stroke) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--pop-sm);cursor:pointer;user-select:none;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease,background .16s ease,filter .16s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:var(--pop);filter:brightness(1.04)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--outline)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--pop-sm);transform:none}.btn:hover{text-decoration:none}.btn-primary{--btn-fg:var(--accent-ink);--btn-bg:var(--accent);background:linear-gradient(160deg,var(--accent-2) 0%,var(--accent) 62%)}.btn-ghost{--btn-bg:transparent;box-shadow:none;border-color:var(--line-2)}.btn-ghost:hover:not(:disabled){--btn-bg:var(--surface-2);box-shadow:var(--pop-sm);border-color:var(--outline)}.btn-ghost:active:not(:disabled){box-shadow:none}.btn.on{--btn-bg:var(--mustard);--btn-fg:#17121f;border-color:var(--outline);box-shadow:var(--pop-sm)}.btn-danger{--btn-fg:#fff;--btn-bg:#e0392f;background:linear-gradient(160deg,#d63a2f,#b21f1f)}.btn-lg{padding:.82em 1.6em;font-size:1.05rem;border-radius:var(--r-lg);box-shadow:var(--pop)}.btn-lg:hover:not(:disabled){box-shadow:var(--pop-lg)}.btn-sm{padding:.38em .78em;font-size:.85rem;border-radius:var(--r-sm)}.btn-icon{padding:.5em;width:2.5em;height:2.5em;border-radius:var(--r-md)}.btn svg{width:1.15em;height:1.15em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.field{margin-bottom:1.05rem}.field>label{display:block;margin-bottom:.4em;font-weight:700;font-size:.92rem;color:var(--text)}.hint{font-size:.84rem;color:var(--muted);margin-top:.4em;line-height:1.75}.input,.select,.textarea{width:100%;padding:.72em .95em;font:inherit;font-size:.96rem;font-weight:500;color:var(--text);background:var(--surface);border:var(--stroke) solid var(--outline);border-radius:var(--r-md);box-shadow:inset 2px 2px 0 rgba(23,18,31,.05);transition:box-shadow .14s ease,background .16s ease}.room-page .input,.room-page .select,.room-page .textarea{box-shadow:none;border-color:var(--line-2)}.input::placeholder,.textarea::placeholder{color:var(--muted);font-weight:400}.input:hover,.select:hover,.textarea:hover{background:var(--surface-2)}.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:var(--ring)}.textarea{resize:vertical;min-height:5em}.select{appearance:none;padding-inline-end:2.2em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317121f' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.05em;background-position:left .8em center}.room-page .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c2b7d8' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.input-code{direction:ltr;text-align:center;text-transform:uppercase;font-size:1.6rem;font-weight:800;letter-spacing:.3em;padding-inline:.5em;background:var(--surface-2);background-image:radial-gradient(circle at 1px 1px,rgba(23,18,31,.13) 1px,transparent 0);background-size:11px 11px}.input-url{direction:ltr;text-align:left;font-size:.88rem}.switch{display:flex;align-items:center;gap:.65em;cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:46px;height:26px;flex:0 0 auto;border-radius:99px;background:var(--surface-3);border:var(--stroke) solid var(--outline);position:relative;transition:background .2s ease}.switch .track::after{content:'';position:absolute;top:1px;inset-inline-start:1px;width:18px;height:18px;border-radius:50%;background:var(--muted);border:2px solid var(--outline);transition:transform .2s cubic-bezier(.3,1.4,.5,1),background .2s ease}.switch input:checked + .track{background:var(--mustard)}.switch input:checked + .track::after{background:var(--accent);transform:translateX(-20px)}.switch input:focus-visible + .track{box-shadow:var(--ring)}.switch .label{font-size:.93rem;font-weight:600}.card{position:relative;background:var(--surface);border:var(--stroke) solid var(--outline);border-radius:var(--r-xl);padding:1.7rem;box-shadow:var(--shadow)}.card-tight{padding:1.05rem;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:.4em;padding:.2em .7em;border-radius:var(--r-pill);font-size:.78rem;font-weight:700;background:var(--surface-3);border:2px solid var(--outline);color:var(--text);white-space:nowrap;flex:0 0 auto}.room-page .badge{border-width:1px;border-color:var(--line-2)}.badge-accent{background:var(--accent);color:var(--accent-ink)}.badge-ok{background:var(--ok);color:#fff}.badge-warn{background:var(--mustard);color:#17121f}.badge-bad{background:var(--bad);color:#fff}.note{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--r-md);border:var(--stroke) solid var(--outline);background:var(--surface);box-shadow:var(--pop-sm);font-size:.91rem;line-height:1.8}.room-page .note{border-width:1px;border-color:var(--line-2);box-shadow:none}.note .ico{flex:0 0 auto;width:1.25em;height:1.25em;margin-top:.35em}.note-ok{border-inline-start:7px solid var(--ok)}.note-warn{border-inline-start:7px solid var(--mustard)}.note-bad{border-inline-start:7px solid var(--bad)}.note-info{border-inline-start:7px solid var(--sky)}.toasts{position:fixed;z-index:200;bottom:1.2rem;inset-inline-start:1.2rem;display:flex;flex-direction:column;gap:.6rem;max-width:min(400px,88vw)}.toast{padding:.75rem 1.05rem;border-radius:var(--r-md);background:var(--surface);color:var(--text);border:var(--stroke) solid var(--outline);box-shadow:var(--pop);font-size:.91rem;font-weight:600;animation:toastIn .3s cubic-bezier(.3,1.5,.5,1)}.room-page .toast{background:var(--surface-2)}.toast.out{animation:toastOut .28s ease forwards}.toast-ok{border-inline-start:8px solid var(--ok)}.toast-bad{border-inline-start:8px solid var(--bad)}@keyframes toastIn{from{opacity:0;transform:translateY(16px) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(8px) scale(.96)}}.marquee{position:relative}.marquee::before,.marquee::after{content:'';position:absolute;inset-inline:18px;height:10px;pointer-events:none;background-image:radial-gradient(circle,var(--mustard) 40%,var(--outline) 42%,transparent 47%);background-size:24px 10px;background-repeat:repeat-x;animation:bulbs 2.4s steps(1) infinite}.marquee::before{top:-5px}.marquee::after{bottom:-5px;animation-delay:1.2s}@keyframes bulbs{0%,49%{opacity:1}50%,100%{opacity:.45}}.tape{position:absolute;top:-15px;inset-inline-start:50%;transform:translateX(50%) rotate(-2.2deg);display:inline-flex;align-items:center;gap:.4em;padding:.24em 1.05em;border-radius:5px;background:var(--mustard);color:#17121f;border:2px solid var(--outline);box-shadow:var(--pop-sm);font-size:.8rem;font-weight:800;white-space:nowrap;z-index:2}.sticker{display:inline-flex;align-items:center;gap:.4em;padding:.3em .9em;border-radius:var(--r-pill);background:var(--surface);border:var(--stroke) solid var(--outline);box-shadow:var(--pop-sm);font-size:.86rem;font-weight:700;color:var(--ink)}.s-accent{background:var(--accent);color:var(--accent-ink)}.s-mustard{background:var(--mustard);color:#17121f}.s-teal{background:var(--teal);color:#17121f}.s-grape{background:#5b3fd6;color:#fff}.s-sky{background:var(--sky);color:#17121f}.s-pink{background:var(--pink);color:#17121f}.filmstrip{height:26px;margin-block:2.2rem;border-block:var(--stroke) solid var(--outline);background-color:var(--surface-3);background-image:repeating-linear-gradient(90deg,var(--outline) 0 10px,transparent 10px 28px);background-size:auto 9px;background-position:center;background-repeat:repeat-x}.wrap{max-width:1120px;margin-inline:auto;padding:1.25rem}.site-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .9rem;margin-block:.9rem 0;background:var(--surface);border:var(--stroke) solid var(--outline);border-radius:var(--r-pill);box-shadow:var(--pop)}.brand{display:flex;align-items:center;gap:.6rem;font-weight:900;font-size:1.2rem;letter-spacing:-.02em;color:var(--ink)}.brand:hover{text-decoration:none}.brand .mark{width:40px;height:40px;border-radius:13px;flex:0 0 auto;background:linear-gradient(160deg,var(--accent-2),var(--accent));border:var(--stroke) solid var(--outline);box-shadow:var(--pop-sm);display:grid;place-items:center;transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.brand:hover .mark{transform:rotate(-8deg) scale(1.06)}.brand .mark svg{width:19px;height:19px;stroke:#fff;fill:#fff;stroke-width:2;stroke-linejoin:round;margin-inline-start:2px}.brand .dot-fa{font-size:.66rem;font-weight:700;color:var(--muted);letter-spacing:0}.hero{position:relative;text-align:center;padding-block:2.8rem 1.4rem}.hero h1{margin-bottom:.55rem;color:var(--ink);text-shadow:calc(3px * var(--tsd)) calc(3px * var(--tsd)) 0 var(--mustard),calc(6px * var(--tsd)) calc(6px * var(--tsd)) 0 var(--outline)}.hero h1 em{font-style:normal;color:var(--accent);text-shadow:inherit}.hero .lead{color:var(--text-2);font-size:1.08rem;font-weight:500;max-width:46ch;margin-inline:auto}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.2rem}.hero-tags .sticker:nth-child(odd){transform:rotate(-1.6deg)}.hero-tags .sticker:nth-child(even){transform:rotate(1.4deg)}.hero-art{width:min(560px,100%);margin:1.6rem auto .2rem;display:block;filter:drop-shadow(5px 6px 0 var(--outline))}.hero-art .fl-a{animation:floatA 5.5s ease-in-out infinite}.hero-art .fl-b{animation:floatA 6.8s ease-in-out infinite reverse}.hero-art .blink{animation:screenBlink 4s ease-in-out infinite}@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes screenBlink{0%,92%,100%{opacity:1}95%{opacity:.72}}.emoji-strip{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:1.1rem}.emo{width:46px;height:46px;display:grid;place-items:center;font-size:1.4rem;line-height:1;border-radius:14px;background:var(--surface);border:var(--stroke) solid var(--outline);box-shadow:var(--pop-sm);cursor:default;user-select:none;transition:transform .18s cubic-bezier(.3,1.5,.5,1),box-shadow .18s ease}.emo:hover{transform:translateY(-5px) rotate(-7deg) scale(1.12);box-shadow:var(--pop)}.emo:nth-child(3n){background:var(--surface-2)}.emo:nth-child(4n){background:var(--surface-3)}.tabs{display:flex;gap:.4rem;padding:.4rem;background:var(--surface-3);border:var(--stroke) solid var(--outline);border-radius:var(--r-lg);margin-bottom:1.5rem}.tabs button{flex:1;padding:.62em 1em;font:inherit;font-weight:700;font-size:.96rem;color:var(--text-2);background:transparent;border:var(--stroke) solid transparent;border-radius:var(--r-md);cursor:pointer;transition:background .16s ease,color .16s ease,transform .1s ease,box-shadow .1s ease}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);border-color:var(--outline);box-shadow:var(--pop-sm)}.grid-2{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.steps{display:grid;gap:1rem;margin-top:2.6rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.step{position:relative;padding:1.3rem 1.1rem 1.1rem;background:var(--surface);border:var(--stroke) solid var(--outline);border-radius:var(--r-lg);box-shadow:var(--pop)}.step .num{position:absolute;top:-16px;inset-inline-start:1rem;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--mustard);color:#17121f;border:var(--stroke) solid var(--outline);box-shadow:var(--pop-sm);font-size:1.05rem;font-weight:900}.step h3{margin:.35rem 0 .3rem;font-size:1rem}.step p{margin:0;font-size:.89rem;color:var(--text-2);line-height:1.85}.step-ic{position:absolute;top:-17px;inset-inline-end:.95rem;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--surface-3);border:var(--stroke) solid var(--outline);box-shadow:var(--pop-sm);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.step:hover .step-ic{transform:rotate(-7deg) scale(1.07)}.step-ic .i{width:22px;height:22px;color:var(--ink)}.features{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.6rem}.feature{position:relative;padding:1.15rem 1.1rem;border:var(--stroke) solid var(--outline);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--pop-sm);transition:transform .18s cubic-bezier(.3,1.3,.5,1),box-shadow .18s ease}.feature:hover{transform:translate(-2px,-3px) rotate(-.5deg);box-shadow:var(--pop-lg)}.feature::before{content:'';position:absolute;inset-inline:14px;top:-2.5px;height:7px;background:var(--f-color,var(--accent));border-radius:0 0 6px 6px}.feature:nth-child(1){--f-color:var(--accent)}.feature:nth-child(2){--f-color:var(--sky)}.feature:nth-child(3){--f-color:var(--teal)}.feature:nth-child(4){--f-color:var(--grape)}.feature:nth-child(5){--f-color:var(--mustard)}.feature:nth-child(6){--f-color:var(--pink)}.feature h3{display:flex;align-items:center;gap:.55rem;font-size:1rem;margin-bottom:.4rem}.feature h3 .ic{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:var(--f-color,var(--accent));border:var(--stroke) solid var(--outline);box-shadow:2px 2px 0 var(--outline);transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.feature:hover h3 .ic{transform:rotate(-6deg) scale(1.06)}.feature h3 .ic .i{width:22px;height:22px;color:#17121f}.feature p{margin:0;font-size:.885rem;color:var(--text-2);line-height:1.9}.faq{margin-top:1.6rem;display:grid;gap:.6rem}.faq details{background:var(--surface);border:var(--stroke) solid var(--outline);border-radius:var(--r-md);box-shadow:var(--pop-sm);overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:.85rem 1rem;font-weight:700;font-size:.94rem;display:flex;align-items:center;gap:.6rem}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';margin-inline-start:auto;font-size:1.3rem;font-weight:800;line-height:1;color:var(--accent);transition:transform .2s ease}.faq details[open] summary::after{transform:rotate(45deg)}.faq details[open] summary{background:var(--surface-2)}.faq .a{padding:0 1rem 1rem;font-size:.89rem;color:var(--text-2);line-height:1.95}.site-foot{text-align:center;color:var(--text-2);font-size:.86rem;margin-top:2.4rem;padding:1.3rem 1rem 1.1rem;background:var(--surface);border:var(--stroke) solid var(--outline);border-radius:var(--r-lg);box-shadow:var(--pop-sm)}.site-foot p{margin:0}.foot-main{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-weight:600;color:var(--text)}.foot-main .i{color:var(--accent)}.site-foot .made{margin-top:.5rem;font-size:.8rem;color:var(--muted)}.probe-card{margin-top:1rem;border-radius:var(--r-lg);border:var(--stroke) solid var(--outline);box-shadow:var(--pop-sm);overflow:hidden}.probe-head{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.05rem;font-weight:800;color:#17121f}.probe-head .dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto;border:2px solid var(--outline)}.probe-good .probe-head{background:#8ce0c4}.probe-good .dot{background:var(--ok)}.probe-maybe .probe-head{background:var(--mustard)}.probe-maybe .dot{background:#c2760a}.probe-bad .probe-head{background:#ffb0a6}.probe-bad .dot{background:var(--bad)}.probe-unknown .probe-head{background:var(--surface-3);color:var(--ink)}.probe-unknown .dot{background:var(--muted)}.probe-body{padding:.9rem 1.05rem;background:var(--surface);font-size:.9rem;border-top:var(--stroke) solid var(--outline)}.probe-body p{margin:0 0 .6em}.probe-specs{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.spec{display:inline-flex;align-items:center;gap:.35em;padding:.22em .65em;border-radius:var(--r-sm);background:var(--surface-2);border:2px solid var(--outline);font-size:.8rem;color:var(--text-2);font-weight:600}.spec b{color:var(--ink);font-weight:800}.room-page .spec{border-width:1px;border-color:var(--line-2)}.room-page .probe-card{border-width:1px;border-color:var(--line-2);box-shadow:none}.room-page .probe-body{border-top-width:1px;border-top-color:var(--line-2)}.room-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.room-page::before,.room-page::after{display:none}.topbar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:.7rem;padding-inline:.9rem;background:var(--surface);border-bottom:2px solid var(--outline);box-shadow:0 3px 0 rgba(0,0,0,.35);z-index:20}.topbar .brand{font-size:1.02rem;color:var(--text)}.topbar .brand .mark{width:34px;height:34px;border-radius:11px}.topbar .brand .mark svg{width:16px;height:16px}.topbar .spacer{flex:1}.topbar #roomTitle{max-width:12rem;overflow:hidden;text-overflow:ellipsis;display:inline-block}.room-code{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.26em .85em;border-radius:8px;background:var(--mustard);color:#17121f;border:2px solid var(--outline);font-weight:800;letter-spacing:.18em;direction:ltr;font-size:.98rem;white-space:nowrap;flex:0 0 auto}.room-code::before,.room-code::after{content:'';position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--surface);border:2px solid var(--outline)}.room-code::before{inset-inline-start:-6px}.room-code::after{inset-inline-end:-6px}.room-body{flex:1;min-height:0;display:grid;direction:ltr;grid-template-columns:var(--chat-w) minmax(0,1fr)}.room-body>*{direction:rtl;min-width:0;min-height:0}@media (min-width:961px){.room-body>.chat-pane{grid-column:1}.room-body>.stage{grid-column:2}.room-body.no-chat{grid-template-columns:0 minmax(0,1fr)}.room-body.no-chat .chat-pane{display:none}}.stage{position:relative;display:flex;flex-direction:column;background:#000;min-height:0}.video-box{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#000;overflow:hidden}.video-box video{width:100%;height:100%;object-fit:contain;background:#000}.curtain{position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.05) 1px,transparent 0) 0 0/15px 15px,radial-gradient(680px 420px at 50% 36%,rgba(255,107,74,.20),transparent 68%),#0f0b17;text-align:center;z-index:6;overflow-y:auto}.curtain-inner{max-width:580px;width:100%}.curtain h2{margin-bottom:.6rem;color:var(--text);text-shadow:3px 4px 0 rgba(5,3,10,.75)}.curtain p{color:var(--text-2);font-size:.95rem}.spinner{width:44px;height:44px;margin:0 auto 1.1rem;border-radius:50%;border:4px solid var(--surface-3);border-top-color:var(--accent);box-shadow:0 0 0 2px var(--outline),inset 0 0 0 2px var(--outline);animation:spin .9s cubic-bezier(.6,.1,.4,.9) infinite}@keyframes spin{to{transform:rotate(360deg)}}.big-play{position:absolute;inset:0;margin:auto;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;z-index:7;cursor:pointer;background:linear-gradient(160deg,var(--accent-2),var(--accent));border:3px solid var(--outline);box-shadow:5px 6px 0 var(--outline);animation:pop .32s cubic-bezier(.2,1.5,.4,1);transition:transform .14s cubic-bezier(.3,1.4,.5,1),box-shadow .14s ease}.big-play:hover{transform:translate(-2px,-3px) scale(1.05);box-shadow:8px 10px 0 var(--outline)}.big-play:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--outline)}.big-play svg{width:44px;height:44px;fill:#2a0d05;stroke:none;margin-inline-start:6px}@keyframes pop{from{opacity:0;transform:scale(.7) rotate(-12deg)}to{opacity:1;transform:none}}.controls{flex:0 0 auto;padding:.5rem .8rem .65rem;background:var(--surface);border-top:2px solid var(--outline)}.stage.fs .controls{position:absolute;inset-inline:0;bottom:0;z-index:12;border-top:0;background:linear-gradient(180deg,transparent,rgba(8,5,14,.9) 45%);transition:opacity .3s ease,transform .3s ease}.stage.fs.idle .controls{opacity:0;transform:translateY(10px);pointer-events:none}.stage.fs.idle{cursor:none}.seek{direction:ltr;position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.seek-track{position:relative;width:100%;height:8px;border-radius:99px;background:rgba(255,255,255,.14);border:2px solid var(--outline);overflow:hidden;contain:layout paint}.seek-buf,.seek-fill{position:absolute;inset-block:0;inset-inline-start:0;width:100%;transform-origin:left center;transform:scaleX(0)}.seek-buf{background:rgba(255,255,255,.26);transform:scaleX(var(--seek-b,0))}.seek-fill{background:linear-gradient(90deg,var(--accent),var(--mustard));transform:scaleX(var(--seek-p,0));will-change:transform}.seek-knob{position:absolute;top:50%;inset-inline-start:calc(var(--seek-p,0) * 100%);width:17px;height:17px;border-radius:50%;background:var(--mustard);border:2.5px solid var(--outline);transform:translate(-50%,-50%);box-shadow:1px 2px 0 rgba(0,0,0,.6);opacity:0;transition:opacity .16s ease}.seek:hover .seek-knob,.seek:focus-visible .seek-knob{opacity:1}.seek:hover .seek-track{height:11px}.seek-tip{position:absolute;bottom:26px;transform:translateX(-50%);padding:.15em .55em;border-radius:7px;background:var(--mustard);color:#17121f;border:2px solid var(--outline);font-size:.78rem;font-weight:700;pointer-events:none;opacity:0;transition:opacity .15s ease;white-space:nowrap}.seek:hover .seek-tip{opacity:1}.ctrl-row{direction:ltr;display:flex;align-items:center;gap:.3rem;margin-top:.35rem;flex-wrap:wrap}.ctrl-row .menu,.ctrl-row .badge{direction:rtl}.ctrl-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;background:transparent;border:2px solid transparent;border-radius:11px;color:var(--text);cursor:pointer;transition:background .14s ease,color .14s ease,transform .1s ease}.ctrl-btn.has-unread::before{content:'';position:absolute;top:3px;inset-inline-end:3px;z-index:1;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--outline)}.ctrl-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-2)}.ctrl-btn:active:not(:disabled){transform:translateY(1px)}.ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.ctrl-btn.on{color:#17121f;background:var(--mustard);border-color:var(--outline)}.ctrl-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ctrl-btn.play{background:var(--accent);border-color:var(--outline);color:#2a0d05;box-shadow:2px 2px 0 var(--outline)}.ctrl-btn.play:hover:not(:disabled){background:var(--accent-2);border-color:var(--outline)}.ctrl-btn.play:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0 0 var(--outline)}.ctrl-btn.play svg{fill:currentColor;stroke:none;width:22px;height:22px}.ctrl-time{font-size:.85rem;font-weight:700;color:var(--text-2);padding-inline:.45rem;white-space:nowrap;overflow:hidden;flex:0 1 auto;min-width:0}.ctrl-sep{flex:1 1 auto;min-width:0}.vol{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.vol input[type=range]{direction:ltr;width:80px;height:8px;appearance:none;cursor:pointer;background:rgba(255,255,255,.18);border:2px solid var(--outline);border-radius:99px}.vol input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:var(--mustard);border:2px solid var(--outline)}.vol input[type=range]::-moz-range-thumb{width:15px;height:15px;border:2px solid var(--outline);border-radius:50%;background:var(--mustard)}.keys{display:grid;gap:.25rem;margin:.9rem 0 .2rem}.keys-row{display:flex;align-items:center;gap:.7rem;padding:.4rem .55rem;border-radius:var(--r-sm)}.keys-row:nth-child(odd){background:var(--surface-2)}.keys-row kbd{direction:ltr;flex:0 0 auto;min-width:92px;text-align:center;font-family:inherit;font-size:.8rem;font-weight:800;color:var(--ink);padding:.2em .55em;border-radius:7px;background:var(--surface-3);border:2px solid var(--outline);box-shadow:0 2px 0 var(--outline)}.keys-row span{color:var(--text-2);font-size:.9rem}.menu-wrap{position:relative}.menu{position:absolute;bottom:calc(100% + 10px);right:0;left:auto;z-index:30;min-width:220px;max-height:60vh;overflow-y:auto;padding:.4rem;background:var(--surface-2);border:2px solid var(--outline);border-radius:var(--r-md);box-shadow:4px 5px 0 rgba(0,0,0,.55);animation:menuIn .16s cubic-bezier(.3,1.4,.5,1)}@keyframes menuIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.menu-title{padding:.4rem .6rem .3rem;font-size:.79rem;color:var(--muted);font-weight:700}.menu button,.menu label.menu-item{display:flex;width:100%;align-items:center;gap:.6rem;justify-content:space-between;padding:.5rem .6rem;font:inherit;font-size:.89rem;font-weight:600;text-align:start;color:var(--text);background:transparent;border:0;border-radius:var(--r-sm);cursor:pointer}.menu button:hover,.menu label.menu-item:hover{background:var(--surface-3)}.menu button[aria-checked="true"]::after{content:'✓';color:var(--accent);font-weight:800}.menu hr{border:0;border-top:2px solid var(--line);margin:.35rem .2rem}.menu input[type=range]{width:100%;direction:ltr;accent-color:var(--accent)}.fs-layer{position:absolute;inset:0;z-index:10;pointer-events:none;overflow:hidden}.fs-chat{position:absolute;bottom:96px;inset-inline-start:22px;display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;max-width:min(420px,42vw);max-height:52vh}.fs-msg{padding:.4rem .85rem;border-radius:16px;background:rgba(15,11,23,.72);border:2px solid rgba(0,0,0,.85);box-shadow:2px 2px 0 rgba(0,0,0,.5);font-size:.94rem;font-weight:500;line-height:1.7;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:fsIn .3s cubic-bezier(.2,1.4,.4,1);width:fit-content;max-width:100%}.fs-msg .who{font-weight:800;margin-inline-end:.35em;color:var(--mustard)}.fs-msg.sys{background:rgba(15,11,23,.55);color:var(--text-2);font-size:.86rem}.fs-msg.fade{animation:fsOut 1.2s ease-in forwards}@keyframes fsIn{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}@keyframes fsOut{from{opacity:1}to{opacity:0;transform:translateY(-6px)}}.fs-input{position:absolute;bottom:96px;inset-inline-start:22px;z-index:14;display:flex;gap:.5rem;align-items:center;pointer-events:auto;width:min(470px,62vw);padding:.4rem .5rem;background:var(--surface);border:2px solid var(--outline);border-radius:var(--r-lg);box-shadow:4px 5px 0 rgba(0,0,0,.6);animation:fsIn .2s ease-out}.fs-input input{flex:1;padding:.45em .7em;font:inherit;font-size:.95rem;color:var(--text);background:transparent;border:0;outline:none}.reactions{position:absolute;bottom:110px;inset-inline-end:28px;width:84px;height:50vh;pointer-events:none;overflow:hidden}.react-fly{position:absolute;bottom:0;font-size:2.1rem;line-height:1;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.55));animation:fly 3.2s ease-out forwards}@keyframes fly{0%{opacity:0;transform:translateY(0) scale(.5) rotate(-14deg)}12%{opacity:1;transform:translateY(-24px) scale(1.2) rotate(8deg)}30%{transform:translateY(-30vh) scale(1) translateX(16px) rotate(-8deg)}60%{transform:translateY(-60vh) scale(.95) translateX(-14px) rotate(10deg)}100%{opacity:0;transform:translateY(-96vh) scale(.8) translateX(10px) rotate(-6deg)}}.stage-flash{position:absolute;top:18px;inset-inline-start:50%;transform:translateX(-50%);z-index:11;padding:.4rem 1rem;border-radius:99px;background:var(--mustard);color:#17121f;border:2px solid var(--outline);box-shadow:2px 3px 0 rgba(0,0,0,.55);font-size:.89rem;font-weight:700;white-space:nowrap;animation:fsIn .25s cubic-bezier(.3,1.5,.5,1)}.seek-flash{position:absolute;top:50%;z-index:11;transform:translateY(-50%);padding:.45rem 1rem;border-radius:99px;pointer-events:none;background:rgba(15,11,23,.82);border:2px solid rgba(0,0,0,.7);color:#fff;font-size:.87rem;font-weight:700;animation:seekFlash .6s ease-out forwards}.seek-flash.back{inset-inline-start:8%}.seek-flash.fwd{inset-inline-end:8%}@keyframes seekFlash{0%{opacity:0;transform:translateY(-50%) scale(.9)}25%{opacity:1;transform:translateY(-50%) scale(1)}100%{opacity:0;transform:translateY(-50%) scale(1)}}.chat-pane{display:flex;flex-direction:column;min-height:0;background:var(--bg-2);border-inline-end:2px solid var(--outline)}.chat-head{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-bottom:2px solid var(--outline);background:var(--surface);font-weight:800;font-size:.95rem}.chat-head .spacer{flex:1}.btn-close-chat{width:44px;height:44px;margin:-.35rem -.35rem -.35rem 0}.btn-close-chat svg{width:18px;height:18px}.people-pop{position:fixed;z-index:40;top:calc(var(--topbar-h) + 10px);inset-inline-end:12px;width:min(330px,calc(100vw - 24px));max-height:min(70vh,520px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:2px solid var(--outline);border-radius:var(--r-lg);box-shadow:5px 6px 0 rgba(0,0,0,.55);animation:menuIn .18s cubic-bezier(.3,1.4,.5,1)}.pop-head{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem .85rem;border-bottom:2px solid var(--outline);font-weight:800;font-size:.95rem;background:var(--surface-2)}.pop-head .spacer{flex:1}.people{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.4rem;overscroll-behavior:contain}.person{display:flex;align-items:center;gap:.55rem;padding:.42rem .5rem;border-radius:var(--r-md);font-size:.89rem;font-weight:500}.person:hover{background:var(--surface-2)}.person .av{width:30px;height:30px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-size:.82rem;font-weight:800;color:#0b0b12;border:2px solid var(--outline);box-shadow:1px 2px 0 var(--outline)}.person .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person .tools{display:flex;gap:.15rem;transition:opacity .15s ease}.person .tools button{width:28px;height:28px;display:grid;place-items:center;background:transparent;border:0;border-radius:7px;color:var(--muted);cursor:pointer}.person .tools button:hover{background:var(--surface-3);color:var(--text)}.person .tools svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.qdot{width:11px;height:11px;border-radius:50%;flex:0 0 auto;background:var(--q-offline);border:2px solid var(--outline)}.q-excellent{background:var(--q-excellent)}.q-good{background:var(--q-good)}.q-fair{background:var(--q-fair)}.q-poor{background:var(--q-poor);animation:pulse 1.6s ease-in-out infinite}.q-offline{background:var(--q-offline)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}.tag-host{font-size:.7rem;font-weight:800;padding:.05em .5em;border-radius:99px;background:var(--mustard);color:#17121f;border:1.5px solid var(--outline)}.tag-buf{font-size:.7rem;font-weight:700;padding:.05em .5em;border-radius:99px;background:var(--surface-3);color:var(--warn);border:1.5px solid var(--line-2)}.chat-list{flex:1;min-height:0;overflow-y:auto;padding:.75rem .8rem;display:flex;flex-direction:column;gap:.55rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.msg{max-width:92%;animation:msgIn .24s cubic-bezier(.3,1.4,.5,1);contain:layout style}@keyframes msgIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.msg .who{font-size:.78rem;font-weight:800;margin-bottom:.2rem;display:flex;align-items:center;gap:.35rem;color:var(--text-2)}.msg .bubble{padding:.42rem .78rem;border-radius:5px 16px 16px 16px;background:var(--surface-2);border:2px solid var(--outline);box-shadow:2px 2px 0 var(--outline);font-size:.92rem;line-height:1.75}.msg.me{align-self:flex-start}.msg.me .bubble{background:var(--mustard);color:#17121f;border-radius:16px 5px 16px 16px}.msg.sys{align-self:center;max-width:100%;text-align:center}.msg.sys .bubble{background:transparent;border:0;box-shadow:none;color:var(--muted);font-size:.82rem;font-weight:600;padding:.1rem}.msg.react{align-self:center}.msg.react .bubble{background:transparent;border:0;box-shadow:none;font-size:1.7rem;padding:0;text-align:center}.msg .at{font-size:.7rem;color:var(--muted);font-weight:500;direction:ltr}.typing{padding:0 .9rem .3rem;font-size:.8rem;color:var(--muted);min-height:1.4em;font-weight:600}.typing .dots{display:inline-flex;gap:3px;vertical-align:middle;margin-inline-start:.25em}.typing .dots i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:blink 1.3s infinite}.typing .dots i:nth-child(2){animation-delay:.2s}.typing .dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,100%{opacity:.25}30%{opacity:1}}.chat-compose{flex:0 0 auto;padding:.55rem .7rem .7rem;border-top:2px solid var(--outline);background:var(--surface)}.compose-row{display:flex;gap:.4rem;align-items:flex-end}.compose-row textarea{flex:1;min-height:2.5em;max-height:7em;padding:.5em .75em;resize:none;font:inherit;font-size:.93rem;color:var(--text);background:var(--surface-2);border:2px solid var(--line-2);border-radius:var(--r-md)}.compose-row textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.react-bar{display:flex;gap:.3rem;margin-top:.5rem;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:3px;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.react-bar::-webkit-scrollbar{display:none}.react-bar button{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;padding:0;font-size:1.15rem;line-height:1;background:var(--surface-2);border:2px solid var(--line-2);border-radius:11px;cursor:pointer;transition:transform .14s cubic-bezier(.3,1.6,.5,1),background .14s ease,border-color .14s ease}.react-bar button:hover{background:var(--surface-3);border-color:var(--outline);transform:translateY(-3px) scale(1.14) rotate(-6deg)}.react-bar button:active{transform:translateY(1px) scale(1)}.diag{position:absolute;z-index:40;top:calc(var(--topbar-h) + 10px);inset-inline-end:12px;width:min(410px,calc(100vw - 24px));max-height:min(72vh,560px);overflow-y:auto;background:var(--surface);border:2px solid var(--outline);border-radius:var(--r-lg);box-shadow:5px 6px 0 rgba(0,0,0,.55);padding:1rem;animation:menuIn .18s cubic-bezier(.3,1.4,.5,1)}.diag h3{display:flex;align-items:center;justify-content:space-between;font-size:1rem;margin-bottom:.7rem}.diag-verdict{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:var(--r-md);background:var(--surface-2);border:2px solid var(--outline);box-shadow:2px 2px 0 var(--outline);margin-bottom:.9rem}.diag-verdict .big{font-size:1.3rem;font-weight:900}.diag-verdict .why{font-size:.84rem;color:var(--text-2);line-height:1.7}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:.5rem;margin-bottom:.9rem}.metric{padding:.55rem .65rem;border-radius:var(--r-md);background:var(--surface-2);border:2px solid var(--line-2)}.metric .k{font-size:.75rem;color:var(--muted);margin-bottom:.15rem;font-weight:600}.metric .val{font-size:1.05rem;font-weight:800;direction:ltr;text-align:start}.metric .val small{font-size:.68rem;font-weight:600;color:var(--muted);margin-inline-start:.2em}.diag table{width:100%;border-collapse:collapse;font-size:.84rem}.diag th,.diag td{padding:.4rem .35rem;text-align:start;border-bottom:1px solid var(--line)}.diag th{color:var(--muted);font-weight:700;font-size:.77rem}.diag td.num{direction:ltr;font-variant-numeric:tabular-nums}.overlay{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:1rem;background:rgba(6,4,12,.76);animation:fade .2s ease-out}@keyframes fade{from{opacity:0}to{opacity:1}}.modal{width:min(530px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:3px solid var(--outline);border-radius:var(--r-xl);box-shadow:7px 8px 0 rgba(0,0,0,.6);padding:1.5rem;animation:modalIn .26s cubic-bezier(.3,1.4,.5,1)}@keyframes modalIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}.modal h2{font-size:1.2rem}.modal-actions{display:flex;gap:.6rem;justify-content:flex-start;margin-top:1.2rem;flex-wrap:wrap}.dropzone{border:3px dashed var(--line-2);border-radius:var(--r-lg);padding:1.6rem 1rem;text-align:center;color:var(--muted);font-size:.92rem;font-weight:600;transition:border-color .18s ease,background .18s ease,color .18s ease;cursor:pointer}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}body.dragging .stage::after{content:'فایل را اینجا رها کنید';position:absolute;inset:14px;z-index:60;display:grid;place-items:center;pointer-events:none;border:4px dashed var(--mustard);border-radius:var(--r-xl);background:rgba(255,107,74,.16);color:#fff;font-weight:800;font-size:1.1rem}.subs{position:absolute;inset-inline:0;bottom:8%;z-index:9;display:flex;justify-content:center;padding-inline:6%;pointer-events:none;transition:bottom .25s ease}.stage:not(.fs) .subs{bottom:6%}.subs-text{max-width:min(90%,1100px);text-align:center;font-size:var(--sub-size,2.1vw);font-weight:600;line-height:1.55;color:var(--sub-color,#fff);background:rgba(0,0,0,var(--sub-bg,.42));padding:.15em .6em;border-radius:8px;text-shadow:0 2px 5px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.9);white-space:pre-line}.subs-text:empty{display:none}.i{width:1.15em;height:1.15em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.btn .i{width:1.2em;height:1.2em}.btn-lg .i{width:1.32em;height:1.32em}.sticker .i{width:1.1em;height:1.1em}.tape .i{width:1.2em;height:1.2em}.i-door{width:1.65em;height:1.32em}.btn-lg .i-door{width:1.8em;height:1.44em}.i-popcorn .k{transform-box:fill-box;transform-origin:center;transition:transform .32s cubic-bezier(.3,1.7,.5,1)}.anim:hover .i-popcorn .k1,.step:hover .i-popcorn .k1{transform:translateY(-3.4px) rotate(-18deg)}.anim:hover .i-popcorn .k2,.step:hover .i-popcorn .k2{transform:translateY(-5px);transition-delay:.05s}.anim:hover .i-popcorn .k3,.step:hover .i-popcorn .k3{transform:translateY(-3.4px) rotate(18deg);transition-delay:.1s}.i-clapper .lid{transform-box:view-box;transform-origin:3.3px 9.4px;transition:transform .3s cubic-bezier(.3,1.8,.5,1)}.anim:hover .i-clapper .lid,.foot-main:hover .i-clapper .lid{transform:rotate(-27deg)}.i-bolt .flash{transform-box:fill-box;transform-origin:center}.anim:hover .i-bolt .flash{animation:zap .5s ease}@keyframes zap{0%,100%{transform:none;opacity:1}28%{transform:scale(1.28);opacity:.3}58%{transform:scale(.9);opacity:1}}.i-tag{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.anim:hover .i-tag{transform:rotate(-14deg) scale(1.08)}.i-phone .dev{transform-box:fill-box;transform-origin:center}.anim:hover .i-phone .dev{animation:buzz .5s ease}@keyframes buzz{0%,100%{transform:none}20%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}70%{transform:rotate(-4deg)}}.i-badge .ring{transform-box:fill-box;transform-origin:center;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.i-badge .tick{stroke-dasharray:11}.anim:hover .i-badge .ring{transform:rotate(72deg)}.anim:hover .i-badge .tick{animation:draw .45s ease .08s both}@keyframes draw{from{stroke-dashoffset:11}to{stroke-dashoffset:0}}.i-ticket{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.tape:hover .i-ticket{transform:rotate(-11deg) scale(1.1)}.i-search .lens,.i-search .stick{transition:transform .4s cubic-bezier(.3,1.5,.5,1)}.anim:hover .i-search .lens{transform:translate(-1.5px,-1.3px) scale(1.07)}.anim:hover .i-search .stick{transform:translate(-1.3px,-1.1px)}.i-search .glint{opacity:0;transition:opacity .25s ease .12s}.anim:hover .i-search .glint{opacity:1}.i-sliders circle{transition:transform .32s cubic-bezier(.3,1.6,.5,1)}.more summary:hover .i-sliders .s1 circle,.more[open] .i-sliders .s1 circle{transform:translateX(-5.4px)}.more summary:hover .i-sliders .s2 circle,.more[open] .i-sliders .s2 circle{transform:translateX(5.4px)}.i-door .leaf{transform-box:view-box;transform-origin:14.4px 12px;transition:transform .45s cubic-bezier(.3,1.15,.4,1)}.anim:hover .i-door .leaf{transform:scaleX(.16)}.i-door .knob{transition:opacity .2s ease}.anim:hover .i-door .knob{opacity:0}.i-door .guy{transition:transform .6s cubic-bezier(.45,0,.3,1),opacity .25s ease .38s}.anim:hover .i-door .guy{transform:translateX(-13.5px);opacity:0}.i-door .leg{transform-box:fill-box;transform-origin:top}.anim:hover .i-door .leg-a{animation:walk-a .3s ease-in-out 2}.anim:hover .i-door .leg-b{animation:walk-b .3s ease-in-out 2}@keyframes walk-a{0%,100%{transform:none}50%{transform:rotate(24deg)}}@keyframes walk-b{0%,100%{transform:none}50%{transform:rotate(-24deg)}}.i-send .plane{transform-box:fill-box;transform-origin:center}.step:hover .i-send .plane{animation:fly-off .75s cubic-bezier(.4,0,.3,1)}@keyframes fly-off{0%{transform:none;opacity:1}45%{transform:translate(-11px,-7px) rotate(-14deg);opacity:0}46%{transform:translate(10px,7px) rotate(-14deg);opacity:0}100%{transform:none;opacity:1}}.i-sync .rot{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.4,0,.2,1)}.feature:hover .i-sync .rot{transform:rotate(180deg)}.i-chat .d{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:center}.feature:hover .i-chat .d1{animation:dot .62s ease infinite}.feature:hover .i-chat .d2{animation:dot .62s ease .12s infinite}.feature:hover .i-chat .d3{animation:dot .62s ease .24s infinite}@keyframes dot{0%,100%{transform:none}40%{transform:translateY(-2.6px)}}.i-signal .b{transform-box:fill-box;transform-origin:bottom;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.feature:hover .i-signal .b1{transform:scaleY(1.6)}.feature:hover .i-signal .b2{transform:scaleY(1.32);transition-delay:.06s}.feature:hover .i-signal .b3{transform:scaleY(1.16);transition-delay:.12s}.feature:hover .i-signal .b4{transform:scaleY(1.06);transition-delay:.18s}.i-subs .ln{transform-box:fill-box;transform-origin:right}.feature:hover .i-subs .ln1{animation:type .5s ease}.feature:hover .i-subs .ln2{animation:type .5s ease .09s}.feature:hover .i-subs .ln3{animation:type .5s ease .18s}.feature:hover .i-subs .ln4{animation:type .5s ease .27s}@keyframes type{from{transform:scaleX(0)}to{transform:scaleX(1)}}.i-drive .arr{transform-box:fill-box;transform-origin:center}.feature:hover .i-drive .arr{animation:save .62s cubic-bezier(.3,1.4,.5,1)}@keyframes save{0%{transform:translateY(-3.4px);opacity:0}30%{opacity:1}100%{transform:translateY(1.4px);opacity:1}}.i-glass .hg{transform-box:fill-box;transform-origin:center;transition:transform .65s cubic-bezier(.4,0,.2,1)}.feature:hover .i-glass .hg{transform:rotate(180deg)}.i-quest .q{transform-box:fill-box;transform-origin:center}.sec-h:hover .i-quest .q{animation:wobble .6s ease}@keyframes wobble{0%,100%{transform:none}25%{transform:rotate(-12deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-4deg)}}.i-spark .sp{transform-box:fill-box;transform-origin:center}.sec-h:hover .i-spark .sp1{animation:twinkle .8s ease}.sec-h:hover .i-spark .sp2{animation:twinkle .8s ease .14s}@keyframes twinkle{0%,100%{transform:none;opacity:1}40%{transform:scale(1.35) rotate(26deg);opacity:.55}}.head-t{display:inline-flex;align-items:center;gap:.45em}.head-t .i{width:1.05em;height:1.05em;color:var(--accent)}.i-copy .sheet{transform-box:fill-box;transform-origin:center;transition:transform .28s cubic-bezier(.3,1.6,.5,1)}.btn:hover .i-copy .sheet{transform:translate(1.6px,1.6px)}.i-users .h1,.i-users .h2{transform-box:fill-box;transform-origin:bottom}.ctrl-btn:hover .i-users .h1,.pop-head:hover .i-users .h1{animation:bob .5s ease}.ctrl-btn:hover .i-users .h2,.pop-head:hover .i-users .h2{animation:bob .5s ease .1s}@keyframes bob{0%,100%{transform:none}45%{transform:translateY(-1.8px)}}.i-msg .d{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:center}.chat-head:hover .i-msg .d1{animation:dot .62s ease}.chat-head:hover .i-msg .d2{animation:dot .62s ease .12s}.chat-head:hover .i-msg .d3{animation:dot .62s ease .24s}@media (hover:none){.anim:hover .i-popcorn .k,.anim:hover .i-clapper .lid,.anim:hover .i-tag,.anim:hover .i-door .leaf,.anim:hover .i-door .guy,.anim:hover .i-search .lens,.anim:hover .i-search .stick{transform:none}.anim:hover .i-door .knob,.anim:hover .i-door .guy{opacity:1}.anim:hover .i-bolt .flash,.anim:hover .i-phone .dev,.anim:hover .i-badge .tick,.anim:hover .i-door .leg,.feature:hover .i-chat .d,.feature:hover .i-subs .ln,.feature:hover .i-drive .arr{animation:none}}.sec{margin-top:3rem}.sec-h{display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center;margin-bottom:.5rem;font-size:clamp(1.3rem,2.7vw,1.9rem)}.sec-h .i{width:1.05em;height:1.05em;color:var(--accent);stroke-width:2.2}.sec-p{text-align:center;color:var(--text-2);font-weight:500;font-size:1rem;max-width:54ch;margin:0 auto 1.6rem}.sec-note{text-align:center;color:var(--muted);font-size:.86rem;margin:1rem 0 0}#start{max-width:640px;margin-inline:auto}.btn-block{width:100%}.lbl-opt{font-weight:400;color:var(--muted);font-size:.85em}.field.last{margin-bottom:0}.row-tools{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.7rem}.row-tools .hint{margin:0;flex:1 1 12rem;min-width:0}.more{margin:1.15rem 0 1.35rem;background:var(--surface-2);border:var(--stroke) solid var(--line-2);border-radius:var(--r-md);overflow:hidden}.more summary{display:flex;align-items:center;gap:.55rem;cursor:pointer;list-style:none;padding:.7rem .95rem;font-weight:700;font-size:.91rem;color:var(--text-2);transition:background .16s ease,color .16s ease}.more summary::-webkit-details-marker{display:none}.more summary:hover{background:var(--surface-3);color:var(--ink)}.more summary::after{content:'';margin-inline-start:auto;width:.55em;height:.55em;border-inline-end:2.5px solid currentColor;border-block-end:2.5px solid currentColor;transform:rotate(45deg);transition:transform .22s ease;margin-block-end:.2em}.more[open] summary::after{transform:rotate(-135deg);margin-block:.25em 0}.more[open] summary{border-block-end:var(--stroke) solid var(--line-2)}.more-body{padding:1.05rem .95rem}@media (max-width:720px){.hide-sm{display:none}}@media (max-width:860px){:root{--tsd:.6}.hero{padding-block:1.8rem 1rem}.steps{margin-top:2.2rem}}@media (max-width:720px){.ctrl-row{flex-wrap:nowrap;gap:.14rem}.vol input[type=range]{display:none}#pathBadge{display:none}}@media (max-width:960.98px){.room-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--chat-h,0px);transition:none}.room-body.chat-on>.chat-pane{animation:chatIn .24s cubic-bezier(.2,.9,.3,1.05)}@keyframes chatIn{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}.room-body.chat-dragging>.chat-pane{animation:none}.room-body.chat-dragging{transition:none}.stage{grid-row:1;min-height:0}.chat-pane{grid-row:2;min-height:0;overflow:hidden;border-inline-end:0;border-top:0;border-radius:var(--r-xl) var(--r-xl) 0 0}.chat-head{position:relative;padding-top:1.3rem;border-bottom-width:2px;touch-action:none;cursor:grab;user-select:none}.chat-head:active{cursor:grabbing}.chat-head::before{content:'';position:absolute;top:8px;inset-inline-start:50%;width:48px;height:6px;margin-inline-start:-24px;border-radius:99px;background:var(--muted);border:1.5px solid var(--outline)}.chat-head::after{content:'';position:absolute;top:0;inset-inline:0;height:44px}.fs-chat{max-width:70vw;bottom:88px;inset-inline-start:14px}.subs-text{font-size:var(--sub-size-m,4.2vw)}.diag{inset-inline:8px;width:auto}.people-pop{inset-inline:auto 8px;width:min(330px,calc(100vw - 16px))}.chat-compose{padding-bottom:calc(.7rem + env(safe-area-inset-bottom))}}@media (max-width:960.98px) and (orientation:landscape){:root{--topbar-h:46px}.room-body{grid-template-columns:0 minmax(0,1fr);grid-template-rows:minmax(0,1fr);transition:none}.room-body.chat-on{grid-template-columns:min(38vw,290px) minmax(0,1fr)}.room-body>.chat-pane{grid-column:1;grid-row:1;border-radius:0;border-inline-end:2px solid var(--outline)}.room-body>.stage{grid-column:2;grid-row:1}.chat-head{padding-top:.55rem;cursor:default;touch-action:auto}.chat-head::before,.chat-head::after{display:none}.people-pop{max-height:calc(100dvh - var(--topbar-h) - 20px)}.controls{padding:.3rem .6rem .4rem}.ctrl-row{margin-top:.15rem;flex-wrap:nowrap;gap:.1rem}.ctrl-btn{width:34px;height:34px}.ctrl-btn svg{width:19px;height:19px}.ctrl-time{padding-inline:.25rem;font-size:.74rem}.vol input[type=range]{display:none}#btnBack,#btnFwd,#pathBadge,#btnDiag{display:none}.seek{height:34px;margin-block:-.2rem -.3rem}.chat-list{padding:.5rem .6rem;gap:.4rem}.chat-compose{padding:.4rem .5rem calc(.5rem + env(safe-area-inset-bottom))}.react-bar{margin-top:.3rem}.react-bar button{width:32px;height:32px;font-size:1.05rem}}@media (max-width:560px){.wrap{padding:.85rem}.topbar #roomTitle{display:none}.card{padding:1.2rem;border-radius:var(--r-lg)}.site-head{padding:.5rem .6rem .5rem .8rem}.ctrl-time{font-size:.78rem}.input-code{font-size:1.3rem;letter-spacing:.24em}.emo{width:40px;height:40px;font-size:1.2rem}.hero-art{width:100%}.ctrl-row{flex-wrap:nowrap;gap:.1rem}.vol input[type=range]{display:none}.ctrl-btn{width:34px;height:34px;position:relative}.ctrl-btn::after{content:'';position:absolute;inset:50% auto auto 50%;width:44px;height:44px;transform:translate(-50%,-50%)}.ctrl-btn svg{width:19px;height:19px}.ctrl-time{padding-inline:.25rem;font-size:.72rem}#btnDiag{display:none}#btnBack,#btnFwd{display:none}#pathBadge{display:none}.seek{height:44px;margin-block:-.35rem -.5rem}.seek-knob{width:19px;height:19px;opacity:1}}@media (hover:hover){.person .tools{opacity:0}.person:hover .tools,.person:focus-within .tools{opacity:1}}@media (hover:none){.person .tools{opacity:1}.person .tools button{width:38px;height:38px}.btn:hover:not(:disabled){transform:none;box-shadow:var(--pop-sm);filter:none}.btn-lg:hover:not(:disabled){box-shadow:var(--pop)}.feature:hover{transform:none;box-shadow:var(--pop-sm)}.emo:hover{transform:none;box-shadow:var(--pop-sm)}}@media (min-width:1600px){:root{--chat-w:380px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fs-msg.fade{animation:none;opacity:0}.hero-art .fl-a,.hero-art .fl-b,.hero-art .blink{animation:none}}@media print{.chat-pane,.controls,.topbar{display:none}body::before,body::after{display:none}.card,.feature,.step,.btn{box-shadow:none}}
