.digital-zoom[data-v-a20e2d08]{position:absolute;inset:0;overflow:hidden}.digital-zoom[data-v-a20e2d08]:focus-visible{outline-offset:-3px;outline:2px solid #c7e4d4}.digital-zoom-transform[data-v-a20e2d08]{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.digital-zoom-gesture[data-v-a20e2d08]{z-index:1;touch-action:none;cursor:grab;position:absolute;inset:0}.digital-zoom-gesture.dragging[data-v-a20e2d08]{cursor:grabbing}.digital-zoom-tools[data-v-a20e2d08]{right:6px;top:calc(var(--player-button-size,32px) + 4px + var(--player-top-inset,0px));z-index:3;background:#101a16df;border:1px solid #ffffff26;border-radius:8px;align-items:center;max-width:calc(100% - 12px);display:flex;position:absolute;box-shadow:0 2px 8px #0003}.digital-zoom-tools button[data-v-a20e2d08]{width:var(--player-button-size,32px);min-width:var(--player-button-size,32px);height:var(--player-button-size,32px);color:#fff;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.digital-zoom-tools button[data-v-a20e2d08]:hover{background:#ffffff1a}.digital-zoom-tools button[data-v-a20e2d08]:disabled{opacity:.38;cursor:default}.digital-zoom-tools button[data-v-a20e2d08]:focus-visible{outline-offset:-3px;outline:2px solid #c7e4d4}.digital-zoom-tools svg[data-v-a20e2d08]{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.digital-zoom-tools output[data-v-a20e2d08]{text-align:center;font-variant-numeric:tabular-nums;color:#fff;flex-shrink:0;width:32px;font-size:12px}.guest-avatar[data-v-0f25fa88]{flex-shrink:0;overflow:hidden}.guest-avatar img[data-v-0f25fa88]{object-fit:cover;width:100%;height:100%;display:block}.composer-area[data-v-fe1e8502]{background:#fff;border-top:1px solid #e8ebef;flex-shrink:0}.composer[data-v-fe1e8502]{border:0;padding-bottom:6px}.composer-tools[data-v-fe1e8502]{padding:0 13px calc(7px + env(safe-area-inset-bottom));align-items:center;gap:12px;display:flex}.composer-tools button[data-v-fe1e8502]{color:#52665a;background:#f3f5f6;border-radius:6px;align-items:center;gap:5px;min-height:32px;padding:4px 8px;font-size:12px;display:flex}.composer-tools span[data-v-fe1e8502]{color:#6c7a70;margin-left:auto;font-size:10px}.mute-notice[data-v-fe1e8502],.composer-error[data-v-fe1e8502]{color:#9a662f;padding:8px 13px 2px;font-size:12px}.composer-error[data-v-fe1e8502]{color:#bd433d}.emoji-panel[data-v-fe1e8502]{z-index:7;background:#fff;border:1px solid #e8ebef;border-radius:12px 12px 0 0;padding:10px;position:absolute;bottom:100%;left:10px;right:10px;box-shadow:0 -6px 24px #0001}.emoji-tabs[data-v-fe1e8502]{border-bottom:1px solid #eef0f3;gap:6px;padding-bottom:8px;display:flex}.emoji-tabs button[data-v-fe1e8502]{background:0 0;border-radius:6px;min-height:36px;padding:5px 12px;font-size:12px}.emoji-tabs button[data-v-fe1e8502]:last-child{margin-left:auto}.emoji-tabs .selected[data-v-fe1e8502]{color:#38833c;background:#eef7ee}.emoji-grid[data-v-fe1e8502]{grid-template-columns:repeat(6,1fr);gap:4px;padding-top:8px;display:grid}.emoji-grid button[data-v-fe1e8502]{background:0 0;border-radius:6px;min-height:40px;font-size:24px}.emoji-grid button[data-v-fe1e8502]:hover{background:#eef7ee}.media-compose[data-v-fe1e8502]{background:#f4f8f4;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 13px;font-size:12px;display:flex}.media-compose img[data-v-fe1e8502]{object-fit:contain;width:64px;height:64px}.media-compose audio[data-v-fe1e8502]{width:220px;max-width:100%;height:36px}.media-compose button[data-v-fe1e8502]{color:#fff;background:#38833c;border-radius:7px;min-height:36px;padding:6px 12px}.media-compose .media-cancel[data-v-fe1e8502]{color:#37443a;background:#e6ebe7;margin-left:auto}.recording-dot[data-v-fe1e8502]{background:#d94b47;border-radius:50%;width:8px;height:8px}.attachment-message[data-v-7725e762]{max-width:100%}.image-open[data-v-7725e762]{background:0 0;border-radius:10px;padding:0;display:block;overflow:hidden}.image-open img[data-v-7725e762]{object-fit:contain;background:#eef0f3;width:auto;max-width:220px;height:auto;max-height:230px;display:block}.image-preview[data-v-7725e762]{z-index:200;width:100%;height:100vh;height:100dvh;padding:calc(68px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overscroll-behavior:contain;background:#080b0eed;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-preview>img[data-v-7725e762]{object-fit:contain;max-width:100%;max-height:100%;display:block}.preview-actions[data-v-7725e762]{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));align-items:center;gap:8px;display:flex;position:absolute}.preview-icon[data-v-7725e762]{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;min-width:44px;height:48px;min-height:44px;padding:0;display:grid}.preview-icon[data-v-7725e762]:hover{background:#ffffff18}.preview-icon.download-error[data-v-7725e762]{color:#ffb0ab}.preview-icon[data-v-7725e762]:focus-visible{outline-offset:2px;outline:2px solid #fff}.download-spinner[data-v-7725e762]{animation:.9s linear infinite download-spin-7725e762}@keyframes download-spin-7725e762{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.download-spinner[data-v-7725e762]{animation:none}}.audio-message[data-v-7725e762]{background:#fff;border-radius:9px;padding:6px;display:flex}.audio-message audio[data-v-7725e762]{width:min(230px,56vw);height:40px}.room-avatar[data-v-4284ad17]{color:#438153;background:#e8f1e9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.room-avatar img[data-v-4284ad17]{object-fit:cover;width:100%;height:100%}.admin-title[data-v-453ae715]{color:#397349;vertical-align:middle;white-space:nowrap;background:#eaf3ed;border:1px solid #d2e4d8;border-radius:5px;flex-shrink:0;align-items:center;max-width:8em;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:1.6;display:inline-flex}.room-settings[data-v-8ba2b9e4]{max-width:440px}.setting-block[data-v-8ba2b9e4]{border-bottom:1px solid #edf0f3;padding:14px 0}.setting-block[data-v-8ba2b9e4]:last-child{border:0}.setting-block h3[data-v-8ba2b9e4]{margin:0 0 12px;font-size:13px}.setting-row[data-v-8ba2b9e4]{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:14px;font-size:14px;display:flex}.setting-row>span[data-v-8ba2b9e4]{min-width:0}.setting-row button[data-v-8ba2b9e4],.member-heading button[data-v-8ba2b9e4],.member-list button[data-v-8ba2b9e4]{color:#386b40;background:#eef7ee;border-radius:6px;flex-shrink:0;min-height:38px;padding:6px 10px;font-size:12px}.setting-row strong[data-v-8ba2b9e4]{font-size:14px;font-weight:500}.setting-row small[data-v-8ba2b9e4],.setting-help[data-v-8ba2b9e4]{color:#687585;margin-top:6px;font-size:11px;line-height:1.6;display:block}.setting-row input[type=checkbox][data-v-8ba2b9e4]{accent-color:#38833c;flex-shrink:0;width:36px;height:24px}.setting-block form>input[data-v-8ba2b9e4]{border:1px solid #dbe3dc;border-radius:8px;width:100%;margin-bottom:6px;padding:10px}.setting-block form>small[data-v-8ba2b9e4]{text-align:right;color:#687585;font-size:11px;display:block}.setting-actions[data-v-8ba2b9e4]{gap:12px;margin-top:12px;display:flex}.setting-actions button[data-v-8ba2b9e4]{flex:1;font-size:12px}.setting-success[data-v-8ba2b9e4]{color:#38833c;margin-top:12px;font-size:12px}.member-heading[data-v-8ba2b9e4]{justify-content:space-between;align-items:center;display:flex}.member-heading h3[data-v-8ba2b9e4]{margin:0}.member-list[data-v-8ba2b9e4]{max-height:300px;margin:10px 0 0;padding:0;list-style:none;overflow:auto}.member-list li[data-v-8ba2b9e4]{border-bottom:1px solid #f0f2f4;align-items:center;gap:9px;padding:12px 0;display:flex}.member-label[data-v-8ba2b9e4]{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px}.member-label>small[data-v-8ba2b9e4]{color:#687585;align-items:center;gap:6px;margin-top:5px;font-size:10px;display:flex}.mute-badge[data-v-8ba2b9e4]{color:#ac6831;background:#fff2dc;border-radius:4px;padding:2px 5px}.setting-room-avatar[data-v-8ba2b9e4]{width:54px;height:54px}.group-avatar-options[data-v-8ba2b9e4]{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:260px;margin-top:14px;display:grid;overflow:auto}.group-avatar-options button[data-v-8ba2b9e4]{background:#f2f6f3;border:2px solid #0000;border-radius:12px;min-width:0;padding:5px}.group-avatar-options button[aria-pressed=true][data-v-8ba2b9e4]{border-color:#438153}.group-avatar-options img[data-v-8ba2b9e4]{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;display:block}.group-avatar-options span[data-v-8ba2b9e4]{margin-top:5px;font-size:10px;display:block}.setting-row button[data-v-8ba2b9e4],.member-heading button[data-v-8ba2b9e4],.member-list button[data-v-8ba2b9e4],.setting-actions button[data-v-8ba2b9e4]{min-height:44px}.setting-row[data-v-8ba2b9e4]:has(input[role=switch]){min-height:54px}.avatar-picker[data-v-4f2edf85]{color:#17221d;background:#f9fafbf5;border:1px solid #ffffff90;border-radius:24px;width:min(420px,100% - 32px);max-height:85dvh;padding:24px;box-shadow:0 24px 80px #10271d33}.avatar-picker[data-v-4f2edf85]::backdrop{backdrop-filter:blur(8px);background:#14251d55}header[data-v-4f2edf85]{justify-content:space-between;align-items:center;gap:12px;display:flex}h2[data-v-4f2edf85]{margin:0;font-size:21px}header button[data-v-4f2edf85],.avatar-retry[data-v-4f2edf85]{color:#317344;background:0 0;min-height:44px;padding:0 10px}.avatar-picker p[data-v-4f2edf85]{color:#68756e;font-size:13px}.avatar-options[data-v-4f2edf85]{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:48dvh;padding:8px 2px;display:grid;overflow:auto}.avatar-options button[data-v-4f2edf85]{background:#fff;border:2px solid #0000;border-radius:16px;min-width:0;padding:8px 4px;transition:transform .18s,border-color .18s}.avatar-options button[aria-pressed=true][data-v-4f2edf85]{background:#edf6ef;border-color:#35854d}.avatar-options button[data-v-4f2edf85]:active{transform:scale(.96)}.avatar-options img[data-v-4f2edf85]{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%}.avatar-options span[data-v-4f2edf85]{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;display:block;overflow:hidden}.avatar-save[data-v-4f2edf85]{color:#fff;background:#35854d;border-radius:14px;width:100%;min-height:46px;margin-top:20px;font-weight:600}.avatar-save[data-v-4f2edf85]:disabled{opacity:.45}.avatar-error[data-v-4f2edf85]{color:#b93937!important}.avatar-status[data-v-4f2edf85]{text-align:center;padding:32px}@media (prefers-reduced-motion:reduce){.avatar-options button[data-v-4f2edf85]{transition:none}}.avatar-current-preview[data-v-4f2edf85]{color:#68756e;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.avatar-current-preview img[data-v-4f2edf85]{object-fit:cover;border-radius:50%;width:52px;height:52px}.admin-profile-editor[data-v-df047c08]{max-width:420px}.profile-upload[data-v-df047c08]{align-items:center;gap:14px;padding:10px 0 22px;display:flex}.profile-upload[data-v-df047c08] .guest-avatar{width:64px;height:64px}.profile-upload small[data-v-df047c08],form small[data-v-df047c08]{color:#68756e;margin-top:8px;font-size:11px;line-height:1.6;display:block}.profile-upload button[data-v-df047c08]{min-height:44px;padding:0 14px}form[data-v-df047c08]{gap:10px;display:grid}form label[data-v-df047c08]{font-size:14px}form input[data-v-df047c08]{border:1px solid #d5dfd8;border-radius:10px;width:100%;min-height:44px;padding:10px}form button[data-v-df047c08]{min-height:44px;margin-top:10px}.invalid[data-v-df047c08]{color:#b93937!important}.room-connection-badge[data-v-52589e56]{white-space:nowrap;border:1px solid #0000;border-radius:7px;flex:none;align-items:center;gap:3px;min-height:23px;padding:4px 6px;font-size:10px;font-weight:550;line-height:1.2;display:inline-flex}.connected[data-v-52589e56]{color:#2d7043;background:#e8f4ec;border-color:#cfe5d5}.connecting[data-v-52589e56]{color:#8b5c1e;background:#fff3dd;border-color:#efdcad}.disconnected[data-v-52589e56]{color:#a1403b;background:#fceceb;border-color:#efcdca}.brand-logo[data-v-4e429b9c]{object-fit:contain;user-select:none;flex:none;max-width:100%;height:auto;display:block}.brand-welcome,.brand-auth-dialog{--brand-gold:#f7dba2;--brand-bright:#fff0cb;--brand-muted:#c3b5ce;--brand-rose:#f277bf;--brand-night:#140c22;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff7e9;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.brand-welcome{isolation:isolate;overscroll-behavior:contain;background:radial-gradient(at 90% 16%,#5e215935 0,#0000 47%),radial-gradient(at 5% 57%,#50249c35 0,#0000 55%),linear-gradient(160deg,#1a0e28,#110b1e 68%,#221026);flex:1;min-height:0;position:relative;overflow:hidden auto}.brand-welcome-scenery{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.brand-spotlight{background:radial-gradient(#efb35613 0,#9b397818 35%,#0000 68%);border-radius:50%;width:320px;height:320px;position:absolute;top:7%;left:50%;transform:translate(-50%)}.brand-horizon{border:1px solid #d99c4429;border-radius:50%;width:136%;height:185px;position:absolute;top:52%;left:-18%;transform:rotate(-14deg);box-shadow:0 -1px #f7c4770a,0 10px 55px #d336a113}.brand-horizon:after{content:"";border:1px solid #ec72c718;border-radius:50%;position:absolute;inset:15px -10px -15px}.brand-welcome-content{width:100%;max-width:448px;min-height:100%;padding:32px 30px max(22px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin-inline:auto;display:flex}.brand-welcome-top{align-items:center;gap:14px;width:100%;display:flex}.brand-overline{letter-spacing:2px;color:var(--brand-gold);font-size:9px;font-weight:600;line-height:1.7}.brand-top-line{background:linear-gradient(90deg,#f4cf8460,#0000);flex:1;height:1px}.brand-welcome-hero{text-align:center;width:100%;margin-top:auto;padding:42px 0 30px}.brand-logo-stage{place-items:center;width:196px;height:196px;margin:0 auto 28px;display:grid;position:relative}.brand-logo-stage:before{content:"";background:#d253a216;border-radius:42px;position:absolute;inset:14px;box-shadow:0 0 75px 16px #d253a21b}.brand-logo-stage>img,.brand-logo-stage>.brand-logo{z-index:1;position:relative}.brand-logo-orbit{border:1px solid #e6bb5e2e;border-radius:50%;position:absolute;inset:-7px;transform:rotate(-24deg)scaleY(.91)}.brand-logo-orbit:before,.brand-logo-orbit:after{content:"";background:#f5d493;border-radius:50%;width:5px;height:5px;position:absolute;top:9%;left:15%;box-shadow:0 0 12px #f6ba94}.brand-logo-orbit:after{background:#e986cc;width:3px;height:3px;inset:auto 8% 17% auto}.brand-wordmark{letter-spacing:6px;color:var(--brand-bright);text-shadow:0 3px 22px #eeb75519;padding-left:6px;font-size:38px;font-weight:650;line-height:1.35}.brand-welcome-tagline{letter-spacing:1px;color:#ded0e7;margin-top:12px;font-size:14px;line-height:1.8}.brand-welcome-note{justify-content:center;align-items:center;gap:10px;margin:25px auto 0;display:flex}.brand-welcome-note span{background:linear-gradient(90deg,#0000,#f7dba266);width:28px;height:1px}.brand-welcome-note span:last-child{transform:rotate(180deg)}.brand-welcome-note i{background:#f7dba2;width:4px;height:4px;transform:rotate(45deg)}.brand-welcome-actions{gap:12px;width:100%;max-width:336px;margin-top:auto;display:grid}.brand-button{letter-spacing:.4px;touch-action:manipulation;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;padding:12px 18px;font-size:15px;font-weight:650;transition:transform .18s cubic-bezier(.2,.7,.2,1),background-color .16s,opacity .16s;display:flex}.brand-primary{isolation:isolate;color:#352114;background:linear-gradient(115deg,#dcb466,#fff0c2 48%,#e7bc74);border:1px solid #fff0bf80;position:relative;overflow:hidden;box-shadow:0 6px 26px #d7a34320,inset 0 1px #fff5d9}.brand-primary:after{content:"";z-index:-1;opacity:0;background:linear-gradient(115deg,#edcc8c,#fff7df 48%,#f5d69a);transition:opacity .18s;position:absolute;inset:0}.brand-secondary{color:var(--brand-bright);background:#f3ce8f08;border:1px solid #e9bd7359}.brand-button:active:not(:disabled),.brand-icon-button:active:not(:disabled),.brand-guest-link:active:not(:disabled){transition-duration:70ms;transform:scale(.975)}.brand-button:disabled,.brand-guest-link:disabled,.brand-icon-button:disabled,.brand-auth-tabs button:disabled,.brand-password-toggle:disabled{opacity:.48;cursor:default}.brand-guest-link{min-height:44px;color:var(--brand-muted);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:10px 16px;font-size:13px;transition:transform .18s,color .16s;display:inline-flex}.brand-welcome-footer{color:#ab9bb7;letter-spacing:2px;margin-top:28px;font-size:10px;line-height:1.6}.brand-status{color:var(--brand-gold);text-align:center;font-size:13px;line-height:1.6}.brand-error{color:#ffb8c3;overflow-wrap:anywhere;background:#ef627914;border:1px solid #ef849c33;border-radius:11px;padding:10px 12px;font-size:12px;line-height:1.6}.brand-spark{clip-path:polygon(50% 0,60% 39%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 39%);opacity:.7;background:#ffedbe;width:10px;height:10px;animation:1.7s ease-out both brand-spark-arrive;position:absolute}.brand-spark-one{top:19%;left:12%}.brand-spark-two{background:#f7adf0;width:7px;height:7px;animation-delay:.2s;top:29%;right:10%}.brand-spark-three{opacity:.45;width:5px;height:5px;animation-delay:.4s;top:53%;left:20%}dialog.brand-auth-dialog{width:min(424px,100% - 28px);max-width:424px;max-height:calc(100vh - 28px);overscroll-behavior:contain;background:radial-gradient(at 100% 0,#7c2b5f25,#0000 50%),linear-gradient(165deg,#24142e,#160d22 72%);border:1px solid #e3bd7854;border-radius:27px;max-height:calc(100dvh - 28px);margin:auto;padding:0;overflow:auto;box-shadow:0 30px 100px #07020b88,0 0 0 5px #edc78c06}dialog.brand-auth-dialog[open]{animation:.23s cubic-bezier(.2,.7,.2,1) both brand-sheet-arrive}dialog.brand-auth-dialog::backdrop{background:#0c061bd4}.brand-auth-form{color:#fff7e9;margin:0;padding:24px}.brand-auth-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:30px;display:flex}.brand-auth-identity{align-items:center;gap:11px;min-width:0;display:flex}.brand-auth-identity>div{flex-direction:column;gap:6px;min-width:0;display:flex}.brand-auth-name{color:var(--brand-bright);letter-spacing:2px;font-size:17px;font-weight:650}.brand-auth-english{color:#beabbf;letter-spacing:1.15px;white-space:nowrap;font-size:7px}.brand-icon-button{width:44px;height:44px;color:var(--brand-muted);background:#fff0cd08;border:1px solid #f1d7af1a;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .16s;display:inline-flex}.brand-auth-intro{margin-bottom:22px}.brand-auth-intro h2{letter-spacing:-.4px;color:var(--brand-bright);margin:7px 0 8px;font-size:28px;font-weight:650;line-height:1.35}.brand-auth-intro>p:last-child{color:var(--brand-muted);font-size:13px;line-height:1.6}.brand-auth-tabs{isolation:isolate;background:#0e09174d;border:1px solid #e4cfaa1e;border-radius:13px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:4px;display:grid;position:relative}.brand-auth-tabs button{min-height:44px;color:var(--brand-muted);background:0 0;border-radius:10px;padding:10px;font-size:14px;font-weight:550;transition:color .16s;position:relative}.brand-auth-tabs button[aria-pressed=true]{color:var(--brand-bright)}.brand-auth-tab-surface{z-index:-1;background:linear-gradient(135deg,#baa27725,#f4cf8520);border:1px solid #ecd4a934;border-radius:9px;width:calc(50% - 4px);transition:transform .22s cubic-bezier(.2,.7,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #0002}.brand-is-register .brand-auth-tab-surface{transform:translate(100%)}.brand-auth-fields{gap:17px;display:grid}.brand-field label{color:#f0e5f2;margin-bottom:8px;font-size:12px;font-weight:550;line-height:1.5;display:block}.brand-field label>span{color:var(--brand-muted);font-weight:400}.brand-input-wrap{color:#c8abc7;background:#0f091c70;border:1px solid #bfa6c938;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding-left:14px;transition:border-color .16s,background-color .16s;display:flex}.brand-input-wrap:focus-within{background:#170d24;border-color:#e3c17e;box-shadow:0 0 0 3px #e0b96f10}.brand-input-wrap input{color:#fff7e9;width:100%;min-width:0;height:48px;caret-color:var(--brand-gold);background:0 0;border:0;border-radius:12px;outline:none;flex:1;padding:10px 13px 10px 0;font-size:16px;line-height:1.5}.brand-input-wrap input:focus-visible{outline:none}.brand-input-wrap input::placeholder{color:#a897b8;opacity:1;font-size:13px}.brand-input-wrap input:disabled{opacity:.65}.brand-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#fff7e9;caret-color:var(--brand-gold);box-shadow:inset 0 0 0 1000px #20132d}.brand-input-wrap input[aria-invalid=true]{caret-color:#ffb8c3}.brand-field-hint{color:#bbabc8;margin-top:6px;font-size:10px;line-height:1.5}.brand-password-wrap{gap:10px;padding-right:3px}.brand-password-wrap input{padding-right:0}.brand-password-toggle{color:#cdb7cf;background:0 0;border-radius:9px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.brand-auth-actions{gap:8px;margin-top:25px;display:grid}.brand-auth-form>.brand-error{margin-top:16px}.brand-register-field{animation:.16s ease-out both brand-field-arrive}.brand-spinner{animation:.9s linear infinite brand-spinner-turn}.brand-welcome button:focus-visible,.brand-auth-dialog button:focus-visible{outline-offset:3px;outline:2px solid #f9dca0}[data-page-hidden=true] .brand-welcome *,[data-page-hidden=true] .brand-auth-dialog *,[data-page-hidden=true] .brand-auth-dialog,[data-page-hidden=true].brand-welcome *,[data-page-hidden=true].brand-auth-dialog *{animation-play-state:paused}@keyframes brand-sheet-arrive{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes brand-field-arrive{0%{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-spark-arrive{0%{opacity:0;transform:scale(.6)}45%{opacity:.85;transform:scale(1.1)}to{opacity:.45;transform:scale(1)}}@keyframes brand-spinner-turn{to{transform:rotate(360deg)}}@media (hover:hover){.brand-primary:hover:not(:disabled):after{opacity:1}.brand-secondary:hover:not(:disabled){background:#f3ce8f13}.brand-guest-link:hover:not(:disabled),.brand-password-toggle:hover:not(:disabled){color:var(--brand-bright)}}@media (max-width:359px){.brand-welcome-content{padding-inline:24px}.brand-welcome-hero{padding-top:32px}.brand-wordmark{font-size:34px}.brand-overline{letter-spacing:1.5px;font-size:8px}.brand-auth-form{padding:20px}.brand-auth-english{letter-spacing:.9px;font-size:6px}.brand-auth-name{font-size:16px}.brand-auth-intro h2{font-size:26px}}@media (max-height:700px){.brand-welcome-content{padding-top:24px}.brand-welcome-hero{padding:25px 0 20px}.brand-logo-stage{width:164px;height:164px;margin-bottom:18px}.brand-logo-stage>img,.brand-logo-stage>.brand-logo{width:136px!important;height:136px!important}.brand-wordmark{font-size:33px}.brand-welcome-note{margin-top:18px}.brand-welcome-footer{margin-top:17px}.brand-auth-header{margin-bottom:20px}.brand-auth-intro{margin-bottom:17px}.brand-auth-tabs{margin-bottom:18px}.brand-auth-fields{gap:13px}.brand-auth-actions{margin-top:20px}}@media (max-height:480px){dialog.brand-auth-dialog{border-radius:20px;width:min(424px,100% - 16px);max-height:calc(100dvh - 16px)}.brand-auth-form{padding:20px}.brand-auth-header{margin-bottom:14px}.brand-auth-intro h2{font-size:25px}.brand-auth-intro>.brand-overline{display:none}}@media (prefers-reduced-motion:reduce){.brand-welcome *,.brand-welcome :before,.brand-welcome :after,.brand-auth-dialog,.brand-auth-dialog *,.brand-auth-dialog :before,.brand-auth-dialog :after{transition:none!important;animation:none!important}.brand-button:active:not(:disabled),.brand-icon-button:active:not(:disabled),.brand-guest-link:active:not(:disabled){transform:none}}@media (prefers-contrast:more){.brand-welcome,.brand-auth-dialog{--brand-muted:#e2d8eb;--brand-gold:#ffe3a6}.brand-input-wrap,.brand-secondary{border-color:#e8c687}.brand-input-wrap{background:#160c21}}.playback-report[data-v-715077ef]{border-top:1px solid #80808040;margin-top:.6rem;font-size:.75rem}.playback-report summary[data-v-715077ef]{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.playback-report summary[data-v-715077ef]:before{content:"▸";margin-right:.4rem}.playback-report[open] summary[data-v-715077ef]:before{content:"▾"}.report-body[data-v-715077ef]{gap:.5rem;padding-bottom:.5rem;display:grid}.report-actions[data-v-715077ef]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.report-actions button[data-v-715077ef]{min-height:44px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #80808066;border-radius:.4rem;padding:.4rem .65rem}.report-note[data-v-715077ef]{opacity:.8;margin:0;line-height:1.55}.report-label[data-v-715077ef]{margin:.2rem 0 0;font-weight:600}.report-table-scroll[data-v-715077ef]{max-width:100%;overflow-x:auto}table[data-v-715077ef]{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.7rem}caption[data-v-715077ef]{text-align:left;padding:.3rem 0;font-weight:600}th[data-v-715077ef],td[data-v-715077ef]{text-align:left;border-bottom:1px solid #80808033;padding:.35rem .45rem}.report-values[data-v-715077ef]{grid-template-columns:minmax(0,1fr) auto;gap:.2rem .6rem;margin:0;display:grid}.report-values dt[data-v-715077ef]{overflow-wrap:anywhere}.report-values dd[data-v-715077ef]{text-align:right;font-variant-numeric:tabular-nums;margin:0}.report-durations[data-v-715077ef]{border-top:1px solid #80808033;padding-top:.45rem}.topbar-side[data-v-3d83f983]{width:44px}.topbar .icon-button[data-v-3d83f983]{height:44px}.topbar-brand[data-v-3d83f983]{place-items:center;display:grid}.demo-shell.brand-entry-shell[data-v-3d83f983]{color:#f9efd9;background:#120b1e;max-width:none}.room-more[data-v-3d83f983]{color:#214b30;background:#e6efe8;box-shadow:inset 0 0 0 1px #c5d9cb,0 1px 3px #163b261a}.room-more[data-v-3d83f983] svg{stroke-width:3px}.topbar-title[data-v-3d83f983]{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.topbar-title>div[data-v-3d83f983]{min-width:0}.topbar-avatar[data-v-3d83f983]{border-radius:9px;width:32px;height:32px}.room-heading .topbar-title[data-v-3d83f983]{justify-content:flex-start;gap:6px;padding-inline:3px}.room-heading .topbar-title>div[data-v-3d83f983]{text-align:left;flex:1}.room-heading .room-name[data-v-3d83f983]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-heading .topbar-avatar[data-v-3d83f983]{flex:none}.group-meta[data-v-3d83f983]{flex-wrap:wrap;row-gap:5px}.playback-idle-notice[data-v-3d83f983]{z-index:1000;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));box-sizing:border-box;color:#382f1d;background:#fff8e8;border-radius:12px;align-items:center;gap:12px;width:min(90vw,420px);padding:14px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 4px 24px #0003}.playback-idle-notice button[data-v-3d83f983]{color:#fff;min-height:44px;font:inherit;background:#245638;border:0;border-radius:8px;flex:none;padding:8px 12px}:root{color:#222;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--accent:#4caf50;--page:#f3f4f7;--surface:#fff;--text:#222;--muted:#77818b;--border:#e9ebef;--button-text:#fff;background:#e4e6ea;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation;border:0}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,.window-edge:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}svg{flex-shrink:0}h1,h2,p{margin:0}.demo-shell{width:100%;max-width:480px;height:100vh;background:var(--page);height:100dvh;color:var(--text);flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 0 35px #2222220b}.topbar{min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--surface);border-bottom:1px solid var(--border);z-index:3;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-title{text-align:center;flex:1;min-width:0}.topbar h1{font-size:18px;font-weight:650;line-height:25px}.topbar-side{flex-shrink:0;width:36px}.icon-button{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.page-content{flex-direction:column;flex:1;min-height:0;display:flex}.message-page,.mine-page{flex:1;min-height:0;overflow:auto}.group-list{padding:14px}.group-card{background:var(--surface);text-align:left;border-radius:14px;align-items:center;gap:13px;width:100%;padding:16px;display:flex}.group-avatar{width:54px;height:54px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-radius:12px;flex-shrink:0;place-items:center;display:grid}.group-info{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.group-name{justify-content:space-between;align-items:center;gap:8px;font-size:16px;font-weight:600;line-height:1.4;display:flex}.group-name time{color:var(--muted);font-size:11px;font-weight:400}.group-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;overflow:hidden}.group-meta{align-items:center;gap:8px;min-height:20px;display:flex}.status-pill{color:var(--muted);background:var(--page);border-radius:12px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-flex}.status-pill i,.player-badge i{background:currentColor;border-radius:50%;width:5px;height:5px;display:inline-block}.status-pill.ready{color:var(--accent)}.unread-badge{color:#fff;text-align:center;background:#df5146;border-radius:9px;min-width:17px;padding:1px 4px;font-size:10px}.group-chevron{color:var(--muted)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:flex}.bottom-nav button{color:var(--muted);background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex;position:relative}.bottom-nav button.active{color:var(--accent)}.nav-icon{display:flex;position:relative}.nav-icon i{background:#df5146;border-radius:50%;width:6px;height:6px;position:absolute;top:-1px;right:-3px}.mine-page{padding:20px 16px}.profile-card{align-items:center;gap:16px;padding:20px 12px 28px;display:flex}.profile-avatar{background:color-mix(in srgb,var(--accent) 14%,var(--surface));width:64px;height:64px;color:var(--accent);border-radius:16px;place-items:center;font-size:27px;display:grid}.profile-name{overflow-wrap:anywhere;font-size:20px;font-weight:600;line-height:1.5}.profile-account{color:var(--muted);margin-top:3px;font-size:13px}.profile-badge{color:var(--accent);margin-top:8px;font-size:11px;display:inline-block}.settings-list{background:var(--surface);border-radius:13px;overflow:hidden}.settings-item{text-align:left;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 16px;display:flex}.settings-item:last-child{border-bottom:0}.settings-icon{color:var(--accent);display:flex}.settings-label{flex:1;font-size:15px}.settings-item>svg{color:var(--muted)}.primary-button,.secondary-button,.danger-button,.guest-button{border-radius:9px;min-height:44px;padding:10px 18px;font-size:15px}.primary-button{background:var(--accent);color:var(--button-text)}.secondary-button{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.danger-button{color:#c3473d;background:var(--surface);width:100%;margin-top:24px}.account-actions{gap:12px;margin-top:24px;display:flex}.account-actions button{flex:1}.room-status{color:var(--muted);font-size:10px;line-height:15px}.room-status.connected{color:var(--accent)}.room-page{flex-direction:column;flex:1;min-height:0;display:flex}.player-slot{flex-shrink:0;height:min(min(100vw,480px)/1.77778,35vh)}.chat-section{flex-direction:column;flex:1;min-height:0;display:flex}.chat-list{overscroll-behavior:contain;flex:1;min-height:0;padding:16px 14px;overflow-y:auto}.chat-message{align-items:flex-start;gap:9px;margin-bottom:19px;display:flex}.chat-avatar{background:var(--surface);width:33px;height:33px;color:var(--muted);border-radius:9px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.chat-message-content{min-width:0;max-width:calc(100% - 55px)}.chat-meta{color:var(--muted);gap:9px;margin:0 0 6px 2px;font-size:10px;display:flex}.chat-meta span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.chat-bubble{background:var(--surface);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:2px 10px 10px;padding:9px 12px;font-size:14px;line-height:1.55}.chat-message.mine{flex-direction:row-reverse}.mine .chat-meta{justify-content:flex-end}.mine .chat-bubble{background:color-mix(in srgb,var(--accent) 15%,var(--surface));border-radius:10px 2px 10px 10px}.chat-message.deleted .chat-bubble{color:var(--muted);font-size:12px}.chat-notice{color:var(--muted);text-align:center;padding:10px;font-size:12px}.chat-notice button{background:var(--surface);color:var(--accent);border-radius:20px;align-items:center;gap:6px;padding:7px 15px;display:inline-flex}.chat-retry{color:#cb4238;background:0 0;padding:5px 0;font-size:11px}.pending-label{color:var(--muted);font-size:10px}.history-button{color:var(--muted);background:0 0;margin:0 auto 16px;font-size:11px;display:block}.composer{padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.composer-input{resize:none;border:1px solid var(--border);background:var(--page);min-width:0;color:var(--text);border-radius:8px;flex:1;height:42px;max-height:90px;padding:9px 10px;font-size:14px;line-height:20px}.composer-emoji{color:var(--muted);width:30px}.composer-send{background:var(--accent);width:38px;height:38px;color:var(--button-text);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.emoji-list{background:var(--surface);border:1px solid var(--border);border-radius:10px 10px 0 0;justify-content:space-between;padding:12px;display:flex;position:absolute;bottom:100%;left:10px;right:10px}.emoji-list button{background:0 0;padding:4px;font-size:21px}.connection-banner{color:#ae6021;background:#fff6df;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.connection-banner button{color:inherit;background:0 0;padding:3px 8px;text-decoration:underline}.player-window{z-index:40;color:#fff;isolation:isolate;background:#080c0a;flex-direction:column;display:flex;position:fixed}.player-window.parked{opacity:0;pointer-events:none;z-index:-1}.player-window.floating{border-radius:10px;box-shadow:0 8px 36px #0005}.window-bar{border-radius:inherit;background:#17221c;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-shrink:0;align-items:center;height:36px;padding:0 5px 0 11px;display:flex}.window-title{min-width:0;color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:8px;height:100%;padding:0;display:flex}.window-title:disabled{opacity:1}.floating .window-title{cursor:move;touch-action:none}.player-badge{color:#d7dfd9;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.player-badge.ready{color:#8bdf99}.window-watching{color:#c3cbc5;font-size:10px}.window-actions{display:flex}.video-control{color:#fff;background:0 0;border-radius:5px;place-items:center;width:31px;height:31px;display:grid}.video-control:hover{background:#fff2}.video-surface{flex:1;min-height:0;position:relative;overflow:hidden}.demo-video,.sdk-host{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.demo-video.active,.sdk-host.active{opacity:1}.demo-video{object-fit:cover}.sdk-host video,.sdk-host canvas{object-fit:cover!important}.sdk-host canvas{max-width:100%;max-height:100%}#ezviz-player>.ezopen-render-host{width:var(--ezopen-render-width)!important;height:var(--ezopen-render-height)!important}.video-status{z-index:4;color:#d5ded8;background:#121b17;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:10px;font-size:13px;display:flex;position:absolute;inset:0}.video-status button{color:#fff;background:0 0;border:1px solid #698073;border-radius:6px;padding:7px 14px}.video-status small{text-align:center;color:#a2b1a8;max-width:260px;line-height:1.5}.window-edge{z-index:10;touch-action:none;background:0 0;display:block;position:absolute}.edge-n,.edge-s{cursor:ns-resize;height:10px;left:12px;right:12px}.edge-n{top:-4px}.edge-s{bottom:-4px}.edge-e,.edge-w{cursor:ew-resize;width:10px;top:12px;bottom:12px}.edge-e{right:-4px}.edge-w{left:-4px}.edge-ne,.edge-se,.edge-sw,.edge-nw{width:16px;height:16px}.edge-ne{cursor:nesw-resize;top:-4px;right:-4px}.edge-se{cursor:nwse-resize;bottom:-4px;right:-4px}.edge-sw{cursor:nesw-resize;bottom:-4px;left:-4px}.edge-nw{cursor:nwse-resize;top:-4px;left:-4px}.floating:hover{outline:1px solid #fff6}.restore-button{bottom:calc(78px + env(safe-area-inset-bottom));z-index:45;color:var(--button-text);background:var(--accent);border-radius:25px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;display:flex;position:fixed;right:max(16px,50vw - 224px);box-shadow:0 4px 20px #0002}.auth-dialog{width:calc(100% - 40px);max-width:390px;max-height:calc(100vh - 32px);border:1px solid var(--border);background:var(--surface);max-height:calc(100dvh - 32px);color:var(--text);border-radius:16px;padding:22px;overflow:auto;box-shadow:0 15px 90px #0004}.auth-dialog::backdrop{background:#0c1b1466}.dialog-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dialog-header h2{font-size:20px;font-weight:650}.auth-tabs{border-bottom:1px solid var(--border);gap:22px;margin-bottom:20px;display:flex}.auth-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;padding:8px 0 11px;font-size:14px}.auth-tabs button.active{color:var(--accent);border-color:var(--accent)}.form-field{margin-bottom:15px}.form-field label{margin-bottom:7px;font-size:13px;display:block}.form-field input{border:1px solid var(--border);background:var(--page);width:100%;height:43px;color:var(--text);border-radius:7px;padding:0 10px;font-size:14px}.form-field input::placeholder{color:var(--muted);font-size:12px}.form-error{color:#d15044;margin:10px 0;font-size:12px;line-height:1.6}.form-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.guest-button{color:var(--muted);background:0 0}.nickname-dialog .primary-button{width:100%;margin-top:8px}.toast{z-index:100;color:#fff;text-align:center;background:#202922ee;border-radius:8px;max-width:85vw;padding:11px 18px;font-size:13px;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}.retry-bootstrap{margin:15px auto;display:block}@media (max-height:650px){.player-slot{height:234px}.topbar{min-height:48px}.composer{padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(56px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
