:root{--vx-bg:#0d1117;--vx-bg-2:#131a24;--vx-surface:#18202c;--vx-surface-2:#1f2937;--vx-line:#263243;--vx-text:#e8edf5;--vx-text-dim:#9aa8bd;--vx-text-faint:#6b7a91;--vx-accent:#5b8cff;--vx-accent-soft:#5b8cff24;--vx-accent-strong:#7aa2ff;--vx-live:#2ad4a8;--vx-live-soft:#2ad4a829;--vx-danger:#ff6b6b;--vx-warn:#ffb648;--vx-shadow:0 18px 50px #00000073;--vx-radius:16px;--vx-radius-sm:10px;--vx-muted-bg:#2b3648;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--vx-bg:#f4f6fb;--vx-bg-2:#fff;--vx-surface:#fff;--vx-surface-2:#eef2f9;--vx-line:#dde4ef;--vx-text:#131a24;--vx-text-dim:#52607a;--vx-text-faint:#7d8aa0;--vx-accent:#2f6bff;--vx-accent-soft:#2f6bff1a;--vx-accent-strong:#2f6bff;--vx-live:#0fae87;--vx-live-soft:#0fae8724;--vx-danger:#e14b4b;--vx-shadow:0 16px 40px #18274b24;--vx-muted-bg:#c3ccdb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--vx-bg);color:var(--vx-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}.vx-page{flex-direction:column;min-height:100%;display:flex}.vx-wordmark{letter-spacing:.01em;align-items:center;gap:8px;font-weight:650;display:inline-flex}.vx-wordmark-sm{font-size:14px}.vx-logo-dot{background:linear-gradient(140deg, var(--vx-accent), var(--vx-live));width:10px;height:10px;box-shadow:0 0 0 4px var(--vx-accent-soft);border-radius:50%}.vx-btn{border:1px solid var(--vx-line);background:var(--vx-surface);color:var(--vx-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:550;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.vx-btn:hover:not(:disabled){background:var(--vx-surface-2)}.vx-btn:active:not(:disabled){transform:translateY(1px)}.vx-btn:disabled{opacity:.55;cursor:not-allowed}.vx-btn-primary{background:var(--vx-accent);color:#fff;border-color:#0000}.vx-btn-primary:hover:not(:disabled){background:var(--vx-accent-strong)}.vx-btn-ghost{background:0 0}.vx-btn-quiet{color:var(--vx-text-dim);background:0 0;border-color:#0000}.vx-btn-quiet:hover:not(:disabled){background:var(--vx-surface-2);color:var(--vx-text)}.vx-btn-danger{color:var(--vx-danger);background:#ff6b6b1a;border-color:#0000}.vx-btn-small{border-radius:10px;padding:7px 12px;font-size:13px}.vx-btn-wide{width:100%}.vx-icon-btn{width:36px;height:36px;color:var(--vx-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.vx-icon-btn:hover{background:var(--vx-surface-2);color:var(--vx-text)}.vx-icon-btn-primary{background:var(--vx-accent);color:#fff}.vx-icon-btn-primary:hover{background:var(--vx-accent-strong);color:#fff}.vx-link-btn{color:var(--vx-text-dim);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px;font-size:13px;display:inline-flex}.vx-link-btn:hover{color:var(--vx-accent)}.vx-input{border:1px solid var(--vx-line);background:var(--vx-bg-2);width:100%;color:var(--vx-text);border-radius:11px;outline:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.vx-input:focus{border-color:var(--vx-accent);box-shadow:0 0 0 3px var(--vx-accent-soft)}.vx-input:disabled{opacity:.6}.vx-field{border-bottom:1px solid var(--vx-line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.vx-field:last-child{border-bottom:0}.vx-field-label{color:var(--vx-text-dim);white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:inline-flex}.vx-field .vx-input{max-width:260px}.vx-field-error{color:var(--vx-danger);margin:8px 0 0;font-size:13px}.vx-switch{background:var(--vx-surface-2);cursor:pointer;border:0;border-radius:999px;flex:none;width:46px;height:26px;transition:background .18s;position:relative}.vx-switch-on{background:var(--vx-accent)}.vx-switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px}.vx-switch-on .vx-switch-knob{transform:translate(20px)}.vx-avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.vx-avatar img{object-fit:cover;width:100%;height:100%}.vx-avatar-muted{filter:none}.vx-avatar-mic{background:var(--vx-surface);color:var(--vx-text-dim);box-shadow:0 0 0 2px var(--vx-bg);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.vx-avatar-initial{line-height:1}.vx-banner{background:var(--vx-surface-2);border:1px solid var(--vx-line);border-radius:12px;align-items:center;gap:10px;margin:0 20px 10px;padding:10px 14px;font-size:13.5px;display:flex}.vx-banner-error{color:var(--vx-danger);background:#ff6b6b1f;border-color:#ff6b6b59}.vx-banner-text{flex:1}.vx-banner-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;font-size:18px;line-height:1}.vx-toast-layer{z-index:60;width:min(520px,100% - 28px);position:fixed;top:14px;left:50%;transform:translate(-50%)}.vx-toast-layer .vx-banner{box-shadow:var(--vx-shadow);margin:0}.vx-spinner{border:2px solid var(--vx-line);border-top-color:var(--vx-accent);border-radius:50%;animation:.8s linear infinite vx-spin;display:inline-block}@keyframes vx-spin{to{transform:rotate(360deg)}}.vx-landing{padding:22px clamp(16px,5vw,48px) 40px}.vx-landing-top{justify-content:space-between;align-items:center;display:flex}.vx-landing-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;width:100%;max-width:520px;margin:0 auto;padding:32px 0;display:flex}.vx-hero{text-align:center}.vx-hero h1{letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(24px,4.4vw,34px);line-height:1.25}.vx-hero p{color:var(--vx-text-dim);margin:0}.vx-identity{border-radius:var(--vx-radius);background:var(--vx-surface);border:1px solid var(--vx-line);align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.vx-identity-name{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:2px 4px;font-size:15.5px;font-weight:600}.vx-identity-name:hover{background:var(--vx-surface-2)}.vx-name-input{border:1px solid var(--vx-accent);background:var(--vx-bg-2);border-radius:8px;flex:1;min-width:0;padding:6px 8px}.vx-identity .vx-link-btn{margin-left:auto}.vx-actions{gap:12px;width:100%;display:flex}.vx-actions .vx-btn{flex:1;padding:15px;font-size:16px}.vx-facts{color:var(--vx-text-faint);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.vx-facts li:before{content:"·";margin-right:6px}.vx-confirm{justify-content:center;align-items:center;padding:24px 18px}.vx-confirm-card{background:var(--vx-surface);border:1px solid var(--vx-line);width:min(420px,100%);box-shadow:var(--vx-shadow);text-align:center;border-radius:20px;flex-direction:column;gap:12px;padding:30px 26px;display:flex}.vx-confirm-card h1{margin:4px 0 0;font-size:20px}.vx-confirm-code{color:var(--vx-text-dim);margin:0;font-size:14px}.vx-confirm-code strong{letter-spacing:.16em;color:var(--vx-text);margin-left:6px;font-size:19px}.vx-confirm-sub{color:var(--vx-text-faint);margin:0;font-size:13.5px}.vx-confirm-toggle{border-radius:var(--vx-radius-sm);background:var(--vx-bg-2);border:1px solid var(--vx-line);text-align:left;align-items:center;gap:14px;margin-top:6px;padding:13px 14px;display:flex}.vx-confirm-toggle>span{flex-direction:column;flex:1;display:flex}.vx-confirm-toggle small{color:var(--vx-text-faint);font-size:12.5px}.vx-confirm-actions{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.vx-mark{color:#fff;border-radius:18px;justify-content:center;align-self:center;align-items:center;font-weight:650;display:inline-flex}.vx-room{height:100%;overflow:hidden}.vx-room-top{border-bottom:1px solid var(--vx-line);background:var(--vx-bg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(12px,3vw,22px);display:flex}.vx-room-top-left,.vx-room-top-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vx-code{border:1px solid var(--vx-line);background:var(--vx-surface);cursor:pointer;border-radius:999px;align-items:baseline;gap:8px;padding:6px 12px;transition:border-color .15s;display:inline-flex}.vx-code:hover{border-color:var(--vx-accent)}.vx-code-label{color:var(--vx-text-faint);font-size:11.5px}.vx-code-value{letter-spacing:.18em;font-size:16px;font-weight:650}.vx-code-state{color:var(--vx-text-faint);font-size:11.5px}.vx-conn{color:var(--vx-text-faint);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.vx-conn-dot{background:var(--vx-warn);border-radius:50%;width:7px;height:7px}.vx-conn-connected .vx-conn-dot{background:var(--vx-live);box-shadow:0 0 0 3px var(--vx-live-soft)}.vx-conn-error .vx-conn-dot{background:var(--vx-danger)}.vx-conn-reconnecting .vx-conn-dot{animation:1s ease-in-out infinite vx-pulse}@keyframes vx-pulse{50%{opacity:.25}}.vx-count{color:var(--vx-text-faint);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.vx-stage{flex-direction:column;flex:1;justify-content:center;padding:clamp(18px,4vw,40px);display:flex;position:relative;overflow-y:auto}.vx-stage-status{color:var(--vx-text-dim);background:color-mix(in srgb, var(--vx-bg) 82%, transparent);z-index:5;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.vx-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(12px,2.4vw,22px);width:100%;max-width:1080px;margin:0 auto;display:grid}.vx-tile{background:var(--vx-surface);border:1px solid var(--vx-line);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:22px 14px 16px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.vx-tile-speaking{border-color:var(--vx-live);box-shadow:0 0 0 3px var(--vx-live-soft);transform:translateY(-2px)}.vx-tile-self{background:var(--vx-surface-2)}.vx-tile-interactive{cursor:pointer;outline:none}.vx-tile-interactive:hover,.vx-tile-interactive:focus-visible{border-color:var(--vx-accent);box-shadow:0 0 0 3px var(--vx-accent-soft)}.vx-tile-avatar{justify-content:center;align-items:center;display:flex;position:relative}.vx-tile-speaking .vx-tile-avatar:after{content:"";border:2px solid var(--vx-live);border-radius:50%;animation:1.1s ease-out infinite vx-ring;position:absolute;inset:-8px}@keyframes vx-ring{0%{opacity:.85;transform:scale(.94)}to{opacity:0;transform:scale(1.12)}}.vx-tile-name{flex-direction:column;align-items:center;gap:6px;max-width:100%;display:flex}.vx-tile-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:550;overflow:hidden}.vx-tile-tags{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.vx-tag{background:var(--vx-surface-2);color:var(--vx-text-faint);border:1px solid var(--vx-line);border-radius:999px;padding:1px 7px;font-size:11px}.vx-tag-host{background:var(--vx-accent-soft);color:var(--vx-accent-strong);border-color:#0000}.vx-tag-quiet{background:0 0}.vx-empty{text-align:center;color:var(--vx-text-dim);flex-direction:column;align-items:center;gap:10px;margin-top:26px;display:flex}.vx-empty p{color:var(--vx-text);margin:0;font-weight:550}.vx-empty span{color:var(--vx-text-faint);font-size:13px}.vx-controls{background:linear-gradient(#fff6de80 0%,#fff6de00 30%),linear-gradient(#ecc78d 0%,#dcae6c 55%,#c8934f 100%);border-top:1px solid #784e2266;justify-content:center;align-items:center;gap:10px;padding:13px clamp(12px,3vw,22px);display:flex;box-shadow:inset 0 1px #ffffff8c,0 -3px 10px #462c0e2e}html[data-theme=dark] .vx-controls{background:linear-gradient(#ffecc81f 0%,#ffecc800 30%),linear-gradient(#6d5531 0%,#5a4323 55%,#453218 100%);border-top-color:#ffe2aa38}.vx-ctl{color:#5b3d18;text-shadow:0 1px #fff6deb3;cursor:pointer;background:linear-gradient(#fff6de99 0%,#fff6de00 34%),linear-gradient(#fdf6e4 0%,#f2e2c2 100%);border:1px solid #784e2280;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-weight:600;transition:transform .14s,box-shadow .14s,background .14s;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,0 2px 5px #462d0f47}.vx-ctl:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd9,0 4px 9px #462d0f52}.vx-ctl-on{border-color:#d6a036d9;transform:none;box-shadow:inset 0 2px 4px #784e2247,0 0 0 2px #ffd66680}.vx-ctl-danger{color:#9c2f1c;background:linear-gradient(#fff2ecb3 0%,#fff2ec00 34%),linear-gradient(#fde3d8 0%,#f4bfa6 100%);border-color:#be4a2e99}.vx-ctl-danger:hover{box-shadow:inset 0 1px #fffc,0 4px 10px #963c1e59}html[data-theme=dark] .vx-ctl{color:#f4e4c2;text-shadow:none;background:linear-gradient(#4d3c1f 0%,#3a2c15 100%);border-color:#ffe2aa4d}html[data-theme=dark] .vx-ctl-danger{color:#ffb9a0;background:linear-gradient(#5a3320 0%,#472617 100%);border-color:#ff8c6e66}.vx-ctl-icon{display:inline-flex;position:relative}.vx-badge{background:var(--vx-danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:-7px;right:-9px}.vx-chat{background:var(--vx-bg-2);border-left:1px solid var(--vx-line);z-index:40;width:min(380px,100%);height:100%;box-shadow:var(--vx-shadow);flex-direction:column;transition:transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(102%)}.vx-chat-open{transform:translate(0)}.vx-chat-head{border-bottom:1px solid var(--vx-line);justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.vx-chat-list{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.vx-chat-empty{text-align:center;color:var(--vx-text-faint);margin:auto;padding:0 20px;font-size:13.5px}.vx-msg{flex-direction:column;align-self:flex-start;gap:3px;max-width:88%;display:flex}.vx-msg-self{align-self:flex-end;align-items:flex-end}.vx-msg-name{color:var(--vx-text-faint);font-size:12px}.vx-msg-bubble{background:var(--vx-surface-2);word-break:break-word;white-space:pre-wrap;border-radius:14px 14px 14px 4px;padding:9px 13px}.vx-msg-self .vx-msg-bubble{background:var(--vx-accent);color:#fff;border-radius:14px 14px 4px}.vx-msg-time{color:var(--vx-text-faint);font-size:11px}.vx-chat-form{border-top:1px solid var(--vx-line);gap:8px;padding:12px 14px;display:flex}.vx-settings-top{border-bottom:1px solid var(--vx-line);background:var(--vx-bg-2);align-items:center;gap:10px;padding:12px clamp(12px,3vw,22px);display:flex}.vx-tabs{flex:1;justify-content:center;gap:4px;display:flex}.vx-tab{color:var(--vx-text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-weight:550}.vx-tab-on{background:var(--vx-accent-soft);color:var(--vx-accent-strong)}.vx-settings-body{flex-direction:column;flex:1;gap:16px;width:min(560px,100%);margin:0 auto;padding:20px clamp(12px,4vw,24px) 40px;display:flex;overflow-y:auto}.vx-card{border-radius:var(--vx-radius);background:var(--vx-surface);border:1px solid var(--vx-line);padding:16px 18px}.vx-card h3{color:var(--vx-text-dim);margin:0 0 6px;font-size:14px;font-weight:600}.vx-card small{color:var(--vx-text-faint);margin-top:8px;font-size:12.5px;display:block}.vx-profile{align-items:center;gap:16px;display:flex}.vx-profile-side{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.vx-profile-side small{margin:0}.vx-swatches{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.vx-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px}.vx-swatch-on{border-color:var(--vx-text);box-shadow:0 0 0 2px var(--vx-bg)}.vx-id-row{align-items:center;gap:10px;display:flex}.vx-id{background:var(--vx-bg-2);border:1px solid var(--vx-line);letter-spacing:.08em;border-radius:8px;padding:6px 10px;font-size:13.5px}.vx-id-preview{background:var(--vx-surface-2);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:inline-flex}.vx-segments{background:var(--vx-surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.vx-segment{color:var(--vx-text-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px}.vx-segment-on{background:var(--vx-surface);color:var(--vx-text);box-shadow:0 1px 4px #0000002e}.vx-mic-test{align-items:center;gap:12px;padding-top:12px;display:flex}.vx-level{background:var(--vx-surface-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.vx-level-fill{background:linear-gradient(90deg, var(--vx-accent), var(--vx-live));border-radius:999px;width:0;height:100%;transition:width 80ms linear}.vx-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;background:#06090e9e;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vx-modal{background:var(--vx-surface);border:1px solid var(--vx-line);width:min(400px,100%);box-shadow:var(--vx-shadow);border-radius:18px;flex-direction:column;gap:10px;padding:22px;display:flex}.vx-modal h2{margin:0;font-size:18px}.vx-modal-sub{color:var(--vx-text-dim);margin:0;font-size:13.5px}.vx-modal-hint{color:var(--vx-text-faint);margin:0;font-size:12.5px}.vx-modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.vx-overlay{z-index:80;background:#06090ead;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vx-overlay-card{background:var(--vx-surface);border:1px solid var(--vx-line);box-shadow:var(--vx-shadow);border-radius:16px;padding:20px 26px}.vx-overlay-card p{margin:0}@media (width<=720px){.vx-room-top{padding:10px 12px}.vx-room-top-right{justify-content:space-between;width:100%}.vx-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}.vx-tile{border-radius:16px;padding:16px 8px 12px}.vx-controls{gap:8px;padding:10px}.vx-ctl{flex:1;justify-content:center;padding:12px 10px}.vx-chat{border-left:0;border-top:1px solid var(--vx-line);border-radius:18px 18px 0 0;width:100%;height:min(72%,560px);inset:auto 0 0;transform:translateY(102%)}.vx-chat-open{transform:translateY(0)}.vx-actions{flex-direction:column}.vx-field{flex-direction:column;align-items:stretch;gap:8px}.vx-field .vx-input{max-width:none}.vx-swatches{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.vx-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px}.vx-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--vx-accent) 0, var(--vx-accent) var(--vx-range-pct,50%), var(--vx-muted-bg) var(--vx-range-pct,50%));border-radius:999px;height:5px}.vx-range::-webkit-slider-thumb{appearance:none;background:#fff;border:none;border-radius:50%;width:15px;height:15px;margin-top:-5px;box-shadow:0 1px 4px #00000059}.vx-range::-moz-range-track{background:var(--vx-muted-bg);border-radius:999px;height:5px}.vx-range::-moz-range-progress{background:var(--vx-accent);border-radius:999px;height:5px}.vx-range::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #00000059}.vx-mic-anchor{display:inline-flex;position:relative}.vx-mic-pill{color:#5b3d18;text-shadow:0 1px #fff6deb3;background:linear-gradient(#fff6de99 0%,#fff6de00 34%),linear-gradient(#fdf6e4 0%,#f2e2c2 100%);border:1px solid #784e2280;border-radius:999px;align-items:stretch;transition:transform .14s,box-shadow .14s,border-color .14s;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,0 2px 5px #462d0f47}.vx-mic-pill:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd9,0 4px 9px #462d0f52}html[data-theme=dark] .vx-mic-pill{color:#f4e4c2;text-shadow:none;background:linear-gradient(#4d3c1f 0%,#3a2c15 100%);border-color:#ffe2aa4d}.vx-mic-pill-muted{color:#95401f;background:linear-gradient(#fff0e699 0%,#fff0e600 34%),linear-gradient(#fbe0d0 0%,#f2c3a8 100%);border-color:#c85c3e8c}html[data-theme=dark] .vx-mic-pill-muted{color:#ffc9ac;background:linear-gradient(#5a3320 0%,#472617 100%)}.vx-mic-main{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-weight:550;display:inline-flex}.vx-mic-main:hover{background:#ffffff47}.vx-mic-pill-muted .vx-mic-main{color:inherit}.vx-mic-sep{background:#784e2259;align-self:center;width:1px;height:22px}.vx-mic-expand{width:40px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,background .15s,color .15s;display:inline-flex}.vx-mic-expand:hover{background:#ffffff47}.vx-mic-expand-on{color:var(--vx-accent-strong);transform:rotate(180deg)}.vx-voice-panel{color:#5b3d18;z-index:60;background:linear-gradient(#fff6de99 0%,#fff6de00 24%),linear-gradient(#fdf6e4 0%,#efdfbf 100%);border:1px solid #784e228c;border-radius:14px;width:272px;padding:14px;animation:.14s vx-pop;position:absolute;bottom:calc(100% + 12px);left:0;box-shadow:inset 0 1px #ffffffd9,0 8px 20px #462c0e57}html[data-theme=dark] .vx-voice-panel{color:#f4e4c2;background:linear-gradient(#4d3c1f 0%,#3a2c15 100%);border-color:#ffe2aa4d}@keyframes vx-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.vx-voice-volume-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.vx-voice-volume-label{align-items:center;gap:7px;font-size:13.5px;font-weight:550;display:inline-flex}.vx-voice-volume-head strong{color:var(--vx-accent-strong);font-size:13px;font-weight:650}.vx-voice-scale{color:var(--vx-text-faint);justify-content:space-between;margin-top:2px;font-size:10.5px;display:flex}.vx-voice-rows{border-top:1px solid var(--vx-line);margin-top:10px;padding-top:6px}.vx-voice-row{justify-content:space-between;align-items:center;padding:7px 2px;display:flex}.vx-voice-row-label{align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.vx-voice-row-side{align-items:center;gap:8px;display:inline-flex}.vx-voice-tag{color:var(--vx-text-faint);background:var(--vx-surface-2);border-radius:6px;padding:2px 7px;font-size:10.5px}.vx-voice-more{border:1px solid var(--vx-line);width:100%;color:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.vx-voice-more svg:last-child{color:var(--vx-text-faint);margin-left:auto}.vx-voice-more:hover{background:var(--vx-surface-2)}.vx-menu-backdrop{z-index:50;background:0 0;position:fixed;inset:0}.vx-member-menu{z-index:60;background:var(--vx-surface);border:1px solid var(--vx-line);width:240px;box-shadow:var(--vx-shadow);border-radius:15px;padding:13px;animation:.14s vx-pop;position:fixed}.vx-member-menu-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.vx-member-menu-head strong{font-size:13.5px;font-weight:600}.vx-member-menu-row{align-items:center;gap:10px;display:flex}.vx-member-menu-value{text-align:right;min-width:46px;color:var(--vx-accent-strong);font-size:12px;font-weight:600}.vx-member-menu-hint{color:var(--vx-text-faint);margin:9px 2px 0;font-size:11px}.vx-menu-btn{border:1px solid var(--vx-line);width:100%;color:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;font-size:12.5px;font-weight:500;display:flex}.vx-menu-btn:hover{background:var(--vx-surface-2)}.vx-menu-btn-active{color:var(--vx-danger);background:#ff6b6b1a;border-color:#ff6b6b59}.vx-inline-range{align-items:center;gap:12px;display:flex}.vx-inline-range .vx-range{flex:1}.vx-inline-range-value{text-align:right;min-width:76px;color:var(--vx-accent-strong);font-size:12.5px;font-weight:600}.vx-field-sub{color:var(--vx-text-faint);background:var(--vx-surface-2);border-radius:6px;margin-left:8px;padding:2px 7px;font-size:11px;font-weight:500}.vx-stage{justify-content:flex-start;padding:0;position:relative;overflow:hidden}.vx-pen-frame{pointer-events:none;z-index:0;position:absolute;inset:0}.vx-pen-frame-sky{background:linear-gradient(#dff0fb 0%,#e8f5ff 13%,#f2ead9 13.2%,#efe3cb 100%);position:absolute;inset:0}html[data-theme=dark] .vx-pen-frame-sky{background:linear-gradient(#141d28 0%,#1a2532 13%,#2a2216 13.2%,#241d12 100%)}.vx-pen-frame-ground{background-image:radial-gradient(circle at 9% 26%,#7a603a26 0 2px,#0000 3px),radial-gradient(circle at 63% 58%,#7a603a21 0 2px,#0000 3px),radial-gradient(circle at 38% 78%,#7a603a1f 0 2px,#0000 3px),radial-gradient(circle at 84% 40%,#7a603a1c 0 2px,#0000 3px);height:87.2%;position:absolute;bottom:0;left:0;right:0}html[data-theme=dark] .vx-pen-frame-ground{background-image:radial-gradient(circle at 9% 26%,#ffe2aa12 0 2px,#0000 3px),radial-gradient(circle at 63% 58%,#ffe2aa0f 0 2px,#0000 3px)}.vx-pen-frame-floor{opacity:.55;background-image:repeating-linear-gradient(#785c3438 0 1px,#0000 1px 9px);height:87.2%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000001f 0%,#000 58% 100%);mask-image:linear-gradient(#0000001f 0%,#000 58% 100%)}html[data-theme=dark] .vx-pen-frame-floor{background-image:repeating-linear-gradient(#ffe2aa24 0 1px,#0000 1px 9px)}.vx-fence{pointer-events:none;position:absolute}.vx-fence-top,.vx-fence-bottom{height:72px;left:0;right:0}.vx-fence-top{top:0}.vx-fence-bottom{z-index:3;height:84px;bottom:0}.vx-fence-rail{background:linear-gradient(#fff8e28c 0%,#fff8e200 34%),repeating-linear-gradient(93deg,#70461c24 0 2px,#70461c00 2px 8px),linear-gradient(#e3b276 0%,#cb9650 46%,#a2713a 80%,#855729 100%);border-radius:7px;height:14px;position:absolute;left:0;right:0;box-shadow:0 2px #54341452,0 4px 7px #54341429,inset 0 1px #ffffff73}.vx-fence-rail-a{top:12px}.vx-fence-rail-b{top:40px}.vx-fence-bottom .vx-fence-rail-a{top:16px}.vx-fence-bottom .vx-fence-rail-b{top:46px}.vx-fence-rail-back{height:12px;box-shadow:none;opacity:.85;background:linear-gradient(#9c6f3c 0%,#7d5629 100%);top:30px}.vx-fence-bottom .vx-fence-rail-back{display:none}.vx-fence-posts{z-index:1;justify-content:space-between;align-items:stretch;padding:0 6px;display:flex;position:absolute;inset:0}.vx-fence-post{background:linear-gradient(90deg,#5c381461 0%,#5c381400 22%,#fffae866 42%,#5c381400 62%,#5c381457 100%),repeating-linear-gradient(88deg,#68401824 0 1px,#68401800 1px 6px),linear-gradient(#e8bf86 0%,#cf9c59 52%,#a5763e 100%);border-radius:3px 3px 4px 4px;width:20px;position:relative;box-shadow:inset 0 1px #ffffff47,0 3px 6px #482c1052}.vx-fence-post:before{content:"";background:linear-gradient(#f6e0b4 0%,#dcb072 60%,#c2924f 100%);border-radius:4px 4px 2px 2px;height:10px;position:absolute;top:-5px;left:-2px;right:-2px;box-shadow:0 1px #784e2266,inset 0 1px #fff9}.vx-fence-post:after{content:"";background:radial-gradient(circle at 35% 30%,#c9a86e 0%,#7a5730 70%,#5d4020 100%);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:17px;left:50%;box-shadow:1px 27px 0 -.5px #7a5730,inset 0 1px #ffffff59}.vx-fence-top .vx-fence-post{top:4px;bottom:-8px}.vx-fence-bottom .vx-fence-post{top:-8px;bottom:-2px}.vx-fence-right .vx-side-rail{box-shadow:-3px 0 6px #54341433}.vx-fence-left .vx-side-rail-a{left:5px}.vx-fence-left .vx-side-rail-b{left:16px}.vx-fence-right .vx-side-rail-a{right:5px}.vx-fence-right .vx-side-rail-b{right:16px}.vx-side-rail-back{opacity:.8;width:7px;box-shadow:none;background:linear-gradient(#9c6f3c 0%,#7d5629 100%)}.vx-fence-left .vx-side-rail-back{left:0}.vx-fence-right .vx-side-rail-back{right:0}.vx-side-posts{z-index:1;flex-direction:column;justify-content:space-between;padding:6px 0;display:flex;position:absolute;inset:66px 0 78px}.vx-side-post:before{content:"";background:linear-gradient(90deg,#eecf9c 0%,#d6a967 100%);border-radius:3px;position:absolute;inset:-3px -3px -3px 0;box-shadow:inset 0 0 0 1px #784e2247}.vx-fence-right .vx-side-post:before{background:linear-gradient(90deg,#d6a967 0%,#eecf9c 100%);left:-3px;right:0}.vx-pig-slot{bottom:var(--vx-pig-bottom,16px);width:var(--vx-pig-size,96px);height:var(--vx-pig-size,96px);z-index:2;position:absolute;left:40px}.vx-pig-hit{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.vx-pig-walker{will-change:left;width:100%;height:100%;position:absolute;bottom:0}.vx-pig-flip{width:100%;height:100%;position:relative;scale:1}.vx-pig-shadow{width:66%;height:10px;opacity:calc(var(--vx-depth,1) * .85);pointer-events:none;z-index:0;background:radial-gradient(60% 100%,#4a341866 0%,#0000 100%);border-radius:50%;position:absolute;bottom:0;left:50%;translate:-50%}.vx-pig{transform-origin:50% 92%;width:100%;height:100%}.vx-pig-svg{filter:drop-shadow(0 3px 3px #462d0f38);width:100%;height:100%;display:block}.vx-pig-leg{transform-origin:50% 0}.vx-pig-leg-a,.vx-pig-leg-c{animation:1.4s ease-in-out infinite vx-leg-swing}.vx-pig-leg-b,.vx-pig-leg-d{animation:1.4s ease-in-out -.7s infinite vx-leg-swing}@keyframes vx-pig-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.vx-pig-slot-still{z-index:4}.vx-pig-speaking{animation:.62s ease-in-out infinite vx-pig-talk}.vx-pig-speaking+.vx-pig-shadow,.vx-pig-sleeping~.vx-pig-shadow{opacity:calc(var(--vx-depth,1) * .7)}.vx-pig-speaking .vx-pig-leg{animation:none;rotate:0deg}@keyframes vx-pig-talk{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-5px)scale(1.09)}50%{transform:translateY(0)scale(1.02)}75%{transform:translateY(-3px)scale(1.06)}}.vx-pig-voice{pointer-events:none;border:2px solid #48be8cbf;border-radius:50%;width:76%;height:16px;animation:1.1s ease-out infinite vx-voice-ring;position:absolute;bottom:-2px;left:50%;translate:-50%}@keyframes vx-voice-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.vx-pig-sleeping{opacity:.92;animation:3.4s ease-in-out infinite vx-pig-sleep}@keyframes vx-pig-sleep{0%,to{transform:scaleY(.86)translateY(4px)}50%{transform:scaleY(.92)translateY(3px)}}.vx-pig-sleeping .vx-pig-leg{animation:none;rotate:78deg}.vx-pig-zzz{color:#7c8798;pointer-events:none;gap:1px;font-size:12px;font-style:normal;font-weight:700;display:flex;position:absolute;top:-10px;right:2px}.vx-pig-zzz i{opacity:0;font-style:normal;animation:2.6s ease-out infinite vx-zzz}.vx-pig-zzz i:nth-child(2){font-size:14px;animation-delay:.5s}.vx-pig-zzz i:nth-child(3){font-size:16px;animation-delay:1s}@keyframes vx-zzz{0%{opacity:0;transform:translateY(2px)scale(.8)}30%{opacity:.9}to{opacity:0;transform:translate(7px,-16px)scale(1.1)}}.vx-pig-tag{left:50%;top:var(--vx-tag-top,58%);pointer-events:none;z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;translate:-50%}.vx-pig-tag-cord{background:linear-gradient(#785028d9,#966937e6);border-radius:2px;width:2px;height:9px;display:block}.vx-pig-tag-face{color:#5a3f1e;white-space:nowrap;background:linear-gradient(#f0d9a8 0%,#dcbb80 100%);border:1px solid #a8814a;border-radius:5px;align-items:center;gap:3px;max-width:min(46vw,190px);padding:1px 8px 2px;font-size:11px;font-weight:700;line-height:1.3;animation:3.4s ease-in-out infinite vx-tag-sway;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #462d0f47,inset 0 1px #ffffff80}.vx-pig-tag-name{text-overflow:ellipsis;overflow:hidden}.vx-pig-tag-face b{color:#34508f;background:#5b8cff38;border-radius:999px;flex:none;padding:0 4px;font-size:9px;font-weight:700}.vx-pig-tag-face b.vx-plate-quiet{color:#5b6472;background:#6e788733}html[data-theme=dark] .vx-pig-tag-face{color:#f6e6c4;background:linear-gradient(#6b5533 0%,#55401f 100%);border-color:#8a6a38}html[data-theme=dark] .vx-pig-tag-face b{color:#b9cdfd;background:#7aa2ff42}@keyframes vx-tag-sway{0%,to{rotate:-2.2deg}50%{rotate:2.2deg}}.vx-pig-speaking .vx-pig-tag-face{background:linear-gradient(#fff3d0 0%,#f2d79a 100%);border-color:#caa055;animation-duration:1.6s}.vx-pen-footer{z-index:5;display:flex;position:absolute;bottom:6px;left:0;right:0}.vx-pen-invite{color:#5a442c;background:#fffaf0f2;border:1px solid #966e3c73;border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:5px 8px 5px 14px;font-size:12px;display:flex;box-shadow:0 2px 8px #5a3c1a24}html[data-theme=dark] .vx-pen-invite{color:#f0e2c8;background:#202832f2;border-color:#ffe2aa4d}@media (width<=720px){.vx-pig-tag{top:50%}.vx-pig-tag-face{max-width:76px;padding:1px 5px;font-size:9.5px}.vx-pig-tag-cord{height:6px}.vx-pen-invite{gap:6px;font-size:11px}}.vx-empty-pen{z-index:6;pointer-events:none;flex-direction:column;align-items:center;width:min(440px,78%);margin:0;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.vx-empty-pen>*{pointer-events:auto}.vx-empty-pigs{opacity:.75;width:96px;height:30px;margin:0 auto 4px;display:block;position:relative}.vx-empty-pigs i{background:linear-gradient(#f6b3c2,#e0849a);border-radius:50% 50% 46% 46%;width:26px;height:26px;animation:2.4s ease-in-out infinite vx-piglet;position:absolute;bottom:0;box-shadow:inset -3px -3px #00000014}.vx-empty-pigs i:before{content:"";background:#f9cdd7;border-radius:50%;width:12px;height:10px;position:absolute;top:9px;right:-4px}.vx-empty-pigs i:first-child{animation-delay:0s;left:2px}.vx-empty-pigs i:nth-child(2){animation-delay:-.8s;left:34px}.vx-empty-pigs i:nth-child(3){animation-delay:-1.6s;left:66px}@keyframes vx-piglet{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@media (width<=720px){.vx-fence-top,.vx-fence-bottom{height:48px}.vx-fence-post{width:9px}.vx-fence-rail{height:11px}.vx-fence-left,.vx-fence-right{width:12px}.vx-fence-rail-top{top:10px}.vx-fence-rail-bottom{top:27px}}@media (prefers-reduced-motion:reduce){.vx-pig-walker,.vx-pig,.vx-pig-leg,.vx-pig-voice,.vx-pig-zzz i,.vx-pig-tag-face,.vx-empty-pigs i,.vx-pig-speaking,.vx-pig-sleeping,.vx-pig-svg path{animation:none!important}}.vx-pig-speaking .vx-pig-svg path:first-of-type,.vx-pig-speaking .vx-pig-svg path:nth-of-type(3){transform-origin:50% 100%;animation:.42s ease-in-out infinite vx-ear-perk}.vx-pig-speaking .vx-pig-svg path:nth-of-type(2),.vx-pig-speaking .vx-pig-svg path:nth-of-type(4){transform-origin:50% 100%;animation:.42s ease-in-out -.21s infinite vx-ear-perk}@keyframes vx-ear-perk{0%,to{transform:rotate(-7deg)translateY(0)}50%{transform:rotate(7deg)translateY(-1.2px)}}.vx-pig-sleeping .vx-pig-svg path:first-of-type,.vx-pig-sleeping .vx-pig-svg path:nth-of-type(3),.vx-pig-sleeping .vx-pig-svg path:nth-of-type(2),.vx-pig-sleeping .vx-pig-svg path:nth-of-type(4){transform-origin:50% 100%;transform:rotate(24deg)}.vx-pen-props{z-index:3;pointer-events:none;position:absolute;inset:0}.vx-veg{width:40px;height:40px;animation:.9s cubic-bezier(.34,.02,.62,1) both vx-veg-toss;position:absolute;translate:-50%}.vx-veg-svg{filter:drop-shadow(0 2px 1px #462d0f4d);width:100%;height:100%;display:block}.vx-veg-shadow{background:radial-gradient(60% 100%,#4a341857 0%,#0000 100%);border-radius:50%;width:54%;height:8px;position:absolute;bottom:-3px;left:50%;translate:-50%}@keyframes vx-veg-toss{0%{opacity:0;transform:translateY(-280px)rotate(-140deg)scale(.7)}12%{opacity:1}70%{transform:translate(0)rotate(-20deg)scale(1.02)}82%{transform:translateY(-14px)rotate(0)scale(1)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.vx-poop{width:40px;height:30px;position:absolute;left:50%;translate:-50%}@keyframes vx-poop-drop{0%{opacity:0;transform:translateY(-24px)scale(.4,.5)}60%{opacity:1;transform:translateY(0)scale(1.1,.9)}to{opacity:1;transform:translateY(0)scale(1)}}.vx-poop-layer{background:linear-gradient(#a9764a 0%,#8a5c34 60%,#6f4826 100%);border-radius:50% 50% 42% 42%;position:absolute;left:50%;translate:-50%;box-shadow:inset -2px -2px #0000001f,inset 1px 1px #ffffff2e}.vx-poop-layer-1{width:34px;height:12px;bottom:0}.vx-poop-layer-2{width:24px;height:10px;bottom:8px}.vx-poop-layer-3{width:13px;height:9px;bottom:15px}.vx-poop-stink{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:18px;left:60%}.vx-poop-stink em{opacity:0;background:#9aa7a0;border-radius:50%;width:5px;height:5px;animation:2.4s ease-out infinite vx-stink;display:block}.vx-poop-stink em:nth-child(2){width:4px;height:4px;margin-left:3px;animation-delay:.7s}@keyframes vx-stink{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:.75}to{opacity:0;transform:translate(6px,-20px)scale(1.2)}}.vx-npc-badge{z-index:6;color:#5a3f1e;pointer-events:none;background:linear-gradient(#f6f2e4 0%,#e6dcc4 100%);border:1px solid #a8814a;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:700;animation:3.2s ease-out both vx-npc-in;display:inline-flex;position:absolute;top:12px;left:50%;translate:-50%;box-shadow:0 2px 8px #462d0f40}.vx-npc-badge b{letter-spacing:.06em}html[data-theme=dark] .vx-npc-badge{color:#f6e6c4;background:linear-gradient(#6b5533 0%,#55401f 100%);border-color:#8a6a38}@keyframes vx-npc-in{0%{opacity:0;transform:translateY(-16px)scale(.9)}12%,70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.vx-pig-action-eat{animation:.5s ease-in-out infinite vx-pig-munch}@keyframes vx-pig-munch{0%,to{transform:translateY(0)scaleY(1)}60%{transform:translateY(-2px)scaleY(1.02)}}.vx-pig-action-eat .vx-pig-leg{animation:none}.vx-pig-action-poop{animation:1.1s ease-in-out infinite vx-pig-strain}@keyframes vx-pig-strain{0%,to{transform:translateY(1px)scaleY(.93)}35%{transform:translateY(2px)scaleY(.9)}70%{transform:translateY(0)scaleY(.96)}}.vx-pig-action-poop .vx-pig-leg{animation:none}@media (prefers-reduced-motion:reduce){.vx-veg,.vx-poop-pile,.vx-poop-stink em,.vx-npc-badge,.vx-pig-action-eat,.vx-pig-action-poop{animation:none!important}}@media (width<=720px){.vx-veg{width:30px;height:30px}.vx-poop{width:30px;height:24px}.vx-poop-layer-1{width:26px;height:10px}.vx-poop-layer-2{width:18px;height:8px;bottom:6px}.vx-poop-layer-3{width:10px;height:7px;bottom:11px}.vx-npc-badge{padding:3px 9px;font-size:11px}}.vx-pig-shadow{background:radial-gradient(46% 100% at 50% 46%,#462e146b 0%,#0000 100%),radial-gradient(78% 100% at 50% 52%,#462e1433 0%,#0000 100%);height:14px}.vx-pig{filter:drop-shadow(0 1px #ffffff47)drop-shadow(0 3px 2px #462d0f33)}.vx-pig-svg ellipse[fill=\#ffffff]{animation:3.6s ease-in-out infinite vx-snout-sheen}@keyframes vx-snout-sheen{0%,to{opacity:.5}50%{opacity:.75}}.vx-pig-svg ellipse[fill=\#4a2b34]{transform-box:fill-box;transform-origin:50%;animation:5.4s ease-in-out infinite vx-blink}@keyframes vx-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.14)}}.vx-pig-heart{transform-box:fill-box;transform-origin:50% 60%;animation:1.4s ease-in-out infinite vx-heart-pop}@keyframes vx-heart-pop{0%,to{opacity:.35;transform:translateY(1px)scale(.9)}50%{opacity:1;transform:translateY(-3px)scale(1.12)}}.vx-pig-speaking .vx-pig-body-group{transform-box:fill-box;transform-origin:50% 100%;animation:.62s ease-in-out infinite vx-talk-nod}@keyframes vx-talk-nod{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@media (prefers-reduced-motion:reduce){.vx-pig-svg ellipse[fill=\#ffffff],.vx-pig-svg ellipse[fill=\#4a2b34],.vx-pig-heart,.vx-pig-speaking .vx-pig-body-group{animation:none!important}}.vx-pig-walking .vx-pig-leg-a,.vx-pig-walking .vx-pig-leg-c{animation:2.6s ease-in-out infinite vx-leg-swing}.vx-pig-walking .vx-pig-leg-b,.vx-pig-walking .vx-pig-leg-d{animation:2.6s ease-in-out -1.3s infinite vx-leg-swing}.vx-pig:not(.vx-pig-walking) .vx-pig-leg{animation:none}@keyframes vx-leg-swing{0%,to{rotate:6deg}50%{rotate:-6deg}}.vx-pig-walking{animation:2.6s ease-in-out infinite vx-pig-bob}.vx-pig-phase-approach{animation:.9s ease-in-out infinite vx-pig-step-closer}@keyframes vx-pig-step-closer{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.vx-pig-phase-munch{animation:.42s ease-in-out infinite vx-pig-munch}.vx-pig-phase-munch .vx-pig-chomp,.vx-pig-phase-approach .vx-pig-chomp{transform-box:fill-box;transform-origin:50% 0;animation:.42s ease-in-out infinite vx-chomp}@keyframes vx-chomp{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}.vx-pig-phase-munch .vx-pig-leg,.vx-pig-phase-approach .vx-pig-leg{animation:none}.vx-pig-phase-strain{animation:.7s ease-in-out infinite vx-pig-strain}.vx-pig-phase-strain .vx-pig-leg{animation:none;rotate:20deg}.vx-pig-phase-sniff{animation:1.3s ease-in-out infinite vx-pig-sniff}@keyframes vx-pig-sniff{0%,to{transform:translateY(0)}50%{transform:translateY(1.5px)}}.vx-pig-phase-sniff .vx-pig-head{transform-box:fill-box;animation:1.3s ease-in-out infinite vx-sniff-nod}@keyframes vx-sniff-nod{0%,to{rotate:0deg}50%{rotate:5deg}}.vx-pig-phase-sniff .vx-pig-leg{animation:none}@media (prefers-reduced-motion:reduce){.vx-pig-phase-approach,.vx-pig-phase-munch,.vx-pig-phase-strain,.vx-pig-phase-sniff,.vx-pig-phase-munch .vx-pig-chomp,.vx-pig-phase-sniff .vx-pig-head{animation:none!important}}.vx-poop{transform-origin:84% 100%;width:40px;height:30px;position:absolute;left:50%;translate:-84%}.vx-poop-pile{width:100%;height:100%;animation:.62s cubic-bezier(.34,1.56,.64,1) both vx-poop-emerge;display:block;position:relative}@keyframes vx-poop-emerge{0%{opacity:0;transform:translate(2px,-20px)scale(.3,.35)}45%{opacity:1;transform:translate(1px,-4px)scale(.8,.9)}75%{transform:translate(0)scale(1.12,.88)}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.vx-poop-pile{animation:none!important}}.vx-fence-post:after{top:20px;box-shadow:0 18px #7d5a34,inset 0 1px #ffffff80}.vx-fence-bottom .vx-fence-post:after{top:16px}.vx-pig-speaking{z-index:4;position:relative}.vx-pig-speaking:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 45%,#ffe99680 0%,#ffdc7838 38%,#ffdc7800 70%);border-radius:50%;width:190%;height:190%;animation:1.15s ease-in-out infinite vx-spotlight;position:absolute;top:-34%;left:50%;translate:-50%}@keyframes vx-spotlight{0%,to{opacity:.75;transform:scale(.98)}50%{opacity:1;transform:scale(1.06)}}.vx-pig-speaking .vx-pig-voice{border-width:3px;border-color:#2ed69ce6;box-shadow:0 0 10px #2ed69c8c}.vx-pig-speaking .vx-pig-voice:after{content:"";border:2px solid #2ed69c99;border-radius:50%;animation:1.1s ease-out .35s infinite vx-voice-ring;position:absolute;inset:-4px}.vx-pig-speaking .vx-pig-tag-face{color:#6b4a12;background:linear-gradient(#fffbe8 0%,#ffe9a8 100%);border-color:#e0b43c;animation-duration:1.3s;box-shadow:0 0 0 2px #ffd6668c,0 2px 10px #d6961e73}.vx-pig-speaking .vx-pig-tag-cord{background:linear-gradient(#e0b43c,#a87f28)}@media (prefers-reduced-motion:reduce){.vx-pig-speaking:before,.vx-pig-speaking .vx-pig-voice:after{animation:none!important}}.vx-room-top{z-index:6;pointer-events:none;padding:8px clamp(12px,3vw,28px) 0;position:relative}.vx-signboard{pointer-events:auto;background:linear-gradient(#fff6de8c 0%,#fff6de00 26%),linear-gradient(#603c182e 0 1px,#603c1800 1px 31%,#603c1829 31% 32%,#603c1800 32% 64%,#603c1829 64% 65%,#603c1800 65%),repeating-linear-gradient(92deg,#7a52261a 0 2px,#7a522600 2px 9px),linear-gradient(#ecc78d 0%,#d8a866 48%,#bd8b4b 100%);border:1px solid #784e2280;border-radius:14px;align-items:center;gap:clamp(8px,1.4vw,16px);width:fit-content;max-width:calc(100% - 24px);margin:0 auto;padding:9px clamp(12px,2vw,22px);display:flex;position:relative;box-shadow:inset 0 1px #ffffff80,inset 0 -3px #784e2247,0 4px 10px #462c0e4d,0 1px #5a3a1673}.vx-sign-hanger{background:linear-gradient(#a5824a 0%,#7d5f30 100%);border-radius:2px;width:3px;height:22px;position:absolute;top:-20px;box-shadow:0 0 0 1px #50381440}.vx-sign-hanger-l{transform-origin:bottom;left:46px;transform:rotate(-9deg)}.vx-sign-hanger-r{transform-origin:bottom;right:46px;transform:rotate(9deg)}.vx-sign-screw{background:radial-gradient(circle at 35% 30%,#f0e2c4 0%,#a98c58 60%,#7c6432 100%);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;box-shadow:0 1px 1px #462d0f73}.vx-sign-screw-l{left:9px}.vx-sign-screw-r{right:9px}.vx-sign-brand{letter-spacing:.01em;color:#5b3d18;text-shadow:0 1px #fff5dca6;align-items:center;gap:6px;font-size:16px;font-weight:800;display:inline-flex}.vx-sign-code{color:#5b3d18;cursor:pointer;background:linear-gradient(#fdf6e4 0%,#f0e0be 100%);border:1px solid #784e228c;border-radius:9px;align-items:baseline;gap:7px;padding:4px 11px;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 1px #fffc,0 1px 2px #462d0f40}.vx-sign-code:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fffc,0 3px 7px #462d0f47}.vx-sign-code-label{opacity:.72;font-size:11px}.vx-sign-code-value{letter-spacing:.12em;color:#3f2a0c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:800}.vx-sign-code-state{opacity:.6;font-size:11px}.vx-sign-conn,.vx-sign-count{color:#6b4a1e;text-shadow:0 1px #fff6de99;white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:inline-flex}.vx-sign-btn{box-shadow:0 2px 5px #462d0f4d}.vx-sign-settings{color:#5b3d18;cursor:pointer;background:linear-gradient(#fdf6e4 0%,#efdec0 100%);border:1px solid #784e228c;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.vx-sign-settings:hover{background:linear-gradient(#fffaf0 0%,#f6e8cd 100%)}html[data-theme=dark] .vx-signboard{background:linear-gradient(#ffecc829 0%,#ffecc800 26%),repeating-linear-gradient(92deg,#ffe2aa0f 0 2px,#ffe2aa00 2px 9px),linear-gradient(#6d5531 0%,#5a4323 48%,#453218 100%);border-color:#ffe2aa47}html[data-theme=dark] .vx-sign-brand,html[data-theme=dark] .vx-sign-conn,html[data-theme=dark] .vx-sign-count{color:#f4e4c2;text-shadow:0 1px #00000059}html[data-theme=dark] .vx-sign-code,html[data-theme=dark] .vx-sign-settings{color:#f4e4c2;background:linear-gradient(#4a3a1e 0%,#3a2c15 100%);border-color:#ffe2aa4d}@media (width<=720px){.vx-signboard{border-radius:11px;gap:6px;padding:7px 10px}.vx-sign-brand{font-size:13px}.vx-sign-code-value{font-size:14px}.vx-sign-conn,.vx-sign-count{font-size:11px}.vx-sign-code-state{display:none}}.vx-fence-side{z-index:2;width:26px;position:absolute;top:0;bottom:0}.vx-fence-left{left:0}.vx-fence-right{right:0}.vx-side-rail{background:repeating-linear-gradient(178deg,#784e2229 0 2px,#784e2200 2px 7px),linear-gradient(90deg,#a06f36 0%,#cf9c58 42%,#e2b877 58%,#8e6130 100%);border-radius:5px;width:10px;position:absolute;top:0;bottom:0;box-shadow:2px 0 #54341447,4px 0 8px #54341429}.vx-fence-left .vx-side-rail{left:3px}.vx-fence-right .vx-side-rail{right:3px;box-shadow:-2px 0 #54341447,-4px 0 8px #54341429}.vx-side-rail-a{top:74px}.vx-side-rail-b{top:74px;transform:translate(9px)}.vx-fence-right .vx-side-rail-b{transform:translate(-9px)}.vx-side-posts{flex-direction:column;justify-content:space-between;padding:4px 0;display:flex;position:absolute;inset:62px 0 58px}.vx-side-post{background:linear-gradient(#603c184d 0%,#603c1800 30%,#ffffff4d 52%,#603c1800 72%,#603c1852 100%),linear-gradient(90deg,#dfb277 0%,#c9944f 55%,#9c6f3c 100%);border-radius:4px;height:15px;position:relative;box-shadow:2px 1px 3px #482c104d}.vx-side-post:before{content:"";background:linear-gradient(#f3dcae 0%,#f3dcae00 100%);border-radius:4px 4px 0 0;height:4px;position:absolute;inset:0 0 auto}.vx-pen-scatter{pointer-events:none;position:absolute;inset:62px 26px 58px}.vx-scatter{translate:-50% -50%;scale:var(--vx-scatter-scale,1);position:absolute}.vx-scatter-svg{width:100%;height:100%;display:block}.vx-scatter-grass{opacity:.92;width:46px;height:34px}.vx-scatter-log{opacity:.95;width:60px;height:34px}.vx-scatter-grass .vx-scatter-svg{transform-origin:50% 100%;animation:4.5s ease-in-out infinite vx-grass-sway}@keyframes vx-grass-sway{0%,to{rotate:-2.5deg}50%{rotate:2.5deg}}@media (width<=720px){.vx-fence-side{width:20px}.vx-pen-scatter{inset:48px 20px 46px}.vx-scatter-grass{width:34px;height:25px}.vx-scatter-log{width:44px;height:25px}}@media (prefers-reduced-motion:reduce){.vx-scatter-grass .vx-scatter-svg{animation:none!important}}.vx-npc-badge{top:10px;left:18%}.vx-room .vx-btn-primary{color:#4a2e08;background:linear-gradient(#fff8e28c 0%,#fff8e200 36%),linear-gradient(#f3bf5f 0%,#e0a13c 55%,#c9862a 100%);border-color:#96601aa6;box-shadow:inset 0 1px #fff9,0 2px 6px #784a1052}.vx-room .vx-btn-primary:hover{background:linear-gradient(#fffcec99 0%,#fffcec00 36%),linear-gradient(#f8c96e 0%,#e8ab46 55%,#d18f31 100%);box-shadow:inset 0 1px #ffffffb3,0 4px 10px #784a1061}html[data-theme=dark] .vx-room .vx-btn-primary{color:#3a2406}.vx-npc{z-index:7;pointer-events:none;position:absolute;inset:0}.vx-npc-walker{will-change:transform;width:74px;height:92px;animation:4.4s cubic-bezier(.33,.9,.4,1) both vx-npc-visit;position:absolute;bottom:30px;right:14px}@keyframes vx-npc-visit{0%{opacity:0;transform:translate(140%)}6%{opacity:1}26%{transform:translate(0)}40%{transform:translate(0)}73%{transform:translate(0)}96%{opacity:1}to{opacity:0;transform:translate(140%)}}.vx-npc-svg{filter:drop-shadow(0 4px 4px #462d0f47);width:100%;height:100%;display:block}.vx-npc-leg{transform-origin:50% 0}.vx-npc-leg-a{animation:.62s ease-in-out infinite vx-npc-step}.vx-npc-leg-b{animation:.62s ease-in-out -.31s infinite vx-npc-step}@keyframes vx-npc-step{0%,to{rotate:16deg}50%{rotate:-16deg}}.vx-npc-arm{transform-box:fill-box;transform-origin:20% 90%;animation:4.4s ease-in-out both vx-npc-wave}@keyframes vx-npc-wave{0%,28%{rotate:0deg}44%,70%{rotate:-78deg}52%,62%{rotate:-58deg}to{rotate:0deg}}.vx-npc-basket{transform-box:fill-box;transform-origin:50% 100%;animation:1.6s ease-in-out infinite vx-npc-basket}@keyframes vx-npc-basket{0%,to{rotate:-3deg}50%{rotate:3deg}}.vx-npc-name{color:#5a3f1e;letter-spacing:.06em;white-space:nowrap;background:linear-gradient(#fffbe8 0%,#f2e0bb 100%);border:1px solid #966e3c99;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:-4px;left:50%;translate:-50%;box-shadow:0 2px 6px #462d0f42}html[data-theme=dark] .vx-npc-name{color:#f6e6c4;background:linear-gradient(#5d4726 0%,#453318 100%);border-color:#ffe2aa59}@media (width<=720px){.vx-npc-walker{width:56px;height:70px;bottom:26px;right:10px}.vx-npc-name{padding:1px 8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.vx-npc-walker,.vx-npc-leg,.vx-npc-arm,.vx-npc-basket{animation:none!important}}.vx-npc{z-index:9}.vx-npc-walker{bottom:40px}.vx-room-top{padding-top:14px}.vx-audio-blocked{z-index:8;color:#8f2c17;cursor:pointer;background:linear-gradient(#fff2ecb3 0%,#fff2ec00 36%),linear-gradient(#fde3d8 0%,#f4bfa6 100%);border:1px solid #be4a2ea6;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:700;animation:1.6s ease-in-out infinite vx-audio-pulse;display:inline-flex;position:absolute;top:82px;left:50%;translate:-50%;box-shadow:0 2px 8px #963c1e52,inset 0 1px #ffffffb3}.vx-audio-blocked:hover{background:linear-gradient(#fff8f4cc 0%,#fff8f400 36%),linear-gradient(#ffeade 0%,#f9cbb4 100%)}@keyframes vx-audio-pulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #963c1e52,inset 0 1px #ffffffb3}50%{transform:scale(1.025);box-shadow:0 4px 14px #963c1e6b,inset 0 1px #fffc}}html[data-theme=dark] .vx-audio-blocked{color:#ffc9b0;background:linear-gradient(#5a2b1c 0%,#46200f 100%);border-color:#ff967880}@media (prefers-reduced-motion:reduce){.vx-audio-blocked{animation:none!important}}