@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/barlow-condensed-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/barlow-condensed-latin-600-normal.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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/barlow-condensed-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/barlow-condensed-latin-700-normal.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:Overpass;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/overpass-cyrillic-ext-wght-normal.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/overpass-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/overpass-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Overpass;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/overpass-latin-wght-normal.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:Vazirmatn;font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}:root{--ink:#001B5E;--ink-2:#0A2A7A;--board:#12463C;--board-2:#0B2E28;--board-3:#1C5E51;--board-soft:#E3F1EC;--chalk:#FFD23F;--chalk-2:#E8B900;--chalk-soft:#FFF6D1;--signal:#0077F5;--signal-soft:#E3F0FF;--beacon:#FF7007;--beacon-2:#E05E00;--beacon-soft:#FFF0E4;--mint:#10B38A;--danger:#D93A2E;--danger-soft:#FCE9E7;--paper:#F2F5FA;--card:#FFFFFF;--line:#DCE3EE;--line-2:#C7D2E3;--text:#0E1B3D;--muted:#5A6A86;--room:#06231E;--tile:#0E3029;--tile-2:#143A32;--on-board:#EAF4F0;--r-sign:9px;--r-card:16px;--r-sheet:22px;--sh-1:0 1px 2px rgba(0,27,94,.06),0 2px 8px rgba(0,27,94,.06);--sh-2:0 14px 40px rgba(0,27,94,.18),0 3px 10px rgba(0,27,94,.1);--f-body:"Overpass",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","PingFang SC","Microsoft YaHei","Nirmala UI",sans-serif;--f-disp:"Barlow Condensed","Arial Narrow","Roboto Condensed","Overpass",system-ui,sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);color-scheme:light}html[data-theme=dark]{--ink:#E9F2EE;--ink-2:#C8D8D2;--paper:#07120F;--card:#0E1F1B;--line:#1C3530;--line-2:#28463F;--text:#E6EFEB;--muted:#93A8A1;--board-soft:#0F2C26;--chalk-soft:#3A3212;--beacon-soft:#3A2210;--signal-soft:#0E2A5A;--danger-soft:#3D1512;--sh-1:0 1px 2px rgba(0,0,0,.35);--sh-2:0 16px 44px rgba(0,0,0,.55);color-scheme:dark}html[dir=rtl]{--f-body:"Vazirmatn","Overpass",Tahoma,system-ui,sans-serif;--f-disp:"Vazirmatn","Barlow Condensed",Tahoma,sans-serif}html[lang=zh]{--f-disp:"PingFang SC","Microsoft YaHei","Noto Sans SC",var(--f-body)}html[lang=hi]{--f-disp:"Nirmala UI","Noto Sans Devanagari",var(--f-body)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(72px + var(--safe-t))}body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{font-family:var(--f-disp);font-weight:700;color:var(--ink);line-height:1.08;margin:0 0 .4em;letter-spacing:.005em}h1{font-size:clamp(30px,4vw,44px)}h2{font-size:clamp(22px,2.4vw,28px)}h3{font-size:19px}p{margin:0 0 .8em}a{color:var(--signal);text-underline-offset:2px}a:hover{color:var(--ink-2)}img,svg,video,canvas{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--chalk);outline-offset:2px;border-radius:6px}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.i{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;stroke:currentColor;fill:none}html[dir=rtl] .flip{transform:scaleX(-1)}.muted{color:var(--muted)}.center{text-align:center}.fine{font-size:13px;color:var(--muted)}.fine .i{margin-inline-end:4px}.note{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--muted);background:var(--board-soft);padding:10px 12px;border-radius:12px}.note.warn{background:var(--beacon-soft);color:var(--beacon-2)}.hint{font-size:13px;color:var(--muted);margin:-6px 0 12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.row.end{justify-content:flex-end}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}.spin{display:inline-block;width:20px;height:20px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.skel{height:180px;border-radius:var(--r-card);background:linear-gradient(90deg,var(--line) 0,var(--card) 50%,var(--line) 100%);background-size:200% 100%;animation:sk 1.2s linear infinite;opacity:.6}@keyframes sk{to{background-position:-200% 0}}.empty{text-align:center;padding:48px 16px;max-width:520px;margin:0 auto}.empty.sm{padding:24px 12px}.empty-ico{width:64px;height:64px;margin:0 auto 14px;border-radius:18px;display:grid;place-items:center;background:var(--board-soft);color:var(--board);font-size:30px}html[data-theme=dark] .empty-ico{color:var(--chalk)}.plate{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-sign);font:700 13px/1.2 var(--f-disp);letter-spacing:.03em;background:var(--line);color:var(--ink);white-space:nowrap}.plate .i{width:14px;height:14px}.plate.board{background:var(--board);color:#fff}.plate.chalk{background:var(--chalk);color:#2a2305}.plate.live{background:var(--beacon);color:#fff}.plate.rec{background:var(--danger);color:#fff}.plate .dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.plate-row{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;border:1.5px solid transparent;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,transform .05s;background:var(--card);color:var(--ink)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--board);color:#fff}.btn.primary:hover{background:var(--board-3);color:#fff}.btn.board{background:var(--ink);color:#fff}.btn.board:hover{background:var(--ink-2);color:#fff}html[data-theme=dark] .btn.board{background:var(--board-3)}.btn.beacon{background:var(--beacon);color:#fff}.btn.beacon:hover{background:var(--beacon-2);color:#fff}.btn.chalk{background:var(--chalk);color:#2a2305}.btn.chalk:hover{background:var(--chalk-2)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.danger:hover{background:var(--danger);color:#fff}.btn.ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}.btn.ghost:hover{border-color:var(--ink);background:var(--card)}.btn.ghost.light{color:var(--on-board);border-color:#ffffff4d}.btn.ghost.light:hover{background:#ffffff14}.btn.sm{min-height:36px;padding:0 12px;font-size:14px;border-radius:10px}.btn.lg{min-height:52px;padding:0 24px;font-size:16px;border-radius:14px}.btn.block{display:flex;width:100%;margin-top:10px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.busy{position:relative;color:transparent!important}.btn.busy:after{content:"";position:absolute;width:18px;height:18px;border:2.5px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn.ghost.busy:after{border-color:var(--ink);border-right-color:transparent}.icon-btn{display:inline-grid;place-items:center;position:relative;width:40px;height:40px;border-radius:11px;border:0;background:transparent;color:var(--ink);cursor:pointer}.icon-btn:hover{background:var(--line)}.icon-btn .i{width:20px;height:20px}.icon-btn.light{color:var(--on-board)}.icon-btn.light:hover{background:#ffffff1a}.icon-btn.on{background:var(--chalk);color:#2a2305}.icon-btn.board{background:var(--board);color:#fff}.icon-btn[disabled]{opacity:.4}.lnk{background:none;border:0;padding:0;color:var(--signal);cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:2px}.lnk[disabled]{color:var(--muted);text-decoration:none;cursor:default}.badge{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--beacon);color:#fff;font:700 11px/18px var(--f-body);text-align:center}.cnt{position:absolute;bottom:0;inset-inline-end:0;font:700 11px var(--f-body)}.field{margin:0 0 14px}.field label,.seg legend,.tcards legend{display:block;font-weight:700;font-size:14px;margin:0 0 6px;color:var(--ink)}.field input,.field select,.field textarea,.row-form select,.pollform input,.psearch,.rp-f textarea,.rp-f select,.rp-f-row input,.ask textarea,.lang-sel{width:100%;min-height:46px;padding:10px 12px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--text)}.field textarea{min-height:0;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--board);outline:0;box-shadow:0 0 0 3px #12463c2e}[aria-invalid=true]{border-color:var(--danger)!important}.ferr{color:var(--danger);font-size:13px;margin:4px 0 0;min-height:0}.ferr:empty{display:none}.form-err{background:var(--danger-soft);color:var(--danger);padding:10px 12px;border-radius:12px;font-weight:600;font-size:14px}.form-err:empty{display:none}.check,.chk{display:flex;gap:10px;align-items:flex-start;margin:6px 0 14px;font-size:14px;cursor:pointer}.check input,.chk input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--board);flex:none}.chk.sm{font-size:13px;margin:0 0 6px}.lang-sel{width:auto;min-height:40px;padding:6px 10px}.switch{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .sw{flex:none;width:44px;height:26px;border-radius:13px;background:var(--line-2);position:relative;transition:background .15s;margin-top:2px}.switch .sw:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform .15s}.switch input:checked+.sw{background:var(--board)}.switch input:checked+.sw:after{transform:translate(18px)}html[dir=rtl] .switch input:checked+.sw:after{transform:translate(-18px)}.switch input:focus-visible+.sw{outline:3px solid var(--chalk);outline-offset:2px}.switch small{display:block;color:var(--muted);font-size:13px;margin-top:2px}.seg{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px}.seg legend{width:100%}.seg label{flex:1;min-width:110px}.seg input{position:absolute;opacity:0}.seg span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:6px 10px;border:1.5px solid var(--line-2);border-radius:11px;font-weight:600;font-size:14px;cursor:pointer;text-align:center}.seg input:checked+span{border-color:var(--board);background:var(--board-soft);color:var(--board)}html[data-theme=dark] .seg input:checked+span{color:var(--chalk)}.seg input:focus-visible+span{outline:3px solid var(--chalk)}.tcards{border:0;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tcards legend{grid-column:1/-1}.tcard input{position:absolute;opacity:0}.tcard span{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px;border:1.5px solid var(--line-2);border-radius:14px;cursor:pointer}.tcard b{font-family:var(--f-disp);font-size:18px;color:var(--ink)}.tcard small{color:var(--muted);font-size:13px;line-height:1.35}.tcard .i{width:22px;height:22px;color:var(--board)}.tcard input:checked+span{border-color:var(--board);box-shadow:inset 0 0 0 1.5px var(--board);background:var(--board-soft)}.tcard input:focus-visible+span{outline:3px solid var(--chalk)}@media (max-width:640px){.tcards{grid-template-columns:1fr}}.code{display:flex;gap:8px;justify-content:center;margin:6px 0 16px;direction:ltr}.code input{width:46px;height:56px;text-align:center;font:700 24px var(--f-disp);border:1.5px solid var(--line-2);border-radius:12px;background:var(--card)}.code input:focus{border-color:var(--board);outline:0;box-shadow:0 0 0 3px #12463c33}.codebox{margin:22px 0 0;max-width:440px}.codebox label,.joinbar b{display:block;font-weight:700;margin:0 0 6px;color:var(--ink)}.codebox-row{display:flex;gap:8px}.codebox-row input{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--card);font:700 20px var(--f-disp);letter-spacing:.12em;text-transform:uppercase;direction:ltr}.codebox-row input::placeholder{color:var(--line-2)}.or{display:flex;align-items:center;gap:12px;margin:18px 0 8px;color:var(--muted);font-size:13px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}#toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(20px + var(--safe-b));z-index:200;display:flex;flex-direction:column;gap:8px;width:min(560px,calc(100% - 24px));pointer-events:none}.room~#toasts,body:has(.room) #toasts{bottom:auto;top:calc(66px + var(--safe-t))}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:var(--sh-2);font-size:15px;animation:tin .2s ease-out}html[data-theme=dark] .toast{background:#1b3a33}.toast span{flex:1;min-width:160px}.toast.ok{background:var(--board)}.toast.err{background:var(--danger)}.toast .btn.ghost{color:#fff;border-color:#fff6}.toast.out{opacity:0;transform:translateY(8px);transition:.3s}@keyframes tin{0%{opacity:0;transform:translateY(8px)}}.dlg-wrap{position:fixed;inset:0;z-index:150;background:#0010208c;display:grid;place-items:center;padding:16px;animation:fin .15s}@keyframes fin{0%{opacity:0}}.dlg{position:relative;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--card);border-radius:var(--r-sheet);padding:26px 24px 20px;box-shadow:var(--sh-2)}.dlg.small{width:min(440px,100%)}.dlg-x{position:absolute;top:12px;inset-inline-end:12px}.dlg-msg{font-size:17px;font-weight:600;color:var(--ink);padding-inline-end:36px}.dlg h2{padding-inline-end:40px}@media (max-width:640px){.dlg-wrap{place-items:end center;padding:0}.dlg{border-radius:var(--r-sheet) var(--r-sheet) 0 0;max-height:92vh;padding-bottom:calc(20px + var(--safe-b))}}.av{--h:160;display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:hsl(var(--h) 38% 34%);color:#fff;font:700 14px var(--f-disp);letter-spacing:.02em}.av.xl{width:112px;height:112px;font-size:40px}.wrap{width:min(1180px,100% - 40px);margin:0 auto}.wrap.narrow{width:min(760px,100% - 40px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--board);color:var(--board-3);padding:5px}.brand-mark svg{width:100%;height:100%;color:#fff}.brand-name{font:600 24px/1 var(--f-disp);letter-spacing:.01em}.brand-name b{font-weight:700;color:var(--board)}html[data-theme=dark] .brand-name b{color:var(--chalk)}.brand.sm .brand-mark{width:30px;height:30px}.brand.sm .brand-name{font-size:20px}.lang-hint{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 16px;background:var(--chalk-soft);font-size:14px}.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:var(--safe-t)}.top-in{display:flex;align-items:center;gap:18px;min-height:68px}.top-nav{display:flex;gap:4px;margin-inline-start:12px}.top-nav .lnk{color:var(--ink);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:9px}.top-nav .lnk:hover{background:var(--line)}.top-r{display:flex;align-items:center;gap:8px;margin-inline-start:auto}@media (max-width:980px){.top-nav{display:none}}@media (max-width:560px){.top-r .btn.ghost,.top-r .lang-sel{display:none}.top-in{gap:8px}}.hero{padding:clamp(28px,6vw,72px) 0 clamp(40px,7vw,90px)}.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center}.hero h1{font-size:clamp(44px,6.6vw,86px);line-height:.94;letter-spacing:-.005em;margin:0 0 20px;max-width:12ch}.lead{font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:52ch;margin:0 0 26px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap}.trust{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted)}.trust li{display:flex;align-items:center;gap:7px}.trust .i{color:var(--board)}html[data-theme=dark] .trust .i{color:var(--chalk)}@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero h1{max-width:none}}.demo{position:relative;background:var(--board);border-radius:26px;padding:14px;color:var(--on-board);box-shadow:0 30px 80px -30px #06231eb3,0 2px #ffffff0f inset;font-size:13px}.demo-top{display:flex;align-items:center;gap:10px;min-height:28px}.demo-time{font:600 14px var(--f-disp);letter-spacing:.06em;opacity:.85}.demo-net{display:flex;align-items:center;gap:6px;margin-inline-start:auto;font-weight:600}.demo-count{display:flex;align-items:center;gap:5px;font-weight:700}.bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.bars i{width:3px;background:currentColor;border-radius:1px}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:78%}.bars i:nth-child(4){height:100%}.demo[data-step="4"] .demo-net{color:var(--beacon)}.demo[data-step="4"] .demo-net .bars i:nth-child(n+2){opacity:.25}.demo-stage{position:relative;margin-top:10px;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:var(--board-2)}.demo-slide{position:absolute;inset:0;padding:6% 7%;background:radial-gradient(120% 90% at 20% 10%,#18584b 0,#0e3a32 55%,#0b2e28)}.demo-slide-h{font:700 clamp(18px,2.4vw,30px)/1 var(--f-disp);color:var(--chalk);letter-spacing:.02em}.demo-dia{width:70%;margin-top:6%}.demo-dia .sun{fill:var(--chalk)}.demo-dia .ray{stroke:var(--chalk);stroke-width:3;stroke-linecap:round;stroke-dasharray:6 7;animation:ray 1.4s linear infinite}.demo-dia .leaf{fill:#2f8c70}.demo-dia .vein{stroke:#9bdcc2;stroke-width:2}.demo-dia .chem{fill:#f6f4ee;font:600 18px var(--f-disp)}.demo-dia .chem.sm{font-size:14px;opacity:.8}@keyframes ray{to{stroke-dashoffset:-26}}.demo-pip{position:absolute;inset-inline-end:3%;top:5%;width:24%;aspect-ratio:4/3;border-radius:12px;background:linear-gradient(160deg,#2b6e5f,#153f36);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 0 2.5px var(--chalk);transition:filter .4s}.demo-pip-av{width:42%;aspect-ratio:1;border-radius:50%;background:#e9d9b8;color:#153f36;display:grid;place-items:center;font:700 clamp(12px,1.4vw,18px) var(--f-disp)}.demo-pip-n{font-size:11px;font-weight:700}.demo-weak{position:absolute;inset-inline-start:3%;top:5%;display:none;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;background:var(--beacon);color:#fff;font-weight:700;font-size:12px;max-width:58%}.demo[data-step="4"] .demo-weak{display:flex}.demo[data-step="4"] .demo-pip{filter:grayscale(1) brightness(.55)}.demo-cap{position:absolute;inset-inline:4%;bottom:6%;display:flex;gap:8px;align-items:flex-start;background:#000000a8;padding:8px 10px;border-radius:9px;font-size:clamp(13px,1.3vw,16px);line-height:1.35}.demo-cap .plate{font-size:11px;padding:2px 6px;background:var(--chalk);color:#2a2305;flex:none}.demo-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.demo-kid{position:relative;aspect-ratio:4/3;border-radius:11px;background:var(--tile-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700}.demo-kid .av{width:30px;height:30px;font-size:12px}.demo-hand{position:absolute;top:5px;inset-inline-start:5px;width:22px;height:22px;border-radius:50%;background:var(--chalk);color:#2a2305;display:none;place-items:center}.demo-hand .i{width:13px;height:13px}.demo[data-step="2"] .a2 .demo-hand,.demo[data-step="3"] .a2 .demo-hand{display:grid;animation:pop .3s ease-out}.demo[data-step="2"] .a2,.demo[data-step="3"] .a2{box-shadow:0 0 0 2px var(--chalk)}@keyframes pop{0%{transform:scale(.4)}}.demo-toast{position:absolute;inset-inline-end:18px;bottom:-16px;display:none;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--card);color:var(--ink);box-shadow:var(--sh-2);font-weight:700;font-size:13px;animation:tin .25s ease-out}.demo-toast .i{color:var(--board)}.demo[data-step="2"] .t-hand,.demo[data-step="6"] .t-coach,.demo[data-step="7"] .t-coach{display:flex}@media (prefers-reduced-motion:reduce){.demo *,.plate .dot{animation:none!important}}.land .sec{padding:clamp(48px,7vw,96px) 0;border-top:1px solid var(--line)}.sec h2{font-size:clamp(30px,3.6vw,48px);max-width:18ch}.sec-s{font-size:18px;color:var(--muted);max-width:60ch;margin-bottom:30px}.feat-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:0 36px}.feat{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.feat>.i{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--board-soft);color:var(--board);flex:none}html[data-theme=dark] .feat>.i{color:var(--chalk)}.feat h3{margin:0 0 4px}.feat p{margin:0;color:var(--muted);font-size:15px}.feat.big{grid-row:span 4;flex-direction:column;justify-content:flex-end;padding:28px;border:0;border-radius:var(--r-sheet);background:var(--board);color:var(--on-board);min-height:320px;margin-bottom:18px}.feat.big h3{color:#fff;font-size:30px}.feat.big p{color:#cfe3db;font-size:17px}.feat.big>.i{width:56px;height:56px;padding:12px;background:var(--chalk);color:#2a2305;margin-bottom:auto}@media (max-width:980px){.feat-grid{grid-template-columns:1fr 1fr}.feat.big{grid-column:1/-1;grid-row:auto;min-height:0}}@media (max-width:640px){.feat-grid{grid-template-columns:1fr}}.net-in{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;align-items:start}.net-meter{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sheet);padding:22px;display:grid;gap:14px}.nm-row{display:grid;grid-template-columns:54px 1fr 64px;gap:12px;align-items:center;font:700 15px var(--f-disp)}.nm-b{height:14px;border-radius:7px;background:var(--line);position:relative;overflow:hidden}.nm-b:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:var(--board);border-radius:7px}.nm-v{display:flex;justify-content:flex-end;color:var(--board)}html[data-theme=dark] .nm-v{color:var(--chalk)}.net-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.net-list h3{margin-bottom:4px}.net-list p{color:var(--muted);margin:0}@media (max-width:860px){.net-in,.net-list{grid-template-columns:1fr}}.coach-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media (max-width:860px){.coach-in{grid-template-columns:1fr}}.ticks{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ticks li{display:flex;gap:10px;align-items:flex-start;font-weight:600}.ticks .i{color:var(--board);margin-top:3px}html[data-theme=dark] .ticks .i{color:var(--chalk)}.coach-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sheet);padding:20px;box-shadow:var(--sh-2);display:grid;gap:10px}.cc-h{font:700 20px var(--f-disp);color:var(--ink);display:flex;gap:8px;align-items:center}.cc-h .i{color:var(--beacon)}.kp{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:var(--paper);border-inline-start:5px solid var(--line-2)}.kp .plate{align-self:flex-start;font-size:12px}.kp.w3{border-color:var(--board)}.kp.w3 .plate{background:var(--board);color:#fff}.kp.w2{border-color:var(--chalk-2)}.kp.w2 .plate{background:var(--chalk);color:#2a2305}.kp small{color:var(--muted);font-size:14px}.cc-src{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}.sec-board{background:var(--board);color:var(--on-board);border:0!important}.sec-board h2{color:#fff}.sec-board .sec-s{color:#cfe3db}.sec-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.sec-list li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:#ffffff0f;font-weight:700}.sec-list .i{width:24px;height:24px;color:var(--chalk)}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}@media (max-width:1020px){.plans{grid-template-columns:1fr 1fr}}@media (max-width:560px){.plans{grid-template-columns:1fr}}.plan{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--r-sheet);background:var(--card);border:1.5px solid var(--line)}.plan.hot{border-color:var(--board);box-shadow:var(--sh-2)}.plan h3{font-size:26px;margin:0}.plan-d{color:var(--muted);font-size:14px;min-height:40px;margin:0}.plan-p{margin:6px 0 10px;display:flex;align-items:baseline;gap:6px}.plan-p b{font:700 40px var(--f-disp);color:var(--ink)}.plan-p b.req{font-size:26px}.plan-p small{color:var(--muted)}.plan ul{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px;font-size:14px;flex:1}.plan li{display:flex;gap:8px;align-items:flex-start}.plan li .i{color:var(--board);margin-top:2px}html[data-theme=dark] .plan li .i{color:var(--chalk)}.faq{border-bottom:1px solid var(--line);padding:4px 0}.faq summary{cursor:pointer;list-style:none;padding:14px 0;font:700 20px var(--f-disp);color:var(--ink);display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:"+";font-size:26px;line-height:1;color:var(--board)}.faq[open] summary:after{content:"–"}.faq summary::-webkit-details-marker{display:none}.faq p{color:var(--muted);max-width:65ch}.foot{border-top:1px solid var(--line);padding:30px 0 calc(30px + var(--safe-b))}.foot-in{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.foot-in p{margin:0;color:var(--muted);font-size:14px}.foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-inline-start:auto}.foot nav a{color:var(--muted);font-size:14px}.auth{min-height:100vh;display:flex;flex-direction:column;position:relative;background:var(--room);overflow:hidden}.auth-bg{position:absolute;inset:0;display:grid;place-items:center;padding:4vw;opacity:.55;filter:blur(2px) saturate(.9);pointer-events:none}.auth-bg .demo{width:min(1100px,100%);transform:scale(1.04)}.auth-top,.auth-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(14px + var(--safe-t)) 20px 14px}.auth-top .brand{color:#fff}.auth-top .brand-name b{color:var(--chalk)}.auth-top .lang-sel{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.auth-top .lang-sel option{color:#000}.auth-main{position:relative;z-index:1;flex:1;display:grid;place-items:center;padding:12px 16px 24px}.auth-card{width:min(440px,100%);padding:30px 28px 24px;border-radius:26px;background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 30px 80px #00000073;border:1px solid rgba(255,255,255,.18)}.auth-card h1{font-size:34px}.auth-card .sub{color:var(--muted);margin-bottom:20px}.auth-card .alt{text-align:center;font-size:14px;margin:12px 0 0}.auth-ico{width:56px;height:56px;border-radius:16px;background:var(--board);color:var(--chalk);display:grid;place-items:center;margin-bottom:14px}.auth-ico .i{width:26px;height:26px}.auth-foot{justify-content:center;padding-bottom:calc(16px + var(--safe-b))}.auth-foot a{color:#cfe3db;font-size:13px}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:calc(18px + var(--safe-t)) 14px 18px;border-inline-end:1px solid var(--line);background:var(--card)}.side-nav{display:grid;gap:4px}.nav-i{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700}.nav-i:hover{background:var(--paper);color:var(--ink)}.nav-i.on{background:var(--board);color:#fff}.side-foot{margin-top:auto}.me-chip{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:var(--text)}.me-chip:hover{background:var(--paper)}.me-chip span{display:flex;flex-direction:column;min-width:0}.me-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.me-chip small{color:var(--muted);font-size:12px}.main{min-width:0;padding:calc(24px + var(--safe-t)) clamp(16px,3vw,40px) 40px}.main:focus{outline:0}.tabbar{display:none}.upd-bar{position:fixed;bottom:calc(16px + var(--safe-b));inset-inline-end:16px;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 14px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:var(--sh-2);font-size:14px}@media (max-width:860px){.app{grid-template-columns:1fr}.side{display:none}.main{padding:calc(16px + var(--safe-t)) 16px calc(88px + var(--safe-b))}.tabbar{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:6px 6px calc(6px + var(--safe-b))}.tabbar .nav-i{flex:1;flex-direction:column;gap:2px;padding:8px 4px;font-size:12px;border-radius:12px}.tabbar .nav-i.on{background:var(--board-soft);color:var(--board)}html[data-theme=dark] .tabbar .nav-i.on{color:var(--chalk)}.upd-bar{bottom:calc(84px + var(--safe-b))}}.page{max-width:1100px}.narrow-page{max-width:760px}.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.page-h h1{margin:0}.crumb{margin-bottom:10px}.crumb a{display:inline-flex;align-items:center;gap:4px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}.block{margin:0 0 28px}.block h2{font-size:24px}.block-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.block-h h2,.block-h p{margin:0;margin-inline-end:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:20px}.card h2{font-size:21px;margin-top:6px}.row-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.row-form .field{flex:1;min-width:220px;margin:0}.row-form select{width:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}.stats div{background:var(--paper);border-radius:12px;padding:12px}.stats b{display:block;font:700 28px var(--f-disp);color:var(--ink)}.stats small{color:var(--muted)}.joinbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:var(--r-card);background:var(--board);color:var(--on-board);margin-bottom:28px}.joinbar b{color:#fff;margin:0}.joinbar small{display:block;color:#cfe3db}.joinbar .codebox-row{flex:1;max-width:420px;min-width:240px}.clist{list-style:none;padding:0;margin:0;display:grid;gap:8px}.crow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.crow-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:var(--text)}.crow-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--board-soft);color:var(--board)}.crow-ico.t-meeting{background:var(--signal-soft);color:var(--signal)}.crow-ico.t-webinar{background:var(--beacon-soft);color:var(--beacon-2)}html[data-theme=dark] .crow-ico{color:var(--chalk)}.crow-t{display:flex;flex-direction:column;min-width:0}.crow-t b{font-size:16px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crow-t small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-block .crow{border-color:var(--beacon);box-shadow:0 0 0 1px var(--beacon)}.soon{list-style:none;padding:0;margin:0;display:grid;gap:2px}.soon li{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto auto;gap:14px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}.soon time{font:700 16px var(--f-disp);color:var(--ink)}@media (max-width:560px){.soon li{grid-template-columns:1fr auto}.soon li>span:not(.muted){grid-column:1/-1}}.class-h{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}.class-h h1{margin:0 0 4px}.codecard{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--r-card);background:var(--card);border:1px dashed var(--line-2);margin-bottom:18px}.lbl{display:block;font-size:12px;font-weight:700;color:var(--muted)}.bigcode{font:700 30px/1 var(--f-disp);letter-spacing:.14em;color:var(--ink);direction:ltr;display:inline-block}.codecard-a{display:flex;gap:6px;flex-wrap:wrap}.tabs{display:flex;gap:4px;border-bottom:1.5px solid var(--line);margin-bottom:18px;overflow-x:auto}.tab{padding:10px 14px;border:0;background:none;border-bottom:3px solid transparent;margin-bottom:-1.5px;font-weight:700;color:var(--muted);text-decoration:none;cursor:pointer;white-space:nowrap}.tab.on{color:var(--ink);border-color:var(--board)}html[data-theme=dark] .tab.on{border-color:var(--chalk)}.tabs.sm .tab{padding:8px 10px;font-size:14px}.desc{font-size:16px;max-width:70ch}.drop{display:flex;align-items:center;gap:14px;padding:18px;border:2px dashed var(--line-2);border-radius:var(--r-card);cursor:pointer;margin-bottom:12px;background:var(--card)}.drop .i{width:28px;height:28px;color:var(--board)}.drop b{display:block;color:var(--ink)}.drop small{color:var(--muted)}.drop.over,.drop:hover{border-color:var(--board);background:var(--board-soft)}.uplist{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}.uplist li{display:flex;gap:10px;align-items:center;font-size:14px}.uplist li.err{color:var(--danger)}.mlist,.people,.plist{list-style:none;padding:0;margin:0;display:grid;gap:6px}.mrow,.prow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.mrow-ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--paper);color:var(--board);flex:none}.mrow-t,.prow-t{flex:1;min-width:0;display:flex;flex-direction:column}.mrow-t b,.prow-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.mrow-t small,.prow-t small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow-t{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.people .prow-t{flex-direction:column;align-items:flex-start;gap:0}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}.tbl th{text-align:start;font-size:12px;color:var(--muted);font-weight:700;padding:8px;border-bottom:1.5px solid var(--line)}.tbl td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}.tbl td small{display:block;color:var(--muted)}.tbl .num{text-align:end;font-weight:700}.sess{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;padding:0 14px}.sess summary{cursor:pointer;display:flex;gap:16px;align-items:center;padding:12px 0;font-weight:700}.sess summary time{color:var(--ink);margin-inline-end:auto}.settings{max-width:640px}.keybox{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border-radius:12px;background:var(--paper);margin:8px 0}.keybox code{font-size:13px;word-break:break-all;flex:1}.danger-zone{margin-top:32px;padding-top:18px;border-top:1px solid var(--line)}.study-load{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 12px;text-align:center;color:var(--muted)}.summary{font-size:17px;max-width:72ch}.kps{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}.kp b{color:var(--ink)}.gloss{display:grid;grid-template-columns:minmax(120px,max-content) 1fr;gap:10px 18px;margin:0}.gloss dt{font-weight:700;color:var(--ink)}.gloss dd{margin:0;color:var(--muted)}@media (max-width:560px){.gloss{grid-template-columns:1fr}.gloss dd{margin-bottom:8px}}.qq{border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 12px;background:var(--card)}.qq legend{font-weight:700;color:var(--ink);padding:0 6px}.qo{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer}.qo:hover{background:var(--paper)}.qo input{accent-color:var(--board);width:18px;height:18px}.qo.right{background:#10b38a24;font-weight:700}.qo.wrong{background:var(--danger-soft)}.qwhy{font-size:14px;color:var(--muted);margin:8px 0 0;padding:8px 10px;border-inline-start:3px solid var(--board)}.qscore{font:700 20px var(--f-disp);color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.fcard{position:relative;min-height:150px;padding:18px;border-radius:16px;border:1.5px solid var(--line-2);background:var(--card);cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center;font-size:16px;color:var(--text)}.fcard .f-front{font-weight:700;color:var(--ink)}.fcard .f-back{display:none}.fcard.on{background:var(--board);color:#fff;border-color:var(--board)}.fcard.on .f-front{display:none}.fcard.on .f-back{display:block}.fcard small{position:absolute;bottom:8px;inset-inline:0;font-size:11px;opacity:.6}.ask{display:flex;gap:8px;align-items:flex-end;margin:10px 0}.ask textarea{flex:1}.answers{display:grid;gap:10px}.ans{padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.ans-q{font-weight:700;color:var(--ink)}.ans-a{margin:0}.ans-src{font-size:12px;color:var(--muted);margin:8px 0 0;display:flex;gap:6px}.cite{display:inline-block;padding:0 6px;border-radius:6px;background:var(--chalk-soft);color:var(--ink);font-size:12px;font-weight:700}#splash{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:var(--board);transition:opacity .35s}#splash.out{opacity:0;pointer-events:none}#splash .brand-mark{width:72px;height:72px;border-radius:20px;padding:10px;animation:pulse 1.4s ease-in-out infinite}.room{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;background:var(--room);color:var(--on-board);padding-top:var(--safe-t)}.room h1,.room h2{color:#fff}.room.pre{align-items:center;justify-content:center;overflow:auto}.pre-load{display:grid;place-items:center;height:100%}.pre-top{position:absolute;top:calc(10px + var(--safe-t));inset-inline:12px;display:flex;align-items:center;gap:10px;font-weight:700}.pre-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:32px;align-items:center;width:min(1080px,100% - 32px);padding:72px 0 32px}.pre-view{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:var(--tile);display:grid;place-items:center;box-shadow:0 30px 60px -20px #0009}.pre-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pre-ctl{position:absolute;bottom:14px;inset-inline:0;display:flex;justify-content:center;align-items:center;gap:10px}.lvl{width:70px;height:6px;border-radius:3px;background:#fff3;overflow:hidden}.lvl i{display:block;height:100%;width:0;background:var(--chalk);transition:width .08s}.pre-form{background:var(--card);color:var(--text);border-radius:var(--r-sheet);padding:24px}.pre-form h1{color:var(--ink);font-size:32px}.pre-form .note{margin-bottom:14px}@media (max-width:820px){.pre-main{grid-template-columns:1fr;gap:16px;padding-top:64px}}.video.mirror,video.mirror{transform:scaleX(-1)}.waitbox{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:24px;max-width:520px}.waitbox h1{font-size:32px;margin:0}.waitbox p{color:#cfe3db;margin:0}.wait-ico{width:72px;height:72px;border-radius:22px;background:var(--board);display:grid;place-items:center;color:var(--chalk)}.wait-ico .i{width:34px;height:34px}.rtop{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 10px;flex-wrap:nowrap}.rtitle{display:flex;align-items:center;gap:8px;min-width:0}.rtitle b{font:700 19px var(--f-disp);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:32vw}.rtop-sp{flex:1}.rtop .plate{flex:none}.rtop #clock{font-variant-numeric:tabular-nums}.fbmeter{background:#ffffff1a;color:#fff;gap:10px}.fbm{display:inline-flex;align-items:center;gap:3px}.fbm.k2,.fbm.k3,.fbm.k4{color:var(--chalk)}.net-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:10px;border:0;background:#ffffff14;color:#9be3c7;font-weight:700;font-size:13px;cursor:pointer}.net-btn.q-poor,.net-btn.q-lost{color:var(--beacon)}.net-btn.q-poor .bars i:nth-child(n+3),.net-btn.q-lost .bars i:nth-child(n+2){opacity:.25}.net-btn.q-unknown{color:#cfe3db}.net-btn.saver{background:#ffd23f29;color:var(--chalk)}@media (max-width:700px){.net-t,.rtitle b,.rtop .fbmeter{display:none}.rtop{gap:6px}}.rbody{flex:1;display:flex;min-height:0}.rstage-wrap{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:4px 10px 8px}.rstage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.rstage .tile{width:100%;height:100%}.rstrip{flex:none;height:clamp(84px,15vh,132px);display:flex;gap:10px;justify-content:center;align-items:stretch}.rstrip .tile{aspect-ratio:16/10;height:100%;flex:none}.rgrid,.grid-mode .rstage,.grid-mode .rstrip{display:none}.grid-mode .rgrid{display:grid;flex:1;min-height:0;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:10px;align-content:stretch}.grid-mode .rgrid .pager{grid-column:1/-1}.pager{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;flex:none}.rstrip .pager{flex-direction:column}.alone{align-self:center;color:#9fbdb3;font-size:14px;margin:0}.tile{position:relative;overflow:hidden;border-radius:14px;background:var(--tile);display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;transition:box-shadow .15s}.tile video{width:100%;height:100%;object-fit:cover;background:#000}.rstage .tile video,.tile.scr video{object-fit:contain;background:var(--room)}.tile.novid video{visibility:hidden}.t-av{position:absolute;inset:0;display:none;place-items:center}.tile.novid .t-av{display:grid}.t-av .av{width:clamp(44px,28%,128px);height:auto;aspect-ratio:1;font-size:clamp(16px,3vw,42px)}.rstrip .t-av .av,.rgrid .t-av .av{width:clamp(36px,34%,96px)}.tile.speaking{box-shadow:0 0 0 3px var(--chalk)}.t-bar{position:absolute;bottom:8px;inset-inline-start:8px;max-width:calc(100% - 50px);display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:8px;background:#0000008c;font-size:12px;font-weight:700}.t-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-mic{color:#ff9b90;display:inline-flex}.t-mic:empty{display:none}.t-role .plate{font-size:11px;padding:1px 6px}.t-hand{position:absolute;top:8px;inset-inline-start:8px;display:none;width:30px;height:30px;border-radius:50%;background:var(--chalk);color:#2a2305;place-items:center;animation:pop .3s ease-out}.tile.hand .t-hand{display:grid}.tile.hand{box-shadow:0 0 0 3px var(--chalk)}.t-net{position:absolute;bottom:10px;inset-inline-end:10px;display:inline-flex;align-items:flex-end;gap:2px;height:12px;color:#9be3c7}.t-net i{width:3px;background:currentColor;border-radius:1px}.t-net i:nth-child(1){height:40%}.t-net i:nth-child(2){height:70%}.t-net i:nth-child(3){height:100%}.t-net[data-q=poor],.t-net[data-q=lost]{color:var(--beacon)}.t-net[data-q=poor] i:nth-child(n+2),.t-net[data-q=lost] i{opacity:.25}.t-net:not([data-q]),.t-net[data-q=""]{display:none}.t-menu{position:absolute;top:6px;inset-inline-end:6px;opacity:0;background:#00000073}.tile:hover .t-menu,.t-menu:focus-visible{opacity:1}@media (hover:none){.t-menu{opacity:.85}}.t-self{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#cfe3db;font-weight:700}.t-self .i{width:40px;height:40px;color:var(--chalk)}.caps{position:absolute;inset-inline:10%;bottom:calc(clamp(84px,15vh,132px) + 26px);z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.grid-mode .caps{bottom:24px}.cap{margin:0;max-width:100%;padding:6px 12px;border-radius:9px;background:#000000bd;color:#fff;font-size:clamp(16px,2vw,22px);line-height:1.35;text-align:center}.cap b{color:var(--chalk);font-size:.8em}.cap small{display:block;font-size:.65em;opacity:.7}.cap.interim span{opacity:.8}.rbanner{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:12px;background:var(--beacon);color:#fff;font-weight:700}.audio-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.tile.board{background:var(--board);flex-direction:column}.wb{width:100%;height:100%;object-fit:contain;touch-action:none;cursor:crosshair;background:var(--board)}.wb-tools{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;border-radius:14px;background:#00000073}.wb-tools:empty{display:none}.wb-tools .sw{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:var(--c);cursor:pointer}.wb-tools .sw.on{border-color:#fff;box-shadow:0 0 0 2px var(--chalk)}.rdock{flex:none;display:flex;justify-content:center;align-items:center;gap:clamp(8px,2vw,28px);padding:8px 10px calc(10px + var(--safe-b));flex-wrap:nowrap;overflow-x:auto}.dock-g{display:flex;gap:6px}.rbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:66px;height:58px;padding:4px 8px;border:0;border-radius:14px;background:#ffffff14;color:var(--on-board);font-size:11px;font-weight:700;cursor:pointer}.rbtn .i{width:22px;height:22px}.rbtn:hover{background:#ffffff26}.rbtn.on{background:#fff3}.rbtn.off{background:#d93a2e40;color:#ffc2bb}.rbtn.dis{opacity:.55}.rbtn.chalk{background:var(--chalk);color:#2a2305}.rbtn.rec{background:var(--danger);color:#fff}.rbtn.leave{background:var(--danger);color:#fff;min-width:74px}.rbtn span{white-space:nowrap}.show-sm{display:none!important}@media (max-width:700px){.hide-sm{display:none!important}.show-sm{display:flex!important}.rbtn{min-width:48px;height:50px}.rbtn span{display:none}.rdock{justify-content:space-between;gap:6px}.rstrip{height:78px}.rstrip .tile{aspect-ratio:4/3}}.rpanel{flex:none;width:360px;max-width:100%;display:flex;flex-direction:column;background:var(--card);color:var(--text);border-radius:18px 0 0 18px;margin:4px 0 8px;overflow:hidden}html[dir=rtl] .rpanel{border-radius:0 18px 18px 0}.rpanel[hidden]{display:none}.rp-h{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 8px 18px;border-bottom:1px solid var(--line)}.rp-h h2{color:var(--ink);font-size:22px;margin:0}.rp-b{flex:1;overflow-y:auto;padding:12px 14px}.rp-f{border-top:1px solid var(--line);padding:8px 12px calc(10px + var(--safe-b))}.rp-f-row{display:flex;gap:6px;align-items:flex-end}.rp-f-row textarea{flex:1;min-height:44px;max-height:140px;resize:none}.rp-f-row select{width:auto;max-width:130px;min-height:44px}.rp-sec{margin-bottom:14px}.rp-sec h3{font-size:17px;margin:0}.rp-sec-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.rp-sec.lobby{padding:10px;border-radius:14px;background:var(--beacon-soft)}.rp-sec.bo{padding:10px;border-radius:14px;background:var(--board-soft)}.plist .prow{padding:8px 10px}.prow.hand{border-color:var(--chalk-2);background:var(--chalk-soft)}.p-hand{color:var(--chalk-2)}.p-mic{color:var(--muted);display:inline-flex}.p-mic.on{color:var(--mint)}.psearch{margin-bottom:10px;min-height:40px}.msgs{list-style:none;padding:0;margin:0;display:grid;gap:10px}.msg{padding:10px 12px;border-radius:14px;background:var(--paper)}.msg.mine{background:var(--board-soft)}.msg.priv{box-shadow:inset 3px 0 0 var(--chalk-2)}.msg-h{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.msg-h b{color:var(--ink)}.msg-h time{margin-inline-start:auto;color:var(--muted);font-size:12px}.msg-h .plate{font-size:11px;padding:1px 6px}.msg-t{margin:4px 0 0;word-wrap:break-word;overflow-wrap:anywhere}.msg-a{display:flex;gap:12px;font-size:12px;margin-top:4px}.msg-a:empty{display:none}.msg-a .lnk{font-weight:600;font-size:12px}.poll{padding:14px;border-radius:16px;background:var(--paper);margin-bottom:14px}.poll h3{font-size:19px}.popts{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.popt{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:8px 12px;border:1.5px solid var(--line-2);border-radius:12px;background:var(--card);cursor:pointer;overflow:hidden;text-align:start;font-weight:600}.popt[disabled]{cursor:default}.popt-l,.popt-v{position:relative;z-index:1}.popt-bar{position:absolute;inset-block:0;inset-inline-start:0;width:var(--p);background:var(--board-soft);transition:width .3s}.popt.mine{border-color:var(--board)}.popt.right{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.quick{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.pollform{display:grid;gap:8px}.pollform input{min-height:42px}.pillr input{position:absolute;opacity:0}.pillr span{display:inline-block;padding:8px 14px;border-radius:20px;border:1.5px solid var(--line-2);cursor:pointer;font-weight:600}.pillr input:checked+span{background:var(--board);color:#fff;border-color:var(--board)}.bo-prev{display:grid;gap:6px;margin:6px 0 10px;max-height:40vh;overflow:auto}.bo-r{display:flex;gap:10px;padding:8px 10px;border-radius:10px;background:var(--paper);font-size:14px}.bo-r b{flex:none;color:var(--ink)}.bo-r span{color:var(--muted)}.study-box .tabs{margin-bottom:12px}.study-box .summary{font-size:15px}@media (max-width:980px){.rpanel{position:fixed;inset:0;z-index:40;width:auto;margin:0;border-radius:0;padding-top:var(--safe-t)}}.rmenu{position:fixed;z-index:120;min-width:230px;max-width:min(320px,calc(100vw - 16px));max-height:70vh;overflow:auto;padding:6px;border-radius:16px;background:var(--card);color:var(--text);box-shadow:var(--sh-2);border:1px solid var(--line)}.rmenu-h{margin:6px 10px 4px;font:700 15px var(--f-disp);color:var(--muted)}.rmenu button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:10px;background:none;text-align:start;cursor:pointer;font-weight:600;color:var(--ink)}.rmenu button:hover,.rmenu button:focus-visible{background:var(--paper)}.rmenu button.on{background:var(--board-soft);color:var(--board)}html[data-theme=dark] .rmenu button.on{color:var(--chalk)}.rmenu button.danger{color:var(--danger)}.rmenu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.rmenu-f{font-size:12px;color:var(--muted);margin:6px 10px;line-height:1.4}.rmenu-sel{display:grid;gap:4px;padding:6px 10px;font-size:13px;font-weight:700;color:var(--muted)}.rmenu-sel select{min-height:38px;border-radius:9px;border:1.5px solid var(--line-2);background:var(--card);padding:4px 8px}#floaters{position:fixed;inset:0;pointer-events:none;z-index:35}.floater{position:fixed;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;background:var(--card);color:var(--ink);font-size:13px;font-weight:700;box-shadow:var(--sh-2);transform:translate(-50%,-50%);animation:floatUp 2.6s ease-out forwards}.floater .i{color:var(--board)}.floater.k2 .i,.floater.k3 .i,.floater.k4 .i{color:var(--beacon-2)}@keyframes floatUp{0%{opacity:0;margin-top:10px}15%{opacity:1}to{opacity:0;margin-top:-70px}}@media (prefers-reduced-motion:reduce){.floater{animation:none;opacity:1}}