@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-ext-wght-normal-CawQDOvP.woff2) format("woff2-variations");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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-wght-normal-DdqRvwsR.woff2) format("woff2-variations");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}:root{--bg-0: #070810;--bg-1: #0a0b16;--bg-2: #10121f;--bg-3: #171a2b;--panel: #121423;--panel-2: #191c30;--border: #262a42;--border-soft: rgba(255, 255, 255, .06);--text-1: #eef0ff;--text-2: #a5adc9;--text-3: #6b7394;--a-1: #6c7bff;--a-2: #a855f7;--grad: linear-gradient(135deg, var(--a-1), var(--a-2));--danger: #ff4d6a;--danger-soft: rgba(255, 77, 106, .14);--ok: #3ddc84;--warn: #ffc93c;--radius: 16px;--radius-sm: 10px;--shadow: 0 12px 32px rgba(0, 0, 0, .4);--glow: 0 0 0 1px rgba(255, 255, 255, .04), 0 12px 40px color-mix(in srgb, var(--a-1) 18%, transparent);--font-body: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Sora Variable", "Inter Variable", system-ui, sans-serif;--input-bg: rgba(9, 10, 18, .6);--msg-bg: rgba(255, 255, 255, .025);--stage-bg: #05060c;--glass: rgba(10, 11, 22, .85);--glass-2: rgba(18, 20, 35, .82);--stroke: rgba(255, 255, 255, .05);--thumb: rgba(255, 255, 255, .12);--thumb-h: rgba(255, 255, 255, .2)}[data-theme=light],[data-theme=nvidia-light],[data-theme=amd-light],[data-theme=intel-light]{--bg-0: #eef0f7;--bg-1: #f6f7fb;--bg-2: #ffffff;--bg-3: #e9ecf4;--panel: #ffffff;--panel-2: #f1f3fa;--border: #e2e6f0;--border-soft: rgba(15, 18, 40, .08);--text-1: #191b2b;--text-2: #4c5470;--text-3: #8a90ab;--shadow: 0 12px 30px rgba(30, 35, 70, .12);--glow: 0 0 0 1px rgba(20, 25, 60, .05), 0 12px 40px rgba(108, 123, 255, .16);--input-bg: #ffffff;--msg-bg: rgba(15, 18, 40, .04);--stage-bg: #e9ecf4;--glass: rgba(250, 250, 253, .82);--glass-2: rgba(255, 255, 255, .9);--stroke: rgba(15, 18, 40, .05);--thumb: rgba(40, 45, 80, .18);--thumb-h: rgba(40, 45, 80, .28)}html[data-theme=light] body,html[data-theme=nvidia-light] body,html[data-theme=amd-light] body,html[data-theme=intel-light] body{background:radial-gradient(1100px 560px at 85% -10%,color-mix(in srgb,var(--a-1) 10%,transparent),transparent 60%),radial-gradient(900px 480px at 8% 108%,rgba(168,85,247,.08),transparent 60%),var(--bg-1)}[data-theme=intel-dark]{--a-1: #0071c5;--a-2: #00a2ff;--bg-0: #04060f;--bg-1: #070b1a;--bg-2: #0c1226;--bg-3: #131b33;--panel: #0a1122;--panel-2: #101a30;--border: #1c2842}[data-theme=intel-light]{--a-1: #0071c5;--a-2: #00a2ff;--bg-0: #eef4fb;--bg-1: #f4f9ff;--bg-2: #ffffff;--bg-3: #e0ebf8;--panel: #ffffff;--panel-2: #f0f6fd;--border: #d3e2f5}[data-theme=amd-dark]{--a-1: #ff3b30;--a-2: #ed1c24;--bg-0: #120506;--bg-1: #170809;--bg-2: #200c0e;--bg-3: #2b1114;--panel: #1c0a0c;--panel-2: #260f12;--border: #3a1619}[data-theme=amd-light]{--a-1: #ff3b30;--a-2: #ed1c24;--bg-0: #fbf0f0;--bg-1: #fff7f6;--bg-2: #ffffff;--bg-3: #f7e4e4;--panel: #ffffff;--panel-2: #fbeeee;--border: #f0d5d5}[data-theme=nvidia-dark]{--a-1: #76b900;--a-2: #8be04a;--bg-0: #050c05;--bg-1: #081209;--bg-2: #0e1a10;--bg-3: #152518;--panel: #0b150d;--panel-2: #122216;--border: #1f3523}[data-theme=nvidia-light]{--a-1: #76b900;--a-2: #8be04a;--bg-0: #f0f7ee;--bg-1: #f6fbf4;--bg-2: #ffffff;--bg-3: #e3f0de;--panel: #ffffff;--panel-2: #f1f8ee;--border: #d7ead1}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--text-1);background:radial-gradient(1100px 560px at 85% -10%,rgba(108,123,255,.16),transparent 60%),radial-gradient(900px 480px at 8% 108%,rgba(168,85,247,.14),transparent 60%),var(--bg-1);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100dvh}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.15;letter-spacing:-.02em}a{color:var(--a-1);text-decoration:none}a:hover{text-decoration:underline}::selection{background:color-mix(in srgb,var(--a-1) 35%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--thumb-h);background-clip:content-box}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s ease,border-color .16s ease,transform .1s ease,box-shadow .16s ease}button:hover{border-color:color-mix(in srgb,var(--a-1) 60%,transparent)}button:active{transform:translateY(1px)}button svg{flex-shrink:0}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--a-1);outline-offset:2px}.btn-primary,button.primary{background:var(--grad);border:none;color:#fff;font-weight:600;box-shadow:0 8px 22px color-mix(in srgb,var(--a-2) 35%,transparent)}.btn-primary:hover,button.primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 26px color-mix(in srgb,var(--a-2) 45%,transparent)}.btn-ghost,button.ghost{background:transparent}.btn-ghost:hover,button.ghost:hover{background:var(--stroke)}button.danger{background:var(--danger);border-color:transparent;color:#fff;font-weight:600}button.danger:hover{filter:brightness(1.08)}.btn-danger{background:var(--danger, #ff5c5c);border-color:transparent;color:#fff;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem}.btn-danger:hover{filter:brightness(1.1)}.danger-zone{border:1px solid color-mix(in srgb,#ff5c5c 40%,transparent);border-radius:12px;padding:16px}.danger-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.icon-btn{width:36px;height:36px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}input,select{font:inherit;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg);color:var(--text-1);transition:border-color .16s ease,box-shadow .16s ease}input::placeholder{color:var(--text-3)}input:focus,select:focus{border-color:var(--a-1);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-1) 22%,transparent);outline:none}select{cursor:pointer;background-image:none}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.hint{font-size:13px;color:var(--text-3);margin:8px 0 0}.hidden{display:none!important}.status{font-size:13px;color:var(--text-2)}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--border);color:var(--text-1);padding:11px 20px;border-radius:999px;z-index:1000;box-shadow:var(--shadow),0 0 30px color-mix(in srgb,var(--a-1) 15%,transparent);font-size:14px;font-weight:600;animation:toast-in .18s ease;max-width:90vw}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.96)}}.landing{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:40px 20px;width:100%}.landing-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,6vw,76px);align-items:center;width:min(1080px,100%)}@media(max-width:880px){.landing-grid{grid-template-columns:1fr;gap:30px;text-align:center}}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.logo-badge{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:color-mix(in srgb,var(--a-1) 10%,transparent);box-shadow:var(--glow);animation:float-in .5s ease;margin-bottom:10px}@keyframes float-in{0%{opacity:0;transform:translateY(-12px) scale(.9)}}.brand-title{font-size:clamp(38px,6vw,56px);font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.03em}.tagline{font-size:20px;font-weight:500;color:var(--text-1);margin:4px 0 0;max-width:520px}.subline{font-size:14.5px;color:var(--text-2);margin:12px 0 0;line-height:1.7;max-width:520px}.landing-card{width:min(440px,100%);justify-self:center;display:flex;flex-direction:column;gap:14px;text-align:left;background:var(--glass-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-soft);border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--a-1),var(--a-2)) 1;border-image-slice:1;border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.emoji-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:176px;overflow-y:auto;padding:8px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--input-bg)}.landing-emoji-preview{width:46px;height:44px;flex-shrink:0;display:grid;place-items:center;font-size:24px;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.input-row{display:flex;gap:10px}@media(max-width:520px){.emoji-strip{grid-template-columns:repeat(6,1fr)}}.strip-emoji{font-size:20px;padding:5px 0;border-radius:8px;background:transparent;border:1px solid transparent}.strip-emoji:hover{background:color-mix(in srgb,var(--a-1) 14%,transparent);border-color:color-mix(in srgb,var(--a-1) 30%,transparent)}.strip-emoji.active{background:var(--grad);border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--a-2) 40%,transparent)}.landing-footer{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-3)}.landing-footer svg{vertical-align:-3px}.foot-pill{display:inline-flex;align-items:center;gap:6px;background:var(--stroke);border:1px solid var(--border-soft);padding:5px 14px;border-radius:999px;color:var(--text-2)}.foot-pill:hover{text-decoration:none;border-color:var(--a-1);color:var(--text-1)}.user-page{max-width:960px;margin:0 auto;padding:26px 18px 60px;display:flex;flex-direction:column;gap:20px}.topbar{display:flex;align-items:center;gap:14px}.back-btn{width:40px;height:40px;border-radius:12px}.user-chip{display:inline-flex;align-items:center;gap:12px;margin-right:auto;padding:8px 16px 8px 8px;background:var(--panel);border:1px solid var(--border-soft);border-radius:999px;box-shadow:var(--shadow)}.chip-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--chip-color) 26%,var(--bg-2));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--chip-color) 55%,transparent)}.chip-name{font-weight:700;font-family:var(--font-display);color:var(--text-1)}.user-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:760px){.user-cols{grid-template-columns:1fr}}.sec-title{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:16px;color:var(--text-1)}.sec-title .sec-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--a-1) 14%,transparent);color:var(--a-1)}.create-card,.join-card{display:flex;flex-direction:column;gap:14px}.join-row{display:flex;gap:10px}.join-row input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.warn{color:var(--warn);font-size:13px;background:#ffc93c14;border:1px solid rgba(255,201,60,.22);border-radius:var(--radius-sm);padding:8px 12px}.history-card,.settings-panel{display:flex;flex-direction:column}.history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.history-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:8px}.history-enter{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:var(--bg-2);padding:12px 16px}.history-enter:hover{border-color:color-mix(in srgb,var(--a-1) 50%,transparent)}.history-enter .history-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-enter code{color:var(--text-3);letter-spacing:1.5px;font-size:13px;font-weight:600;flex-shrink:0;background:#ffffff0d;padding:3px 10px;border-radius:999px;border:1px solid var(--border-soft)}.history-del{background:transparent;border:none;color:var(--text-3);padding:8px}.history-del:hover{color:var(--danger);border:none;background:var(--danger-soft)}.menu{padding:0;overflow:hidden}.menu-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:none;font-size:15px;font-weight:600;color:var(--text-1);justify-content:flex-start}.menu-btn:hover{background:var(--stroke);border-color:transparent}.menu-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--a-1) 14%,transparent);color:var(--a-1)}.menu-label{margin-right:auto;text-align:left}.chev{width:10px;height:10px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);transition:transform .28s ease;margin:-5px 6px 0 0}.menu-btn[aria-expanded=true] .chev{transform:rotate(225deg);margin-top:0}.settings-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1)}.settings-wrap>.settings-panel{overflow:hidden;min-height:0;padding:0 22px;opacity:0;transition:opacity .24s ease,padding .3s cubic-bezier(.4,0,.2,1)}.settings-wrap.open{grid-template-rows:1fr}.settings-wrap.open>.settings-panel{padding:20px 22px 26px;opacity:1}.settings-panel{border-top:1px solid var(--border-soft);padding:20px 22px 26px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:8px}.settings-foot{margin:2px 0 0;text-align:center;font-size:11px;color:var(--text-3, var(--text-2));opacity:.75}.setting{display:flex;flex-direction:column;gap:10px}.setting-label{font-size:12px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}.setting-theme{grid-column:1 / -1}.themes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.theme-opt{flex-direction:column;gap:6px;padding:8px 4px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:12px}.theme-opt:hover{border-color:var(--a-1)}.theme-opt .theme-swatch{width:100%;height:26px;border-radius:8px}.theme-opt .theme-label{font-size:11px;font-weight:600;color:var(--text-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.theme-opt.active{border-color:var(--a-1);outline:2px solid color-mix(in srgb,var(--a-1) 45%,transparent);outline-offset:1px}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:12px;padding:4px;gap:4px;align-self:flex-start}.seg-btn{border:none;background:transparent;padding:7px 16px;border-radius:9px;color:var(--text-2);font-weight:500}.seg-btn.active{background:var(--grad);color:#fff;font-weight:600;box-shadow:0 6px 16px color-mix(in srgb,var(--a-2) 30%,transparent)}.colors{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;padding:0;transition:transform .12s ease,box-shadow .12s ease}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 3px var(--bg-2),0 0 0 5px var(--a-1)}.custom-color{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.custom-color input[type=color]{width:46px;height:32px;padding:2px;background:none;border:1px solid var(--border);cursor:pointer;border-radius:8px}.setting-emoji{grid-column:1 / -1}.emoji-search{width:100%}.emoji-empty{grid-column:1 / -1;font-size:13px;color:var(--text-3);text-align:center;padding:12px 0}.emoji-wrap{max-height:340px;overflow:auto;border:1px solid var(--border-soft);border-radius:14px;background:var(--input-bg);padding:14px 16px}.emoji-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}@media(max-width:760px){.emoji-grid{grid-template-columns:repeat(7,1fr)}}.emoji-cat-head{grid-column:1 / -1;font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin:10px 6px 2px;padding-top:8px;border-top:1px solid var(--border-soft)}.emoji-cat-head:first-child{border-top:none;margin-top:2px;padding-top:0}.emoji-btn{font-size:28px;padding:6px 0;border-radius:10px;background:transparent;border:1px solid transparent}.emoji-btn:hover{background:color-mix(in srgb,var(--a-1) 14%,transparent);border-color:color-mix(in srgb,var(--a-1) 30%,transparent)}.emoji-btn.active{background:var(--grad);border-color:transparent;box-shadow:0 6px 16px color-mix(in srgb,var(--a-2) 40%,transparent)}.rr{display:flex;flex-direction:column;height:100dvh;background:var(--bg-1);overflow:hidden}.rr-topbar{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-soft);z-index:30}.rr-row1{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.rr-brand{display:flex;align-items:center;gap:10px;min-width:0}.rr-brand .brand-name{font-family:var(--font-display);font-weight:700;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.rr-id{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:1.5px;background:var(--bg-2);border:1px solid var(--border-soft);padding:4px 12px;border-radius:999px;color:var(--text-2)}.rr-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rr-roster{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.roster-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:999px;padding:4px 12px 4px 5px;font-size:14px;color:var(--text-1)}.roster-chip .rc-emoji{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:color-mix(in srgb,var(--chip-color) 26%,var(--bg-2))}.roster-chip .rc-name{font-weight:600;color:var(--chip-color)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);display:inline-block;animation:pulse 1.5s infinite;box-shadow:0 0 0 3px #ff4d6a2e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.roster-chip.active{border-color:var(--a-1);background:color-mix(in srgb,var(--a-1) 14%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--a-1) 35%,transparent)}.dbg{margin:2px 0 0;padding:10px 12px;background:#090a12b3;border:1px dashed var(--border);border-radius:var(--radius-sm);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.55;color:#9fe8b0;white-space:pre-wrap;max-height:170px;overflow:auto}.rr-body{flex:1;display:flex;min-height:0}.rr-chat{width:330px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:width .28s ease,opacity .2s ease,border-color .28s ease}.rr-chat[data-side=right]{order:2;border-right:none;border-left:1px solid var(--border-soft)}@media(max-width:860px){.rr-chat{width:280px}}.self-preview{position:relative;border-bottom:1px solid var(--border-soft);background:#000;cursor:pointer}.self-preview.on{box-shadow:inset 0 0 0 1px #3ddc8480}.self-preview video{width:100%;aspect-ratio:16 / 9;display:block;background:#000}.self-tag{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:600;background:#000000b3;padding:3px 10px;border-radius:999px;color:var(--ok);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.self-toggle{position:absolute;right:8px;bottom:8px;width:32px;height:32px;padding:0;border-radius:50%;background:#000000b3;border:1px solid rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.self-toggle:hover{border-color:var(--a-1);background:#000000d9}.chat-title{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:600;font-size:13px;color:var(--text-2);border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:.08em}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:0;scroll-behavior:smooth}.chat-msg{font-size:14px;line-height:1.45;word-break:break-word;animation:msg-in .18s ease;padding:8px 12px;background:var(--msg-bg);border:1px solid var(--border-soft);border-radius:12px}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}}.chat-msg .who{font-weight:700}.chat-msg .text{color:var(--text-1)}.chat-msg .text a{color:var(--a-1);text-decoration:underline;word-break:break-all}.chat-more{margin:4px 12px 8px;font-size:13px;align-self:center}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border-soft)}.chat-form input{flex:1;min-width:0}.chat-form button{width:44px;padding:0;flex-shrink:0}.chat-form button:disabled{width:auto;min-width:44px;padding:0 10px;font-variant-numeric:tabular-nums}.rr-stage{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.stage-view{flex:1;position:relative;display:grid;grid-auto-rows:1fr;gap:0;background:radial-gradient(600px 360px at 50% 40%,color-mix(in srgb,var(--a-1) 6%,transparent),transparent 70%),var(--stage-bg);min-height:0}.stage-tile{position:relative;overflow:hidden;background:#000;min-width:0;min-height:0}.stage-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.tile-tools{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:2}.tile-btn{width:30px;height:30px;padding:0;border-radius:8px;background:#0000008c;border:1px solid rgba(255,255,255,.15);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tile-btn:hover{border-color:var(--a-1)}.tile-label{position:absolute;left:8px;bottom:8px;font-size:12px;font-weight:600;background:#0000008c;padding:3px 10px;border-radius:999px;color:var(--tile-color, #fff);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.stage-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:var(--text-3);text-align:center;padding:20px}.ph-ic{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:color-mix(in srgb,var(--a-1) 10%,transparent);border:1px solid var(--border-soft);color:var(--a-1)}.stage-placeholder p{margin:0;font-size:16px;font-weight:500;color:var(--text-2)}.stage-placeholder .hint{margin:0}.stage-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-soft);flex-wrap:wrap;z-index:30}.tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tx-panel{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:var(--bg-2);border:1px solid var(--border-soft);padding:10px 14px;border-radius:14px;font-size:13px}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.switch input{appearance:none;-webkit-appearance:none;width:34px;height:19px;margin:0;flex:none;box-sizing:border-box;border-radius:999px;background:var(--bg-3);border:1px solid var(--border);position:relative;cursor:pointer;padding:0;transition:background .16s ease,border-color .16s ease;box-shadow:none}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:var(--text-2);transition:left .16s ease,background .16s ease}.switch input:checked{background:var(--grad);border-color:transparent}.switch input:checked:after{left:17px;background:#fff}.tx-res{display:inline-flex;align-items:center;gap:8px;font-weight:500}.tx-res select{padding:6px 10px;font-size:13px}.tx-apply{font-weight:600}.vol{display:inline-flex;align-items:center;gap:8px}.vol-btn{width:34px;height:34px;padding:0;font-size:15px}.vol input[type=range]{width:110px;padding:0;accent-color:var(--a-1);border:none;background:none;box-shadow:none}.rr.fs{width:100vw;height:100vh}.rr.fs .stage-view{height:100%}.rr.fs .rr-topbar,.rr.fs .rr-chat,.rr.fs .stage-tools{position:absolute;z-index:40;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;box-shadow:var(--shadow);transition:opacity .22s ease;border:1px solid var(--border-soft)}.rr.fs .rr-topbar{top:12px;left:12px;right:12px}.rr.fs .rr-chat{top:96px;bottom:88px;width:300px}.rr.fs .rr-chat[data-side=left]{left:12px}.rr.fs .rr-chat[data-side=right]{right:12px}.rr.fs .stage-tools{bottom:12px;left:50%;transform:translate(-50%);min-width:min(560px,94vw);justify-content:center}.rr.fs.ui-hidden .rr-topbar,.rr.fs.ui-hidden .rr-chat,.rr.fs.ui-hidden .stage-tools{opacity:0;pointer-events:none}.rr.fs.ui-hidden{cursor:none}.shake{animation:kshake .6s}@keyframes kshake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.conf-pt{position:fixed;width:9px;height:9px;border-radius:50%;z-index:9999;pointer-events:none;animation:pt-fly 1.2s ease-out forwards}@keyframes pt-fly{to{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}.chat-toggle-btn{display:none}@media(max-width:720px){.chat-toggle-btn{display:inline-flex}.rr:not(.fs) .rr-body{position:relative}.rr:not(.fs) .rr-chat{position:absolute;top:0;bottom:0;width:min(86vw,330px);z-index:60;box-shadow:var(--shadow);transition:transform .28s cubic-bezier(.4,0,.2,1)}.rr:not(.fs) .rr-chat[data-side=left]{left:0;transform:translate(-102%)}.rr:not(.fs) .rr-chat[data-side=right]{right:0;transform:translate(102%)}.rr:not(.fs) .rr-chat.open{transform:translate(0)}.stage-tools{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.vol input[type=range]{width:80px}.rr-topbar{padding:8px 10px}.rr-actions .icon-btn{width:32px;height:32px}.tools{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.roster-chip .rc-badge{font-size:11px;line-height:1;margin-left:-2px}.roster-chip .rc-stop,.roster-chip .rc-approve{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;cursor:pointer;color:var(--text-2);background:color-mix(in srgb,var(--danger) 22%,transparent);transition:background .15s,color .15s}.roster-chip .rc-approve{background:color-mix(in srgb,var(--a-1) 20%,transparent)}.roster-chip .rc-stop:hover{background:var(--danger);color:#fff}.roster-chip .rc-approve:hover{background:var(--a-1);color:#fff}.pending-panel{position:absolute;top:64px;right:12px;z-index:40;min-width:240px;max-width:320px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);box-shadow:0 12px 32px #00000073}.pending-title{font-weight:700;font-size:13px;margin-bottom:8px;color:var(--text-1)}.pending-row{display:flex;align-items:center;gap:8px;padding:5px 0}.pending-row .rc-emoji{width:26px;height:26px;display:grid;place-items:center;background:var(--bg-1);border-radius:50%}.pending-row .rc-name{flex:1;font-size:13.5px;font-weight:600;color:var(--text-1)}.pending-row .seg-btn{font-size:12px;padding:4px 8px}.pending-row .pending-ok{border-color:var(--ok, #3ddc84);color:var(--ok, #3ddc84)}.pending-row .pending-no{border-color:var(--danger);color:var(--danger)}.modal-mask{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#06070e99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(440px,calc(100vw - 40px));max-height:calc(100vh - 60px);overflow-y:auto;padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-2);box-shadow:0 24px 64px #00000080}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-body .field-label{display:block;margin:10px 0 6px}.modal-body .room-create-setting{margin-top:12px}.mod-list{display:flex;flex-direction:column;gap:2px}.room-create-setting{margin-top:14px}#chat-panel.collapsed{width:0;min-width:0;flex-basis:0;border-right-color:transparent;border-left-color:transparent;opacity:0;pointer-events:none}#chat-panel.collapsed .chat-title,#chat-panel.collapsed .chat-messages,#chat-panel.collapsed .chat-form,#chat-panel.collapsed .chat-more,#chat-panel.collapsed .self-preview{display:none}@media(max-width:720px){.rr:not(.fs) #chat-panel.collapsed{transform:translate(-102%)}.rr:not(.fs) #chat-panel.collapsed[data-side=right]{transform:translate(102%)}}