@font-face{font-family:Fraunces;font-style:normal;font-weight:300 900;font-display:swap;src:url(/static/assets/fraunces-CGbQT07w.woff2) format("woff2")}@font-face{font-family:Fraunces;font-style:italic;font-weight:300 900;font-display:swap;src:url(/static/assets/fraunces-italic-CZAFUIws.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(/static/assets/figtree-D_ZTVpCC.woff2) format("woff2")}@font-face{font-family:Figtree;font-style:italic;font-weight:300 900;font-display:swap;src:url(/static/assets/figtree-italic-BEAWuiTz.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/static/assets/dm-mono-400-4GdczIuU.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/static/assets/dm-mono-500-DRMDZjhP.woff2) format("woff2")}:root{color-scheme:dark;--canvas: #5E1A2C;--canvas-deep: #3E0F1C;--cushion: #74233A;--stitch: color-mix(in srgb, #F6E7D3 30%, transparent);--shade: #22070F;--ink: #F6E7D3;--ink-soft: #E2C9B0;--signal: #8FC3FF;--signal-deep: #4F7FB8;--signal-ink: #2A0A14;--screen: #12233F;--seat-1: #E5A92E;--seat-2: #9AA33F;--seat-3: #D2602F;--warn: #E6DC9C;--danger: #FF8A7A;--field-ring: color-mix(in srgb, #E2C9B0 70%, #3E0F1C);--shape-sm: 14px;--shape: 22px;--shape-lg: 34px;--shape-pill: 999px;--font-display: "Fraunces", "Cooper Black", Georgia, serif;--font-body: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "DM Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-press: cubic-bezier(.3, .7, .4, 1);--weave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='a' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .96 0 0 0 0 .9 0 0 0 0 .82 0 0 0 .6 0'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='0'%3E%3CfeTurbulence type='turbulence' baseFrequency='.18' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 0 0 0 0 0 .04 0 0 0 .7 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23a)' opacity='.075'/%3E%3Crect width='180' height='180' filter='url(%23b)' opacity='.07'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.vp-display{font-family:var(--font-display);font-weight:900;font-variation-settings:"opsz" 144;letter-spacing:-.012em;line-height:.98}.vp-kicker{font-family:var(--font-display);font-style:italic;font-weight:500;font-variation-settings:"opsz" 30;color:var(--ink-soft)}.vp-mono{font-family:var(--font-mono);font-weight:500;font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:.02em}.vp-ic{width:20px;height:20px;fill:currentColor;flex:none;display:block}.vp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vp-cush{--r: var(--shape);position:relative;background:var(--cushion);border-radius:var(--r);box-shadow:inset 0 1.5px color-mix(in srgb,var(--ink) 16%,transparent),inset 0 -22px 34px -22px var(--shade),0 16px 28px -18px var(--shade)}.vp-cush:after,.vp-sewn:after{content:"";position:absolute;inset:6px;pointer-events:none;border:1.5px dashed var(--stitch);border-radius:calc(var(--r) - 6px)}.vp-sewn{--r: var(--shape);position:relative;border-radius:var(--r)}:where(.vp-cush,.vp-sewn)>*{position:relative;z-index:1}.vp-cush--deep{background:var(--canvas-deep);box-shadow:inset 0 3px 8px var(--shade)}.vp-btn{--r: var(--shape-pill);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:44px;padding:0 1.3em;border:0;border-radius:var(--r);font:700 15px/1.1 var(--font-body);letter-spacing:.005em;text-decoration:none;text-align:center;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--cushion) 86%,var(--ink));box-shadow:inset 0 1.5px color-mix(in srgb,var(--ink) 24%,transparent),0 4px 0 var(--canvas-deep),0 12px 20px -10px var(--shade);transition:transform .26s var(--ease-back),box-shadow .26s var(--ease-back)}.vp-btn>.vp-ic{width:18px;height:18px}.vp-btn:active:not(:disabled){transform:translateY(2px) scale(1.02,.94);transition-duration:90ms;transition-timing-function:var(--ease-press);box-shadow:inset 0 1.5px color-mix(in srgb,var(--ink) 24%,transparent),0 1px 0 var(--canvas-deep),0 4px 8px -6px var(--shade)}.vp-btn--pri{background:var(--signal);color:var(--signal-ink);box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 75%,transparent),inset 0 -3px color-mix(in srgb,var(--signal-deep) 55%,transparent),0 4px 0 var(--signal-deep),0 12px 20px -10px var(--shade)}.vp-btn--pri:active:not(:disabled){box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 75%,transparent),inset 0 -2px color-mix(in srgb,var(--signal-deep) 55%,transparent),0 1px 0 var(--signal-deep),0 4px 8px -6px var(--shade)}.vp-btn--danger{--r: var(--shape-sm);background:var(--canvas-deep);color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger),0 4px 0 var(--shade)}.vp-btn--danger:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--danger),0 1px 0 var(--shade)}.vp-btn--ghost{background:transparent;color:var(--ink);padding:0 .7em;box-shadow:none}.vp-btn--ghost:active:not(:disabled){box-shadow:none}.vp-btn:disabled{background:transparent;color:var(--ink-soft);box-shadow:none;cursor:not-allowed;transform:none}.vp-btn:disabled:after{content:"";position:absolute;inset:0;border:1.5px dashed var(--stitch);border-radius:inherit;pointer-events:none}.vp-btn--pri:disabled{background:var(--canvas-deep);color:var(--signal);opacity:.7}.vp-btn--pri:disabled:after{border-color:color-mix(in srgb,var(--signal) 60%,transparent)}.vp-btn--s{min-height:36px;padding:0 1.05em;font-size:14px}.vp-btn--l{min-height:54px;padding:0 1.7em;font-size:16px}.vp-btn--full{width:100%}.vp-ib{display:inline-grid;place-items:center;width:38px;height:38px;flex:none;padding:0;border:0;border-radius:50%;cursor:pointer;background:color-mix(in srgb,var(--cushion) 86%,var(--ink));color:var(--ink);box-shadow:inset 0 1.5px color-mix(in srgb,var(--ink) 24%,transparent),0 3px 0 var(--canvas-deep);transition:transform .26s var(--ease-back)}.vp-ib>.vp-ic{width:18px;height:18px}.vp-ib:active:not(:disabled){transform:translateY(2px) scale(1.04,.92);transition-duration:90ms}.vp-ib:disabled{opacity:.55;cursor:not-allowed}.vp-ib--s{width:32px;height:32px}.vp-ib--s>.vp-ic{width:16px;height:16px}.vp-ib--deep{background:var(--canvas-deep);box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 10%,transparent),0 2px 0 var(--shade)}.vp-ib--danger{color:var(--danger);background:var(--canvas-deep);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--danger) 70%,transparent),0 2px 0 var(--shade)}.vp-field{display:grid;gap:7px;min-width:0}.vp-field>.vp-label,.vp-label{font:600 14px/1.2 var(--font-body);color:var(--ink-soft)}.vp-inp{display:block;width:100%;min-height:46px;padding:0 16px;border:0;border-radius:16px;background:var(--canvas-deep);color:var(--ink);font:500 16px/1.2 var(--font-body);box-shadow:inset 0 0 0 1.5px var(--field-ring),inset 0 4px 8px var(--shade)}textarea.vp-inp{padding-block:12px;min-height:96px;line-height:1.45;resize:vertical}select.vp-inp{appearance:none;padding-right:42px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}.vp-inp::placeholder{color:var(--ink-soft);opacity:.85}.vp-inp:disabled{opacity:.6;cursor:not-allowed}.vp-inp:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.vp-chip{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 13px 0 10px;border-radius:var(--shape-pill);background:var(--canvas-deep);color:var(--ink);font:700 13px/1 var(--font-body);white-space:nowrap;box-shadow:inset 0 2px 5px var(--shade)}.vp-chip>.vp-dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex:none}.vp-chip>.vp-ic{width:16px;height:16px}.vp-chip--live{color:var(--signal)}.vp-chip--live>.vp-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 28%,transparent)}.vp-chip--wait{color:var(--ink-soft)}.vp-chip--wait>.vp-dot{background:none;border:2px dashed currentColor}.vp-chip--pause{color:var(--warn);border:2px solid transparent;background:linear-gradient(var(--canvas-deep),var(--canvas-deep)) padding-box,repeating-linear-gradient(135deg,var(--warn) 0 2px,transparent 2px 4.5px) border-box}.vp-chip--off{color:var(--danger);box-shadow:inset 0 2px 5px var(--shade),inset 0 0 0 1.5px color-mix(in srgb,var(--danger) 60%,transparent)}.vp-chip--end{color:var(--ink-soft)}.vp-chip--end>.vp-dot{border-radius:3px}.vp-tag{--r: 10px;position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--ink);color:var(--canvas);border-radius:var(--r);font-family:var(--font-display);font-weight:900;font-variation-settings:"opsz" 144;letter-spacing:.07em;line-height:1;transform:rotate(-1.5deg);box-shadow:0 3px 0 var(--shade);white-space:nowrap}.vp-tag:after{content:"";position:absolute;inset:3px;border:1.2px dashed color-mix(in srgb,var(--canvas) 50%,transparent);border-radius:calc(var(--r) - 3px);pointer-events:none}.vp-tag--s{--r: 7px;padding:5px 9px;font-size:12px;letter-spacing:.04em}.vp-tag--flat{transform:none}.vp-tag--code{font-family:var(--font-mono);font-weight:500;letter-spacing:.1em}.vp-av{--c: var(--seat-1);position:relative;display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:42%;background:var(--c);color:var(--signal-ink);overflow:hidden;font:900 15px/1 var(--font-display);font-variation-settings:"opsz" 72;box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 45%,transparent),inset 0 -5px 7px -3px color-mix(in srgb,var(--shade) 40%,transparent)}.vp-av:after{content:"";position:absolute;inset:3px;border:1px dashed color-mix(in srgb,var(--signal-ink) 40%,transparent);border-radius:40%;pointer-events:none}.vp-av>img{width:100%;height:100%;object-fit:cover}.vp-av--2{--c: var(--seat-2)}.vp-av--3{--c: var(--seat-3)}.vp-av--4{--c: var(--ink-soft)}.vp-av--s{width:26px;height:26px;font-size:12px}.vp-av--l{width:44px;height:44px;font-size:19px}.vp-sw{position:relative;width:50px;height:30px;flex:none;margin:0;padding:0;border:0;border-radius:var(--shape-pill);cursor:pointer;appearance:none;background:var(--canvas-deep);box-shadow:inset 0 0 0 1.5px var(--field-ring),inset 0 3px 6px var(--shade)}.vp-sw:before{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--ink-soft);box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 70%,transparent),0 2px 0 var(--shade);transition:transform .26s var(--ease-back)}.vp-sw[aria-checked=true],.vp-sw:checked{background:var(--signal);box-shadow:inset 0 3px 6px color-mix(in srgb,var(--signal-deep) 80%,transparent)}.vp-sw[aria-checked=true]:before,.vp-sw:checked:before{transform:translate(20px);background:var(--signal-ink);box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 25%,transparent)}.vp-sw:disabled{opacity:.55;cursor:not-allowed}.vp-patch{--s: 52px;--pc: var(--canvas-deep);--pf: var(--ink);position:relative;display:inline-grid;place-items:center;flex:none;width:var(--s);height:var(--s);border-radius:50%;background-color:var(--pc);color:var(--pf);background-image:repeating-linear-gradient(118deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 3.5px);box-shadow:inset 0 2px 5px var(--shade),inset 0 -1.5px color-mix(in srgb,var(--ink) 14%,transparent),0 1.5px color-mix(in srgb,var(--ink) 12%,transparent);transition:transform .26s var(--ease-back),box-shadow .26s var(--ease-back)}.vp-patch:after{content:"";position:absolute;inset:3.5px;border-radius:inherit;border:1.5px dashed color-mix(in srgb,var(--pf) 45%,transparent);pointer-events:none}.vp-patch>svg{width:58%;height:58%;fill:currentColor}.vp-patch--oval{width:calc(var(--s) * 1.34);border-radius:var(--shape-pill)}.vp-patch--tv{--pc: var(--signal);--pf: var(--signal-ink);background-image:none}.vp-patch--linen{--pc: var(--ink);--pf: var(--canvas);background-image:none}.vp-patch--cush{--pc: var(--cushion)}.vp-patch--warn{--pf: var(--warn)}.vp-patch--danger{--pf: var(--danger)}.vp-patch--seat-1{--pf: var(--seat-1)}.vp-patch--seat-2{--pf: var(--seat-2)}.vp-patch--seat-3{--pf: var(--seat-3)}.vp-patch--s{--s: 30px}.vp-patch--s:after{inset:2.5px;border-width:1px}.vp-patch--m{--s: 40px}.vp-patch--l{--s: 72px}.vp-patch--xl{--s: 96px}:where(button,a):hover>.vp-patch{transform:translateY(1.5px) scale(.95);box-shadow:inset 0 5px 9px var(--shade),inset 0 -1px color-mix(in srgb,var(--ink) 10%,transparent)}.vp-knob{position:relative;display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--cushion);color:var(--ink);font:500 14px/1 var(--font-mono);box-shadow:inset 0 -5px 7px -3px var(--shade),inset 0 1.5px color-mix(in srgb,var(--ink) 22%,transparent),0 4px 8px -3px var(--shade)}.vp-knob:after{content:"";position:absolute;inset:3px;border-radius:50%;border:1px dashed var(--stitch)}:where(.vp-btn,.vp-ib,.vp-sw,.vp-inp,a):focus-visible{outline:3px solid var(--signal);outline-offset:3px}@media(prefers-reduced-motion:reduce){.vp-btn,.vp-ib,.vp-sw:before,.vp-patch{transition:none}.vp-btn:active:not(:disabled),.vp-ib:active:not(:disabled){transform:none}}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--canvas) var(--weave);color:var(--ink);font:400 16px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--signal);text-underline-offset:.22em;text-decoration-thickness:1.5px}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.note{font-size:15px;line-height:1.5;color:var(--ink-soft)}.note.subtle{font-size:14px}.note.danger,.note.warn{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--shape-sm);background:var(--canvas-deep);font-weight:600}.note.danger{color:var(--danger)}.note.warn{color:var(--warn)}.note.ok{display:flex;align-items:center;gap:8px;color:var(--ink)}.note.ok>.vp-ic{color:var(--signal)}.note>.vp-ic{width:18px;height:18px;margin-top:2px}.empty-state{font:italic 500 15px/1.4 var(--font-display);color:var(--ink-soft)}button.link-action{display:inline-flex;align-items:center;min-height:40px;padding:0 2px;border:0;background:none;color:var(--signal);font:600 14px/1.2 var(--font-body);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1.5px;cursor:pointer}button.link-action:disabled{color:var(--ink-soft);cursor:progress}.divider-label{display:flex;align-items:center;gap:14px;width:100%;font:italic 500 15px/1 var(--font-display);color:var(--ink-soft)}.divider-label:before,.divider-label:after{content:"";flex:1;border-top:1.5px dashed var(--stitch)}.verified-badge{display:inline-block;flex:none;padding:3px 6px 2px;border-radius:5px;background:var(--ink);color:var(--canvas);font:800 10px/1 var(--font-body);letter-spacing:.05em;text-transform:uppercase;vertical-align:2px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-logo{width:50px;height:23px}.brand-wm{font-size:21px}.auth{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:28px 16px 44px}.auth-top{width:min(100%,560px);margin-bottom:30px}.authcard{--r: var(--shape-lg);width:min(100%,560px);display:grid;gap:18px;padding:38px 36px 34px}.authcard h1{font-size:clamp(36px,9vw,54px);line-height:.95;text-wrap:balance}.auth-column{display:grid;gap:18px}.auth-head{display:flex;align-items:center;gap:16px}.auth-form,.join-form,.senha-form{display:grid;gap:14px}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 16px}.auth-foot{display:grid;gap:6px;padding-top:14px;border-top:1.5px dashed var(--stitch)}.provider-list{display:grid;gap:10px}.provider-button{justify-content:flex-start;padding-left:8px}.provider-mark{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--canvas);box-shadow:inset 0 -2px 3px color-mix(in srgb,var(--shade) 30%,transparent)}.provider-mark .vp-ic{width:18px;height:18px}.state-card{justify-items:center;text-align:center}.authcard .state-title{font-size:clamp(28px,7vw,40px)}.account-head{display:flex;align-items:center;gap:16px;min-width:0}.account-id{display:grid;gap:4px;min-width:0}.account-id .vp-kicker{font-size:17px}.authcard .account-id h1{display:flex;align-items:center;gap:10px;font-size:clamp(30px,7vw,42px)}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-panel{display:grid;gap:18px}.acc-sec{display:grid;gap:12px;padding-top:18px;border-top:1.5px dashed var(--stitch)}.acc-h,.host-sec-h{display:flex;align-items:center;gap:10px;font:900 21px/1.1 var(--font-display);font-variation-settings:"opsz" 144}.name-row{display:flex;gap:10px}.name-row .vp-inp{flex:1;min-width:0}.senha-form>.vp-btn{justify-self:start}.host-state{display:grid;justify-items:start;gap:12px}.host-state>.vp-btn{justify-self:stretch}.account-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1.5px dashed var(--stitch)}.confirm-box{display:grid;gap:10px;padding:16px 18px;border-radius:var(--shape);background:var(--canvas-deep);box-shadow:inset 0 0 0 2px var(--danger)}.confirm-title{display:flex;align-items:center;gap:8px;color:var(--danger);font-weight:700}.confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.li-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.li{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px 8px 12px;border-radius:16px;background:var(--canvas-deep)}.li-name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;overflow-wrap:anywhere}.li-acts{display:flex;gap:8px;margin-left:auto}.li-acts .vp-ib{width:40px;height:40px}.room-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;color:var(--ink-soft)}.minisofa-wrap{display:grid;gap:10px}.minisofa{position:relative;display:grid;gap:8px;padding:14px 30px 16px;border-radius:26px 26px 16px 16px;background:var(--canvas-deep);box-shadow:inset 0 3px 8px var(--shade)}.minisofa:before,.minisofa:after{content:"";position:absolute;top:10px;bottom:10px;width:18px;border-radius:12px;background:var(--cushion);box-shadow:inset 0 1.5px color-mix(in srgb,var(--ink) 18%,transparent)}.minisofa:before{left:6px}.minisofa:after{right:6px}.cseat{--c: var(--seat-1);position:relative;display:grid;place-items:center;height:62px;border-radius:18px 18px 12px 12px;background:var(--c);box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 40%,transparent),inset 0 -10px 12px -8px color-mix(in srgb,var(--shade) 55%,transparent)}.cseat:after{content:"";position:absolute;inset:5px;border:1.5px dashed color-mix(in srgb,var(--signal-ink) 35%,transparent);border-radius:13px 13px 8px 8px;pointer-events:none}.cseat--2{--c: var(--seat-2)}.cseat--3{--c: var(--seat-3)}.cseat--4{--c: var(--ink-soft)}.cseat--you,.cseat--empty{background:transparent;box-shadow:none}.cseat--you{border:2px dashed var(--ink);color:var(--ink);font:700 12px/1.1 var(--font-body);text-align:center}.cseat--empty{border:1.5px dashed var(--stitch)}.cseat--you:after,.cseat--empty:after{display:none}.cseat-more{position:relative;z-index:1;color:var(--signal-ink);font-size:15px}.minisofa-cap{font:italic 500 15px/1.3 var(--font-display);color:var(--ink-soft)}.join-identity{display:grid;gap:12px}.identity-row{display:flex;align-items:center;gap:10px;min-width:0}.identity-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700}.join-identity>.link-action{justify-self:center}.join-identity .account-actions{justify-content:center;padding-top:8px}.join-providers{display:grid;gap:12px}.join-providers>.link-action{justify-self:center}.install-banner{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:10px 12px 0;padding:8px 8px 8px 10px;border-radius:var(--shape);background:var(--canvas-deep)}.install-banner .copy{flex:0 0 calc(100% - 52px);min-width:0;display:grid;line-height:1.3}.install-banner .copy strong{font-size:14px}.install-banner .copy span{font-size:13px;color:var(--ink-soft)}.room-shell{min-height:100dvh;display:flex;flex-direction:column}.room-top{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:72px;padding:12px 24px;background:var(--canvas-deep)}.room-mark{--vp-screen: var(--signal);--vp-play: var(--canvas-deep);width:38px;height:20px;color:var(--ink)}.room-code{font-size:19px}.room-meta{font-size:15px}.room-who{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;font-weight:600}.room-who-name{min-width:0;max-width:18ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-who-role{font-size:14px}.header-link{font-size:13px;font-weight:600}.room-warn{margin:12px 18px 0}.viewer-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:12px}.room-tv{flex:none;display:flex;flex-direction:column;padding:10px;border-radius:24px;background:var(--canvas-deep);box-shadow:0 22px 40px -24px var(--shade)}.video-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:50vh;overflow:hidden;border-radius:16px;background:var(--screen)}.video-stage video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.video-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;padding:16px;background:var(--screen);color:var(--ink);text-align:center;font-size:15px;line-height:1.5;pointer-events:none}.video-overlay>*{position:relative;z-index:1}.video-overlay p{max-width:44ch}.video-overlay-paused{background:color-mix(in srgb,var(--screen) 62%,transparent)}.video-overlay-waiting{pointer-events:auto;grid-template-rows:auto minmax(0,1fr);place-content:stretch;gap:10px;padding:12px}.video-overlay-waiting p{display:flex;align-items:center;justify-content:center;gap:8px;justify-self:center;font-size:14px}.video-overlay-embed{justify-self:center;height:100%;max-height:270px;max-width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--shape-sm)}.tv-glow:before{content:"";position:absolute;inset:0;background:radial-gradient(90% 50% at 50% 118%,color-mix(in srgb,var(--screen) 45%,var(--signal)) 0 60%,transparent 60.4%),linear-gradient(180deg,var(--screen) 0%,color-mix(in srgb,var(--signal) 30%,var(--screen)) 100%);animation:tvflicker 6.8s ease-in-out infinite;animation-play-state:paused}.video-stage[data-on] .tv-glow:before{animation-play-state:running}@keyframes tvflicker{0%{filter:brightness(1)}8%{filter:brightness(1.07)}13%{filter:brightness(.94)}26%{filter:brightness(1.1)}39%{filter:brightness(.97)}51%{filter:brightness(1.12)}56%{filter:brightness(1)}71%{filter:brightness(1.08)}85%{filter:brightness(.95)}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.tv-glow:before{animation:none}}.tv-cap{display:flex;align-items:center;gap:8px;padding:10px 6px 2px;font-size:14px;color:var(--ink-soft)}.tv-cap>.vp-ic{width:16px;height:16px}.chat-panel{--r: 28px;display:flex;flex-direction:column;gap:12px;min-height:0;padding:18px 16px 16px}.chat-panel[hidden]{display:none}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px}.chat-title{display:flex;align-items:center;gap:10px}.chat-title .vp-display{font-size:24px}.chat-count{font-size:13px;color:var(--ink-soft)}.chat-note{padding:0 6px;font-size:13px;color:var(--ink-soft)}.chat-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px 6px}.chat-scroll>:first-child{margin-top:auto}.msg{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px}.msg>.vp-av{width:30px;height:30px;font-size:13px}.who-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;font-weight:700}.host-tag{font-size:11px}.bubble{justify-self:start;max-width:100%;margin-top:5px;padding:9px 13px;border-radius:4px 18px 18px;background:var(--canvas-deep);font-size:14.5px;line-height:1.4;overflow-wrap:anywhere}.msg--host .bubble{box-shadow:inset 0 0 0 1.5px var(--ink-soft)}.chat-banner{padding:10px 14px;border-radius:var(--shape-sm);background:var(--canvas-deep);color:var(--danger);font-size:14px;font-weight:600}.chat-input-row{display:flex;align-items:center;gap:8px}.chat-input-row .vp-inp{flex:1;min-width:0;min-height:44px;font-size:15px;font-family:var(--font-body),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.send{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--signal);color:var(--signal-ink);box-shadow:inset 0 2px color-mix(in srgb,var(--ink) 75%,transparent),0 3px 0 var(--signal-deep);cursor:pointer;transition:transform .26s var(--ease-back)}.send>.vp-ic{width:19px;height:19px;margin-left:3px}.send:active:not(:disabled){transform:translateY(2px) scale(1.04,.92);transition-duration:90ms}.send:disabled{background:var(--canvas-deep);color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px var(--stitch);cursor:not-allowed}@media(min-width:900px){.room-shell{height:100dvh}.viewer-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,30%,380px);gap:18px;padding:18px}.room-tv{min-height:0;padding:14px;border-radius:28px}.video-stage{flex:1;min-height:0;aspect-ratio:auto;max-height:none;border-radius:18px}}@media(max-width:899px){.viewer-body>.chat-panel{flex:1;min-height:320px;max-height:78dvh}}@media(min-width:641px){.install-banner{flex-wrap:nowrap}.install-banner .copy{flex:1}}@media(max-width:640px){.room-top{gap:8px 12px;padding:10px 14px}.room-code{font-size:16px}.room-meta,.room-who-role{display:none}.room-who{order:3;flex-basis:100%;margin-left:0;font-size:14px}.room-top .state-chip{margin-left:auto}}.host-shell{height:100dvh;display:flex;flex-direction:column}.host-panels{flex:1;min-height:0;display:flex;flex-direction:column}.host-controls{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:18px 18px 24px}.host-controls[hidden]{display:none}.host-panels>.chat-panel{flex:1;margin:12px}.ph-h{display:flex;align-items:center;justify-content:space-between;gap:12px}.ph-h h1{font-size:30px}.ph-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 18px;border-radius:22px;background:var(--canvas-deep)}.gate{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:20px;background:var(--ink);color:var(--canvas-deep);transform:rotate(-2.5deg);box-shadow:0 4px 0 var(--shade),0 22px 34px -18px var(--shade)}.gate:after{content:"";position:absolute;inset:5px;border:1.5px dashed color-mix(in srgb,var(--canvas) 45%,transparent);border-radius:15px;pointer-events:none}.gate .vp-patch{--pc: var(--canvas);--pf: var(--ink);background-image:none}.gate small{display:block;margin-bottom:4px;font:italic 500 14px/1 var(--font-display)}.gate code{display:block;font:500 28px/1 var(--font-mono);letter-spacing:.1em}.bigbtn{display:grid;justify-items:center;gap:12px;margin:8px auto 0;padding:0;border:0;background:none;color:var(--ink);font:700 16px/1.2 var(--font-body);cursor:pointer}.bigbtn .rb{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--signal);color:var(--signal-ink);box-shadow:inset 0 3px color-mix(in srgb,var(--ink) 75%,transparent),inset 0 -6px color-mix(in srgb,var(--signal-deep) 55%,transparent),0 7px 0 var(--signal-deep),0 22px 30px -14px var(--shade);transition:transform .26s var(--ease-back),box-shadow .26s var(--ease-back)}.bigbtn .rb .vp-ic{width:52px;height:52px}.bigbtn.is-paused .rb .vp-ic{width:40px;height:46px;margin-left:6px}.bigbtn:active:not(:disabled) .rb{transform:translateY(4px) scale(1.06,.9);transition-duration:90ms;box-shadow:inset 0 3px color-mix(in srgb,var(--ink) 75%,transparent),0 2px 0 var(--signal-deep),0 8px 14px -10px var(--shade)}.bigbtn:focus-visible{outline:none}.bigbtn:focus-visible .rb{outline:3px solid var(--signal);outline-offset:5px}.bigbtn:disabled{color:var(--ink-soft);cursor:not-allowed}.bigbtn:disabled .rb{background:var(--canvas-deep);color:var(--ink-soft);box-shadow:inset 0 0 0 2px var(--stitch)}.vol{display:flex;align-items:center;gap:12px}.vol-range{flex:1;min-width:0;height:40px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.vol-range::-webkit-slider-runnable-track{height:14px;border-radius:var(--shape-pill);background:linear-gradient(90deg,var(--ink-soft) var(--v, 70%),var(--canvas-deep) var(--v, 70%));box-shadow:inset 0 3px 5px var(--shade)}.vol-range::-moz-range-track{height:14px;border-radius:var(--shape-pill);background:var(--canvas-deep);box-shadow:inset 0 3px 5px var(--shade)}.vol-range::-moz-range-progress{height:14px;border-radius:var(--shape-pill);background:var(--ink-soft)}.vol-range::-webkit-slider-thumb{width:26px;height:26px;margin-top:-6px;border:0;border-radius:50%;background:var(--ink);box-shadow:inset 0 -3px color-mix(in srgb,var(--shade) 30%,transparent),0 3px 0 var(--shade);-webkit-appearance:none;appearance:none}.vol-range::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--ink);box-shadow:inset 0 -3px color-mix(in srgb,var(--shade) 30%,transparent),0 3px 0 var(--shade)}.vol-range:disabled{opacity:.55;cursor:not-allowed}.vol-v{flex:none;width:3.4em;text-align:right;font-size:14px;color:var(--ink-soft)}.host-controls .note{font-size:14px}.host-controls .ph-hint{font-size:13px;text-align:center}.inline-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--shape-sm);background:var(--canvas-deep);font-size:14px;line-height:1.45}.inline-alert>.vp-ic{width:18px;height:18px;margin-top:1px;color:var(--warn)}.ph-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding-top:14px;border-top:1.5px dashed var(--stitch);font-size:15px}.ph-stat{display:inline-flex;align-items:center;gap:8px}.ph-stat>.vp-ic{width:18px;height:18px}.ph-stat--soft{font-size:14px;color:var(--ink-soft)}.ph-stat--soft .vp-kicker{font-size:15px}.ph-row--switch{display:grid;gap:10px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.switch-row>span:first-child{display:grid;gap:2px;min-width:0}.switch-row .name{font-weight:600}.switch-row .meta{font-size:13px;line-height:1.4;color:var(--ink-soft)}.host-sec{display:grid;gap:10px;padding-top:14px;border-top:1.5px dashed var(--stitch)}.host-sec-h{font-size:20px}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--ink-soft)}.legend>span{display:inline-flex;align-items:center;gap:6px}.end-room{margin-top:4px}.ph-tabs{flex:none;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));background:var(--canvas-deep)}.seg{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:var(--shape-pill);background:var(--canvas-deep);box-shadow:inset 0 3px 7px var(--shade)}.seg button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;border-radius:var(--shape-pill);background:transparent;color:var(--ink-soft);font:700 15px/1 var(--font-body);cursor:pointer;transition:transform .26s var(--ease-back)}.seg button:active{transform:translateY(1px) scale(.97,.92);transition-duration:90ms}.seg button>.vp-ic{width:18px;height:18px}.seg button[aria-selected=true]{background:color-mix(in srgb,var(--cushion) 86%,var(--ink));color:var(--ink);box-shadow:inset 0 1.5px color-mix(in srgb,var(--ink) 25%,transparent),0 3px 0 var(--shade)}.seg button[aria-selected=true]:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--signal)}@media(min-width:960px){.host-panels{display:grid;grid-template-columns:minmax(0,560px) minmax(320px,400px);justify-content:center;gap:24px;padding:18px 24px}.host-controls,.host-controls[hidden]{display:flex;padding:6px 6px 24px}.host-panels>.chat-panel,.host-panels>.chat-panel[hidden]{display:flex;margin:0}.ph-tabs{display:none}}@media(max-width:640px){.auth{padding-top:20px}.auth-top{margin-bottom:22px}.authcard{padding:30px 22px 26px}.minisofa{padding:12px 26px 14px}.cseat{height:52px}}