@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:45 920;font-display:swap}:root{--font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--ease: cubic-bezier(.32, .72, 0, 1);--dur: .24s;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--r-screen: 20px;--r-sheet: 24px;--r-tile: 14px;--r-ctrl: 10px;--accent: #f29a76;--accent-on: #2a120a;--glass-strong: rgba(18, 18, 20, .72);--glass-line: rgba(255, 255, 255, .16);--on-glass: #f4f4f5;--hangup: #d23c42;--bg: #ececef;--surface: #ffffff;--surface-2: #f3f3f5;--surface-3: #e4e4e8;--line: rgba(17, 17, 20, .08);--line-strong: rgba(17, 17, 20, .2);--text: #111114;--text-2: #53535c;--text-3: #6c6c76;--accent-ink: #b0502a;--accent-soft: rgba(242, 154, 118, .2);--warn: #a56d10;--danger: #d23c42;--stage: #1a1a1d;--scrim: rgba(17, 17, 20, .55)}@media(prefers-color-scheme:dark){:root{--bg: #0b0b0d;--surface: #161619;--surface-2: #202024;--surface-3: #2c2c32;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #f2f2f3;--text-2: #a7a7b0;--text-3: #8a8a94;--accent-ink: #f5a888;--accent-soft: rgba(242, 154, 118, .18);--warn: #e8b055;--danger: #f2585d;--stage: #050506;--scrim: rgba(5, 5, 6, .62)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;word-break:keep-all}button,input{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}ul{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{font-size:28px;line-height:36px;font-weight:680;letter-spacing:-.025em}h2{font-size:20px;line-height:28px;font-weight:650;letter-spacing:-.02em}p{font-size:15px;line-height:23px}.muted{color:var(--text-2);margin-top:var(--s-1)}.tone-muted{color:var(--text-2)}.tone-warn{color:var(--warn)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon{display:inline-flex;flex:none;color:inherit}.icon svg{width:100%;height:100%;fill:currentColor}.btn{height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);white-space:nowrap;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover:not(:disabled){background:#f5a888}.btn-compact{height:48px;font-size:15px}.btn-quiet{height:48px;font-size:15px;font-weight:550;padding:0 20px;background:var(--surface-3);color:var(--text)}.btn-self{align-self:flex-start;margin-top:var(--s-2)}.btn-danger{height:48px;font-size:15px;background:var(--hangup);color:#fff}.btn-small{height:36px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:550;background:#202024;color:var(--text);white-space:nowrap;transition:background-color var(--dur) var(--ease)}.btn-small:hover{background:#2c2c32}.btn-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;color:var(--text-2)}.btn-link:hover{color:var(--text)}.glass-btn{width:48px;height:48px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--glass-line);color:var(--on-glass);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease)}.glass-btn:hover:not(:disabled){background:#2c2c32e6}.glass-btn:active:not(:disabled){transform:scale(.96)}.glass-btn.is-off,.glass-btn.is-off:hover:not(:disabled){background:var(--hangup);border-color:var(--hangup);color:#fff}.glass-btn.is-on,.glass-btn.is-on:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field label{font-size:13px;line-height:18px;font-weight:600}.input{height:48px;width:100%;padding:0 14px;border-radius:var(--r-ctrl);font-size:16px;background:var(--surface);border:1px solid var(--line-strong);color:var(--text);transition:border-color var(--dur) var(--ease)}.input::placeholder{color:var(--text-3)}.input[aria-invalid=true]{border-color:var(--danger)}.field-error,.form-error{font-size:13px;line-height:18px;color:var(--danger)}.video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1a1a1d}.mirror{transform:scaleX(-1)}.tag{position:absolute;left:var(--s-3);bottom:var(--s-3);max-width:calc(100% - 24px);background:var(--glass-strong);color:var(--on-glass);font-size:13px;line-height:18px;padding:4px 10px;border-radius:999px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-top{top:var(--s-3);bottom:auto}.tag-top .icon{color:var(--accent)}.prejoin{min-height:100dvh;padding:var(--s-8);display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--s-8)}.stage-frame{position:relative;overflow:hidden;border-radius:var(--r-screen);background:#1a1a1d;min-height:320px}.stage-frame.is-off{background:#202024}.stage-problem{position:absolute;inset:0;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);text-align:center;color:#a7a7b0}.stage-problem h2{color:var(--text)}.stage-problem p{max-width:420px}.stage-problem .btn-quiet{background:#2c2c32;color:var(--text);margin-top:var(--s-2)}.stage-skeleton{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#a7a7b0;animation:pulse 1.6s var(--ease) infinite}.stage-controls{position:absolute;left:0;right:0;bottom:var(--s-4);display:flex;justify-content:center;gap:10px}.prejoin-side{display:flex;flex-direction:column;gap:var(--s-6);justify-content:center;min-width:0}.beauty{display:flex;flex-direction:column;gap:14px}.beauty-title{font-size:15px;line-height:23px;font-weight:600}.chips{display:flex;gap:var(--s-2);flex-wrap:wrap}.chip{height:36px;padding:0 14px;border-radius:999px;font-size:14px;background:var(--surface-2);color:var(--text-2);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.slider{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:var(--s-3);min-height:28px}.slider-label{font-size:13px;line-height:18px;color:var(--text-2)}.slider-value{font-size:13px;line-height:18px;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer;--v: 0%}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--v),var(--surface-3) var(--v))}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--v),var(--surface-3) var(--v))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.15)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.15)}.call{position:relative;height:100dvh;background:#050506;color:var(--text);display:flex;flex-direction:column;overflow:hidden}.call-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-4) 20px 0;min-height:52px}.call-title{display:flex;align-items:center;gap:10px;min-width:0}.call-title h1{font-size:15px;line-height:23px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-count{display:inline-flex;align-items:center;gap:var(--s-1);font-size:13px;line-height:18px;color:#a7a7b0;flex:none}.banner{position:absolute;z-index:3;top:60px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);background:#2c2c32;color:var(--text);padding:var(--s-2) var(--s-4);border-radius:999px;font-size:14px;line-height:20px;display:inline-flex;gap:var(--s-2);align-items:center;width:max-content}.banner .icon{color:#e8b055}.banner-low{top:104px}.banner-action{top:104px;background:var(--accent);color:var(--accent-on);font-weight:600}.banner-action .icon{color:inherit}.banner-ask{padding:6px var(--s-2) 6px var(--s-4);gap:10px}.banner-ask-text{display:inline-flex;align-items:center;gap:var(--s-2)}.banner-ask-actions{display:inline-flex;gap:var(--s-2);flex:none}.banner-btn{height:36px;padding:0 14px;border-radius:999px;background:#3a3a42;color:var(--text);font-size:14px;font-weight:550;white-space:nowrap;transition:transform var(--dur) var(--ease)}.banner-btn:active{transform:scale(.98)}.banner-btn-primary{background:var(--accent);color:var(--accent-on)}.banner-close{display:inline-flex;padding:var(--s-1);color:#a7a7b0}.call-body{flex:1;min-height:0;display:flex;gap:var(--s-3);padding:var(--s-4) 20px;transition:opacity var(--dur) var(--ease)}.call-body.is-dim{opacity:.55}.grid{flex:1;min-width:0;min-height:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.grid-alone{grid-template-columns:minmax(0,1fr) 360px}.grid-3{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3>.tile{grid-column:span 2}.grid-3>.tile:last-child{grid-column:2 / span 2}.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-5>.tile,.grid-6>.tile,.grid-7>.tile,.grid-8>.tile,.grid-9>.tile{grid-column:span 2}.grid-5>.tile:nth-child(4),.grid-8>.tile:nth-child(7){grid-column:2 / span 2}.grid-7>.tile:last-child{grid-column:3 / span 2}.tile{position:relative;overflow:hidden;border-radius:var(--r-tile);background:#202024;min-height:0}.tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.tile.is-speaking:after{opacity:1}.tile-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.avatar{width:88px;height:88px;border-radius:999px;background:#2c2c32;font-size:32px;font-weight:600;display:flex;align-items:center;justify-content:center}.tile-remove{position:absolute;top:var(--s-3);right:var(--s-3);height:36px;padding:0 var(--s-3);border-radius:999px;font-size:13px;background:var(--glass-strong);color:var(--on-glass);border:1px solid var(--glass-line)}.tile-remove:hover{background:var(--hangup);border-color:var(--hangup);color:#fff}.invite{display:flex;flex-direction:column;justify-content:center;gap:var(--s-4);padding:0 var(--s-1);min-width:0}.invite p{color:#a7a7b0;margin-top:var(--s-1)}.invite-link{min-height:48px;display:flex;align-items:center;padding:var(--s-2) 14px;border-radius:var(--r-ctrl);font-size:13px;line-height:18px;background:#202024;border:1px solid rgba(255,255,255,.14);color:var(--text);overflow-wrap:anywhere;word-break:break-all}.panel{position:relative;width:320px;flex:none;padding:20px;background:#161619;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-tile);overflow-y:auto;--surface-2: #202024;--surface-3: #2c2c32;--text-2: #a7a7b0;--accent-ink: #f5a888;--accent-soft: rgba(242, 154, 118, .18)}.panel-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#a7a7b0}.dock-wrap{display:flex;justify-content:center;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.dock{display:flex;gap:10px;align-items:center;padding:var(--s-2);border-radius:999px;background:var(--glass-strong);border:1px solid var(--glass-line)}.scrim{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#0505069e;padding:var(--s-4);animation:fade var(--dur) var(--ease)}.dialog{width:400px;max-width:100%;padding:var(--s-6);background:#161619;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sheet);display:flex;flex-direction:column;gap:var(--s-2)}.dialog p{color:#a7a7b0}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-4);flex-wrap:wrap}.dialog .btn-quiet{background:#2c2c32;color:var(--text)}.message{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--s-6) var(--s-4)}.message-inner{width:420px;max-width:100%;display:flex;flex-direction:column;gap:var(--s-4);align-items:flex-start}.message-inner .muted{margin-top:0}.login{width:380px;max-width:100%;display:flex;flex-direction:column;gap:20px}.skeleton-block{width:420px;max-width:100%;height:160px;border-radius:var(--r-screen);background:var(--surface-2);animation:pulse 1.6s var(--ease) infinite}.host{min-height:100dvh;padding:96px var(--s-4) var(--s-8);display:flex;justify-content:center}.host-inner{width:640px;max-width:100%;display:flex;flex-direction:column;gap:var(--s-6)}.host-head{display:flex;align-items:center;justify-content:space-between}.host-create{display:flex;gap:var(--s-3)}.host-create .field{flex:1;min-width:0}.host-create+.field-error{margin-top:calc(var(--s-4) * -1)}.host-empty{padding:48px 0;display:flex;flex-direction:column;gap:var(--s-2)}.host-empty .muted{margin-top:0}.room-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;border-bottom:1px solid var(--line)}.room-info{flex:1;min-width:0}.room-name{font-size:15px;line-height:23px;font-weight:600;overflow-wrap:anywhere}.room-sub{font-size:13px;line-height:18px;color:var(--text-3)}.room-actions{display:flex;gap:var(--s-3);flex:none}.btn-row{height:44px;padding:0 var(--s-4);border-radius:999px;font-size:14px;font-weight:550;display:inline-flex;align-items:center;gap:var(--s-2);background:var(--surface-2);color:var(--text);white-space:nowrap;transition:transform var(--dur) var(--ease)}.btn-row:active{transform:scale(.98)}.btn-row-accent{background:var(--accent-soft);color:var(--accent-ink)}.skeleton-list{display:flex;flex-direction:column;gap:var(--s-3)}.skeleton-row{height:72px;border-radius:var(--r-tile);background:var(--surface-2);animation:pulse 1.6s var(--ease) infinite}.login-note{margin-top:var(--s-1)}.field-head{display:flex;align-items:center;justify-content:space-between}.btn-text{min-height:32px;padding:0 var(--s-1);font-size:13px;color:var(--text-2)}.btn-text:hover{color:var(--text)}.input-code{font-variant-numeric:tabular-nums;letter-spacing:.04em}.host-title{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.host-role{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);font-size:13px;line-height:18px;color:var(--text-3)}.role-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.host-section{display:flex;flex-direction:column;gap:var(--s-4);padding-top:var(--s-8);border-top:1px solid var(--line)}.host-section h2{font-size:17px;line-height:24px;font-weight:650}.host-section .muted{margin-top:var(--s-1);font-size:14px}.invite-create{display:flex;gap:var(--s-3)}.invite-create .field{flex:1;min-width:0}.invite-create .invite-days{flex:none;width:104px}.invite-create+.field-error{margin-top:calc(var(--s-2) * -1)}.invite-new{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-tile);background:var(--accent-soft)}.invite-new-head{font-size:13px;line-height:18px;font-weight:600;color:var(--accent-ink)}.invite-new-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}.invite-code{font-family:var(--font);font-size:24px;line-height:32px;font-weight:650;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text);-webkit-user-select:all;user-select:all}.invite-new .btn-row{background:var(--surface)}.invite-note{font-size:13px;line-height:19px;color:var(--text-2)}.invite-empty{margin-top:0;font-size:14px}.btn-row-danger{background:#f2585d24;color:var(--danger)}.room-row.is-dim{opacity:.55}.bench{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.bench-video{width:100%;max-width:480px;border-radius:var(--r-tile);background:#000}.bench pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}@keyframes pulse{50%{opacity:.55}}@keyframes fade{0%{opacity:0}}@media(max-width:860px){.prejoin{padding:0 0 var(--s-6);display:flex;flex-direction:column;gap:20px}.stage-frame{height:34dvh;min-height:240px;flex:none;border-radius:0 0 var(--r-sheet) var(--r-sheet)}.tag-top{top:calc(12px + env(safe-area-inset-top))}.prejoin-side{padding:0 var(--s-4);gap:var(--s-4);justify-content:flex-start}.prejoin-side h1{font-size:22px;line-height:30px}.prejoin-side .btn-primary{position:sticky;bottom:calc(var(--s-3) + env(safe-area-inset-bottom));flex:none}.call-top{padding:calc(12px + env(safe-area-inset-top)) var(--s-3) 0}.call-body{padding:10px var(--s-3);flex-direction:column}.grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:10px}.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3>.tile,.grid-5>.tile,.grid-6>.tile,.grid-7>.tile,.grid-8>.tile,.grid-9>.tile,.grid-5>.tile:nth-child(4),.grid-8>.tile:nth-child(7){grid-column:auto}.grid-3>.tile:last-child,.grid-5>.tile:last-child,.grid-7>.tile:last-child,.grid-9>.tile:last-child{grid-column:1 / -1}.grid-alone{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.panel{position:absolute;z-index:4;left:0;right:0;bottom:0;width:auto;max-height:70dvh;border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:20px var(--s-4) calc(32px + env(safe-area-inset-bottom));border-width:1px 0 0}.banner{font-size:13px;line-height:18px;border-radius:var(--r-tile)}.banner-btn{height:44px}.dock-wrap{padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom))}.host{padding-top:var(--s-8)}.room-row{flex-wrap:wrap}.room-actions{width:100%}.room-actions>*{flex:1;justify-content:center}.host-create{flex-direction:column}.invite-create{flex-wrap:wrap}.invite-create .field:first-child{flex-basis:100%}.invite-create .btn{flex:1}.invite-code{font-size:20px}}@media(max-height:500px)and (orientation:landscape){.prejoin{height:100dvh;min-height:0;padding:var(--s-3) calc(var(--s-4) + env(safe-area-inset-right)) var(--s-3) calc(var(--s-3) + env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--s-4)}.stage-frame{height:auto;min-height:0;border-radius:var(--r-screen)}.prejoin-side{padding:var(--s-1);gap:var(--s-3);justify-content:safe center;overflow-y:auto}.prejoin-side>*{flex:none}.prejoin-side .btn-primary{position:sticky;bottom:0}.call-top{padding:calc(8px + env(safe-area-inset-top)) calc(var(--s-3) + env(safe-area-inset-right)) 0 calc(var(--s-3) + env(safe-area-inset-left))}.call-body{padding:var(--s-2) calc(var(--s-3) + env(safe-area-inset-right)) var(--s-2) calc(var(--s-3) + env(safe-area-inset-left));flex-direction:row}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:var(--s-2)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5,.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-7,.grid-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-9{grid-template-columns:repeat(10,minmax(0,1fr))}.grid>.tile,.grid-3>.tile:last-child{grid-column:auto}.grid-5>.tile,.grid-6>.tile{grid-column:span 2}.grid-5>.tile:nth-child(4){grid-column:2 / span 2}.grid-5>.tile:last-child{grid-column:4 / span 2}.grid-7>.tile,.grid-8>.tile{grid-column:span 2}.grid-7>.tile:nth-child(5){grid-column:2 / span 2}.grid-7>.tile:last-child{grid-column:6 / span 2}.grid-8>.tile:nth-child(7){grid-column:span 2}.grid-9>.tile,.grid-9>.tile:last-child{grid-column:span 2}.grid-9>.tile:nth-child(6){grid-column:2 / span 2}.grid-alone{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:minmax(0,1fr)}.panel{position:relative;z-index:auto;left:auto;right:auto;bottom:auto;width:min(320px,42vw);max-height:none;min-height:0;padding:var(--s-4);border-width:1px;border-radius:var(--r-tile)}.dock-wrap{padding-bottom:calc(var(--s-1) + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stage{display:contents}.stage-paged{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--s-2)}.grid.grid-paged{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:var(--s-2);overflow:hidden}.grid-paged>.tile{flex:none;width:var(--tile-w);height:var(--tile-h)}.grid-paged .tag{font-size:12px;max-width:calc(100% - 12px);left:6px;bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-paged .avatar{width:40px;height:40px;font-size:16px}.grid-paged .tile-remove{top:6px;right:6px;opacity:0}.grid-paged .tile:hover .tile-remove,.grid-paged .tile-remove:focus-visible{opacity:1}.pager{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--s-4)}.pager-btn{width:44px;height:44px}.pager-btn:disabled{opacity:.35;cursor:default}.pager-label{min-width:56px;text-align:center;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.people{display:flex;flex-direction:column;gap:var(--s-3);overflow:hidden}.people-title{margin:0;font-size:16px;font-weight:700;padding-right:44px;line-height:24px}.people-search{flex:none;display:flex;align-items:center;gap:var(--s-2);height:44px;padding:0 var(--s-3);border-radius:10px;background:#202024;color:#a7a7b0}.people-search input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:14px}.people-search:focus-within{outline:2px solid var(--accent)}.people-mute{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--s-2);height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);font-size:14px;font-weight:500}.people-mute:hover{background:#202024}.people-empty{color:#a7a7b0;font-size:14px;margin:var(--s-3) 0;overflow-wrap:anywhere}.people-list{flex:1;min-height:0;margin:0 calc(var(--s-2) * -1);padding:0;list-style:none;overflow-y:auto}.people-row{display:flex;align-items:center;gap:var(--s-2);min-height:56px;padding:0 var(--s-2);border-radius:10px;content-visibility:auto;contain-intrinsic-size:auto 56px}.people-row:hover{background:#202024}.people-show{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;gap:10px;text-align:left}.people-avatar{flex:none;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#202024;font-size:14px;font-weight:500}.people-row:hover .people-avatar{background:#2c2c32}.people-row.is-speaking .people-avatar{box-shadow:0 0 0 2px var(--accent)}.people-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.people-mic{flex:none;display:inline-flex;color:#a7a7b0}.people-mic.is-on{color:var(--text)}.people-remove{flex:none;height:44px;padding:0 var(--s-3);border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px}.people-remove:hover{background:var(--hangup);border-color:var(--hangup);color:#fff}.call-actions{flex:none;display:flex;align-items:center;gap:var(--s-2)}.view-btn{width:44px;height:44px}.hand-pill{flex:none;display:inline-flex;align-items:center;gap:var(--s-1);min-height:36px;padding:0 14px 0 12px;border-radius:999px;background:var(--accent);color:var(--accent-on);font-size:13px;font-weight:700;white-space:nowrap}.hand-pill:hover{filter:brightness(1.06)}.hand-pill-word{display:inline}.tile-hand{position:absolute;top:6px;left:6px;width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--glass-strong);color:var(--accent-ink)}.dock .glass-btn.is-on .icon{color:inherit}.people-hands{flex:none;max-height:45%;display:flex;flex-direction:column;gap:var(--s-1);overflow:hidden}.people-hands h3{margin:0;font-size:13px;line-height:20px;font-weight:700}.people-hands-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);color:var(--accent-ink)}.people-lower-all{min-height:44px;padding:0 var(--s-1);font-size:13px;font-weight:500;color:#a7a7b0}.people-lower-all:hover{color:var(--text)}.people-hands-list{flex:1;min-height:0;margin:0 calc(var(--s-2) * -1);padding:0;list-style:none;overflow-y:auto}.people-lower{flex:none;height:44px;padding:0 var(--s-3);border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:500}.people-lower:hover{background:#2c2c32}.people-all-label{flex:none;color:#a7a7b0}.people-link{flex:none;display:none;align-items:center;justify-content:center;gap:var(--s-2);height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);font-size:14px;font-weight:500}.stage-speaker .grid.grid-paged{flex:none;height:96px;flex-wrap:nowrap}.main-tile{flex:1;min-width:0;min-height:0;display:flex;justify-content:center}.main-tile>.tile{flex:1;width:100%;height:100%;min-height:0}.main-tile .video-el{object-fit:contain;background:#0b0b0d}@media(max-width:767px){.people{height:70dvh}.grid-paged .tile-remove{display:none}}@media(max-width:430px){.dock{gap:var(--s-1)}.dock .glass-btn{width:44px;height:44px}.hand-pill{padding:0 var(--s-2)}.hand-pill-word{display:none}}@media(max-width:359px){.dock-link{display:none}.people-link{display:flex}}@media(max-height:500px)and (orientation:landscape){.stage-speaker{display:grid;grid-template-columns:minmax(0,1fr) 176px;grid-template-rows:minmax(0,1fr) auto}.stage-speaker .main-tile{grid-row:1 / span 2}.stage-speaker .grid.grid-paged{height:auto;min-height:0;flex-wrap:wrap}.stage-speaker .pager,.stage-paged{flex-direction:row}.pager{flex-direction:column;gap:var(--s-1)}.pager-label{min-width:44px;font-size:12px}.grid-paged .tile-remove{display:none}.people{height:auto}}@media(max-width:480px){.banner-ask{flex-direction:column;align-items:stretch;width:calc(100% - 32px);padding:12px 14px}.banner-ask-actions{display:flex}.banner-btn{flex:1}}
