:root{--indigo:#6366f1;--violet:#8b5cf6;--grad:linear-gradient(135deg, var(--indigo), var(--violet));--on-brand:#fff;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--r-sm:8px;--r-md:12px;--r-ctl:16px;--r-card:20px;--r-sheet:28px;--r-pill:999px;--btn-h:54px;--icon-btn:40px;--sidebar-w:240px;--topbar-h:56px;--tabbar-h:56px;--content-w:1120px;--auth-w:440px;--modal-w-sm:420px;--modal-w-md:640px;--modal-w-lg:920px;--side-w:360px;--chat-h:480px;--row-h:44px;--fs-title:28px;--fw-title:700;--fs-section:20px;--fw-section:700;--fs-card:17px;--fw-card:700;--fs-body:15px;--fw-body:500;--fs-secondary:13px;--fw-secondary:400;--fs-caption:12px;--fw-caption:600;--font:"Pretendard Variable", Pretendard, "Noto Sans KR", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1)}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f1c;--surface:#171a2c;--surface2:#1f2340;--line:#ffffff14;--text:#f3f3fa;--muted:#9c9fbb;--accent:#a78bfa;--live:#f87171;--speaking:#34d399;--warning:#fbbf24;--bar:#171a2cc7;--shadow:0 12px 32px #00000059;--glow-a:#6366f147;--glow-b:#8b5cf638}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6fb;--surface:#fff;--surface2:#eeeff8;--line:#14142d14;--text:#15162b;--muted:#6b6e8a;--accent:#6d5df5;--live:#ef4444;--speaking:#16a34a;--warning:#d97706;--bar:#ffffffd9;--shadow:0 12px 32px #15162b1a;--glow-a:#6366f129;--glow-b:#8b5cf61f}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);font-weight:var(--fw-body);letter-spacing:-.1px;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.35;overflow-x:hidden}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,select,textarea{font:inherit;color:inherit}dialog{color:inherit;background:0 0;border:0;margin:auto;padding:0}body:has(dialog[open]){overflow:hidden}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.t-title{font-size:var(--fs-title);font-weight:var(--fw-title);letter-spacing:-.5px;line-height:1.2}.t-section{font-size:var(--fs-section);font-weight:var(--fw-section);letter-spacing:-.3px}.t-card{font-size:var(--fs-card);font-weight:var(--fw-card);letter-spacing:-.2px}.t-body{font-size:var(--fs-body);font-weight:var(--fw-body)}.t-secondary{font-size:var(--fs-secondary);font-weight:var(--fw-secondary);color:var(--muted)}.t-caption{font-size:var(--fs-caption);font-weight:var(--fw-caption);letter-spacing:.3px;color:var(--muted)}.t-mono-num{font-variant-numeric:tabular-nums}.ellipsis{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface2);border:3px solid var(--bg);border-radius:var(--r-pill)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.field{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.field-label{font-size:var(--fs-secondary);color:var(--muted);font-weight:500}.field-hint{font-size:var(--fs-caption);font-weight:var(--fw-secondary);color:var(--muted)}.field-error,.form-error{font-size:var(--fs-secondary);color:var(--live)}.input{height:var(--btn-h);width:100%;padding:0 var(--sp-4);border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--bg);transition:border-color .12s var(--ease);outline:none}.input::placeholder{color:var(--muted);opacity:.7}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.input.is-error{border-color:var(--live)}.input:disabled{opacity:.6}.textarea{height:auto;min-height:calc(var(--btn-h) * 1.6);padding:var(--sp-3) var(--sp-4);resize:vertical;line-height:1.45}.select{align-items:center;min-width:0;display:inline-flex;position:relative}.select select{appearance:none;height:40px;padding:0 calc(var(--sp-4) + 20px) 0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:var(--fs-secondary);cursor:pointer;max-width:100%;font-weight:600}.select select:focus{border-color:var(--accent);outline:none}.select svg{right:var(--sp-3);pointer-events:none;color:var(--muted);position:absolute}.select-block{width:100%;display:flex}.select-block select{width:100%;height:var(--btn-h);padding-left:var(--sp-4);border-radius:var(--r-ctl);background:var(--bg);font-size:inherit;font-weight:500}.select-block svg{right:var(--sp-4)}.segmented{border-radius:var(--r-md);background:var(--surface2);border:1px solid var(--line);gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented-item{padding:0 var(--sp-3);border-radius:var(--r-sm);height:32px;font-size:var(--fs-secondary);color:var(--muted);white-space:nowrap;transition:background .12s var(--ease), color .12s var(--ease);font-weight:600}.segmented-item.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.search{align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--muted);flex:1;min-width:0;display:flex}.search:focus-within{border-color:var(--accent)}.search-input{min-width:0;color:var(--text);font-size:var(--fs-secondary);background:0 0;border:0;outline:none;flex:1}.search-input::-webkit-search-cancel-button{display:none}.search-clear{color:var(--muted);display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-4);gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.card-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.card-head-text{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.pill{align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:var(--fw-caption);letter-spacing:.2px;white-space:nowrap;line-height:1.4;display:inline-flex}.pill-dot{border-radius:var(--r-pill);background:currentColor;width:6px;height:6px}.pill-accent{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.pill-live{color:var(--live);background:color-mix(in srgb, var(--live) 14%, transparent)}.pill-speaking{color:var(--speaking);background:color-mix(in srgb, var(--speaking) 14%, transparent)}.pill-warning{color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent)}.pill-muted{color:var(--muted);background:var(--surface2)}.chip{padding:3px var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface2);color:var(--muted);font-size:var(--fs-caption);white-space:nowrap;align-items:center;font-weight:500;line-height:1.4;display:inline-flex}.avatar{border-radius:var(--r-pill);-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.btn-gradient{height:var(--btn-h);border-radius:var(--r-ctl);background:var(--grad);width:100%;color:var(--on-brand);font-size:var(--fs-body);box-shadow:0 10px 28px color-mix(in srgb, var(--indigo) 40%, transparent);transition:transform .12s var(--ease), filter .12s var(--ease);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.btn-gradient:hover{filter:brightness(1.06)}.btn-gradient:active{transform:scale(.98)}.btn-gradient:disabled{opacity:.6;box-shadow:none}.icon-btn{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--text);transition:background .12s var(--ease), transform .12s var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface2)}.icon-btn:active{transform:scale(.94)}.icon-btn.is-spinning svg{animation:.9s linear infinite spin}.row-btn{align-items:center;gap:var(--sp-3);width:100%;height:44px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text);transition:background .12s var(--ease);display:flex}.row-btn:hover{background:var(--surface2)}.row-btn-label{text-align:left;font-size:var(--fs-body);flex:1;font-weight:500}.row-btn.is-danger{color:var(--live)}.spinner{border-radius:var(--r-pill);border:2.5px solid color-mix(in srgb, var(--on-brand) 35%, transparent);border-top-color:var(--on-brand);width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg, var(--surface2) 25%, color-mix(in srgb, var(--surface2) 60%, var(--surface)) 50%, var(--surface2) 75%);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--muted);font-size:var(--fs-secondary);border:1px dashed var(--line);border-radius:var(--r-ctl)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:var(--btn-h);padding:0 var(--sp-5);border-radius:var(--r-ctl);font-size:var(--fs-body);white-space:nowrap;transition:filter .12s var(--ease), background .12s var(--ease), transform .12s var(--ease);font-weight:700;display:inline-flex}.btn-sm{height:36px;padding:0 var(--sp-3);font-size:var(--fs-secondary);border-radius:var(--r-md);font-weight:600}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55}.btn-primary{background:var(--grad);color:var(--on-brand);box-shadow:0 8px 22px color-mix(in srgb, var(--indigo) 35%, transparent)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{background:var(--surface2);border:1px solid var(--line);color:var(--text)}.btn-secondary:hover:not(:disabled){filter:brightness(1.08)}.btn-danger{background:var(--live);color:var(--on-brand)}.btn-danger:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{color:var(--accent);padding:0 var(--sp-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface2)}.spinner-muted{border-color:color-mix(in srgb, var(--text) 25%, transparent);border-top-color:var(--text)}.user-link{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);min-width:0;max-width:100%;color:var(--text);text-align:left;font-weight:600;display:inline-flex}.user-link:hover .user-link-name{color:var(--accent);text-decoration:underline}.user-link-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.user-link.is-static{cursor:default}.user-link.is-static:hover .user-link-name{color:inherit;text-decoration:none}.modal{background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:visible}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.modal-panel{background:var(--surface);width:100%;height:100%;color:var(--text);animation:rise .18s var(--ease);flex-direction:column;display:flex;overflow:hidden}.modal-head{grid-template-columns:var(--icon-btn) 1fr auto;align-items:center;gap:var(--sp-3);padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line);min-height:var(--topbar-h);display:grid}.modal-title{min-width:0}.modal-action{align-items:center;gap:var(--sp-2);justify-content:flex-end;display:flex}.modal-body{padding:var(--sp-4);gap:var(--sp-4);-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.modal-foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);display:flex}.modal-foot .btn{height:44px;padding:0 var(--sp-4)}.modal-confirm-body{line-height:1.5}@media (width>=840px){.modal{width:min(var(--modal-w-md), calc(100vw - var(--sp-7) * 2));max-width:calc(100vw - var(--sp-7) * 2);height:auto;max-height:calc(100dvh - var(--sp-7) * 2);margin:auto}.modal-sm{width:min(var(--modal-w-sm), calc(100vw - var(--sp-7) * 2))}.modal-lg{width:min(var(--modal-w-lg), calc(100vw - var(--sp-7) * 2))}.modal-panel{height:auto;max-height:calc(100dvh - var(--sp-7) * 2);border-radius:var(--r-sheet);border:1px solid var(--line);box-shadow:var(--shadow)}.modal-head{grid-template-columns:1fr auto var(--icon-btn);padding:var(--sp-4) var(--sp-5)}.modal-close{order:3}.modal-title{order:1}.modal-action{order:2}.modal-body{padding:var(--sp-5)}.modal-foot{padding:var(--sp-4) var(--sp-5)}}.tbl{flex-direction:column;min-width:0;display:flex}.tbl-row{align-items:center;column-gap:var(--sp-3);row-gap:var(--sp-1);padding:var(--sp-3) 0;border-top:1px solid var(--line);flex-wrap:wrap;min-width:0;display:flex}.tbl-row:first-of-type{border-top:0}.tbl-row.tbl-head{display:none}.tbl-row.is-clickable{cursor:pointer;border-radius:var(--r-md)}.tbl-row.is-clickable:hover{background:color-mix(in srgb, var(--surface2) 60%, transparent)}.tbl-row.is-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tbl-skel{align-items:stretch;gap:var(--sp-2);flex-direction:column}.tbl-cell{align-items:center;gap:var(--sp-2);min-width:0;font-size:var(--fs-secondary);color:var(--muted);display:flex}.tbl-title{font-size:var(--fs-body);color:var(--text);flex:auto;order:0;font-weight:600}.tbl-badge{order:1;margin-left:auto}.tbl-break{flex-basis:100%;order:2;height:0}.tbl-meta{order:3}.tbl-meta:empty,.tbl-hidden{display:none}.tbl-cell.is-end{justify-content:flex-end}@media (width>=840px){.tbl-row,.tbl-row.tbl-head{grid-template-columns:var(--tbl-cols);column-gap:var(--sp-4);padding:var(--sp-3) var(--sp-2);display:grid}.tbl-row.tbl-head{padding:0 var(--sp-2) var(--sp-2);border-top:0}.tbl-head .tbl-cell{font-size:var(--fs-caption);font-weight:var(--fw-caption);color:var(--muted);letter-spacing:.3px}.tbl-break{display:none}.tbl-cell,.tbl-title,.tbl-badge,.tbl-meta,.tbl-hidden{flex:none;order:0;margin-left:0;display:flex}.tbl-title{font-size:var(--fs-body)}.tbl-skel{display:flex}}.toasts{inset:auto 0 calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--sp-4)) 0;width:min(420px, calc(100vw - var(--sp-4) * 2));gap:var(--sp-2);pointer-events:none;background:0 0;border:0;flex-direction:column;margin:0 auto;padding:0;display:flex;position:fixed;overflow:visible}.toasts:not(:popover-open){display:none}.toast{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-ctl);background:var(--surface2);border:1px solid var(--line);color:var(--text);font-size:var(--fs-secondary);box-shadow:var(--shadow);animation:rise .18s var(--ease);pointer-events:auto;font-weight:600}.toast-success{border-color:color-mix(in srgb, var(--speaking) 40%, transparent)}.toast-error{border-color:color-mix(in srgb, var(--live) 50%, transparent);color:var(--live)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=840px){.toasts{inset:auto var(--sp-6) var(--sp-6) auto;margin:0}}.page{gap:var(--sp-4);flex-direction:column;display:flex}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-1);display:flex}.page-head>div{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.page-back{display:flex}.page-card{gap:var(--sp-4)}.page-error{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-ctl);background:color-mix(in srgb, var(--live) 12%, transparent);color:var(--live);font-size:var(--fs-secondary);display:flex}.filters{gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}.filters .search{flex:220px}.filters .field{flex:none}.filters .field-label{font-size:var(--fs-caption)}.check{align-items:center;gap:var(--sp-2);font-size:var(--fs-secondary);color:var(--muted);cursor:pointer;display:flex}.check input{accent-color:var(--accent);width:16px;height:16px}.users-name{align-items:center;gap:var(--sp-2);min-width:0;display:inline-flex}.users-room{align-items:center;gap:var(--sp-1);color:var(--speaking);display:inline-flex}.ud{gap:var(--sp-4);transition:opacity .15s var(--ease);flex-direction:column;display:flex}.ud.is-refreshing{opacity:.7}.ud-skel{gap:var(--sp-3);flex-direction:column;display:flex}.ud-retry{margin-top:var(--sp-3)}.ud-head{align-items:flex-start;gap:var(--sp-3);display:flex}.ud-head-text{gap:var(--sp-1);flex-direction:column;flex:1;min-width:0;display:flex}.ud-pills{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ud-id{align-items:center;gap:var(--sp-1);color:var(--muted);align-self:flex-start;display:inline-flex}.ud-id:hover{color:var(--accent)}.ud-actions{gap:var(--sp-2);flex-shrink:0;display:flex}.ud-grid{gap:var(--sp-3);grid-template-columns:1fr;display:grid}.ud-card{padding:var(--sp-4)}.ud-dl{gap:var(--sp-2) var(--sp-3);font-size:var(--fs-secondary);grid-template-columns:96px 1fr;margin:0;display:grid}.ud-dl dt{color:var(--muted)}.ud-dl dd{align-items:center;gap:var(--sp-2);min-width:0;color:var(--text);word-break:break-all;flex-wrap:wrap;margin:0;display:flex}.ud-email{-webkit-user-select:all;user-select:all;font-weight:600}.ud-email-note{flex-basis:100%}.ud-chips{gap:var(--sp-1)}.ud-room-link{align-items:center;gap:var(--sp-2);min-width:0;color:var(--speaking);font-weight:600;display:inline-flex}.ud-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ud-item{gap:var(--sp-1);padding:var(--sp-3) 0;border-top:1px solid var(--line);flex-direction:column;display:flex}.ud-item:first-child{border-top:0;padding-top:0}.ud-item.is-clickable{cursor:pointer}.ud-item.is-clickable:hover{color:var(--accent)}.ud-item-head{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ud-item-time{white-space:nowrap;margin-left:auto}.ud-item-sub{align-items:center;gap:var(--sp-1);min-width:0;display:flex}.ud-link{color:var(--accent);font-size:var(--fs-caption);font-weight:600}.sanction-days{gap:var(--sp-2);flex-direction:column;display:flex}@media (width>=840px){.ud-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr}.ud-card-wide{grid-column:1/-1}}.admins-actions{gap:var(--sp-1);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.btn-ghost.is-danger{color:var(--live)}.login{min-height:100%;padding:var(--sp-5);padding-top:calc(var(--sp-5) + env(safe-area-inset-top));padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-glow{pointer-events:none;background:radial-gradient(420px 320px at 20% 10%, var(--glow-a), transparent 70%), radial-gradient(520px 380px at 85% 90%, var(--glow-b), transparent 70%);position:absolute;inset:0}.login-top{top:calc(var(--sp-4) + env(safe-area-inset-top));right:var(--sp-4);align-items:center;gap:var(--sp-2);display:flex;position:absolute}.login-card{width:100%;max-width:var(--auth-w);gap:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sheet);padding:var(--sp-7) var(--sp-6);box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative}.login-brand{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2);text-align:center;flex-direction:column;display:flex}.login-brand-text{gap:var(--sp-1);flex-direction:column;display:flex}.login-form-error,.login-caption{text-align:center}.login-contact{margin-top:var(--sp-5);position:relative}@media (width<=479px){.login{padding-top:calc(var(--sp-7) * 2 + env(safe-area-inset-top));justify-content:flex-start}.login-card{padding:var(--sp-6) var(--sp-5)}}.dash{gap:var(--sp-4);flex-direction:column;display:flex}.dash-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);padding:var(--sp-2) 0 var(--sp-1);display:flex}.dash-head-text{gap:var(--sp-1);flex-direction:column;display:flex}.dash-error{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-ctl);background:color-mix(in srgb, var(--live) 12%, transparent);color:var(--live);font-size:var(--fs-secondary);display:flex}.dash-error-retry{margin-left:auto;font-weight:600;text-decoration:underline}.dash-tiles{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-4);gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.tile-top{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.tile-label{font-size:var(--fs-secondary);color:var(--muted);font-weight:500}.tile-icon{border-radius:var(--r-pill);background:var(--surface2);width:32px;height:32px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tile-value{align-items:center;gap:var(--sp-2);font-size:var(--fs-title);font-weight:var(--fw-title);letter-spacing:-.5px;line-height:1.15;display:flex}.tile-warning .tile-value,.tile-warning .tile-icon{color:var(--warning)}.tile-live-dot{border-radius:var(--r-pill);background:var(--live);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 45%, transparent);animation:1.8s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 45%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.tile-sub{font-size:var(--fs-caption);font-weight:var(--fw-caption);color:var(--muted);letter-spacing:.2px}.reports-skel,.rooms-list,.cats-list{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reports-table{flex-direction:column;display:flex}.reports-headrow{display:none}.reports-row{align-items:center;column-gap:var(--sp-3);row-gap:var(--sp-1);padding:var(--sp-3) 0;border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;grid-template-areas:"reason parties status""room room time";display:grid}.reports-row:first-of-type{border-top:0}.reports-reason{grid-area:reason}.reports-parties{align-items:center;gap:var(--sp-2);font-size:var(--fs-body);grid-area:parties;font-weight:500;display:flex}.reports-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.reports-room{grid-area:room}.reports-time{white-space:nowrap;text-align:right;grid-area:time}.reports-status{grid-area:status;justify-self:end}.reports-row.reports-headrow{display:none}.room{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-ctl);background:var(--bg);border:1px solid var(--line);min-width:0;display:flex}.room-rank{text-align:center;flex-shrink:0;width:20px}.room-body{gap:var(--sp-1);flex-direction:column;flex:1;min-width:0;display:flex}.room-title-row{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.room-title{font-size:var(--fs-body);letter-spacing:-.2px;font-weight:700}.room-lock{color:var(--muted);flex-shrink:0;display:inline-flex}.room-meta{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.room-counts{column-gap:var(--sp-2);flex-shrink:0;grid-template-columns:auto auto;place-items:center end;row-gap:2px;display:grid}.room-count{font-size:var(--fs-secondary);color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.room-elapsed{grid-column:1/-1}.cats-list{gap:var(--sp-3)}.cat{align-items:center;gap:var(--sp-3);grid-template-columns:88px 1fr 28px;display:grid}.cat-name{font-size:var(--fs-secondary);color:var(--muted);font-weight:500}.cat-track{border-radius:var(--r-pill);background:var(--surface2);height:10px;overflow:hidden}.cat-fill{border-radius:var(--r-pill);background:var(--accent);height:100%;transition:width .4s var(--ease);display:block}.cat-count{text-align:right;font-size:var(--fs-secondary);font-weight:600}.cat-count.is-zero{color:var(--muted)}.dash-cols{gap:var(--sp-4);grid-template-columns:1fr;display:grid}@media (width>=840px){.dash{gap:var(--sp-5)}.dash-tiles{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr))}.tile,.card{padding:var(--sp-5)}.dash-cols{gap:var(--sp-5);grid-template-columns:1fr 1fr}.reports-row.reports-headrow{padding:0 0 var(--sp-2);font-size:var(--fs-caption);font-weight:var(--fw-caption);color:var(--muted);letter-spacing:.3px;border-top:0;display:grid}.reports-row{column-gap:var(--sp-4);padding:var(--sp-3) 0;grid-template-columns:96px minmax(160px,1.2fr) minmax(120px,1fr) 88px 88px;grid-template-areas:"reason parties room time status"}.reports-time{text-align:left}.reports-status{justify-self:start}}@media (width>=1100px){.dash-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}.reports-row.is-clickable,.room.is-clickable{cursor:pointer}.reports-row.is-clickable:hover,.room.is-clickable:hover{background:color-mix(in srgb, var(--surface2) 60%, transparent)}.reports-row.is-clickable{border-radius:var(--r-md)}.room-host{min-width:0;display:inline-flex}.room-host .user-link{color:var(--muted);font-weight:500}.tabs{gap:var(--sp-1);border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs-item{align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-3);color:var(--muted);font-size:var(--fs-secondary);white-space:nowrap;transition:color .12s var(--ease);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600;display:inline-flex}.tabs-item.is-active{color:var(--text);border-bottom-color:var(--accent)}.tabs-count{font-size:var(--fs-caption);padding:1px var(--sp-2);border-radius:var(--r-pill);background:var(--surface2);color:var(--muted)}.tabs-item.is-active .tabs-count{color:var(--accent)}.pager{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;display:flex}.pager-text{text-align:center;min-width:96px}.icon-btn:disabled{opacity:.4}.reports-parties{align-items:center;gap:var(--sp-2);min-width:0;display:inline-flex}.reports-arrow{color:var(--muted);flex-shrink:0}.audio-uploaded{color:var(--speaking)}.audio-failed{color:var(--live)}.rd{gap:var(--sp-4);transition:opacity .15s var(--ease);flex-direction:column;display:flex}.rd.is-refreshing{opacity:.7}.rd-top{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.rd-time{margin-left:auto}.rd-dl{grid-template-columns:72px 1fr}.rd-target{gap:var(--sp-2)}.rd-section{gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);flex-direction:column;display:flex}.rd-sanction{justify-content:flex-end;display:flex}.ra{gap:var(--sp-3);flex-direction:column;display:flex}.ra-buttons{gap:var(--sp-2);flex-wrap:wrap;display:flex}.snap{border:1px solid var(--line);border-radius:var(--r-ctl);max-height:320px;padding:0;padding:var(--sp-2);background:var(--bg);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex;overflow-y:auto}.snap-line{column-gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-secondary);grid-template-columns:auto 1fr;align-items:baseline;row-gap:2px;display:grid}.snap-line.is-by-target{background:color-mix(in srgb, var(--warning) 8%, transparent)}.snap-line.is-target{background:color-mix(in srgb, var(--live) 14%, transparent);outline:1px solid color-mix(in srgb, var(--live) 40%, transparent)}.snap-who{color:var(--muted);white-space:nowrap}.snap-who .user-link{font-weight:600}.snap-body{color:var(--text);word-break:break-word;white-space:pre-wrap}.snap-body em{color:var(--muted);font-style:normal}.snap-time{grid-column:2}.snap-flag{color:var(--live);grid-column:2}.rooms-title{align-items:center;gap:var(--sp-2);min-width:0;font-weight:700;display:inline-flex}.rooms-flags{gap:var(--sp-1);flex-wrap:wrap;display:inline-flex}.rooms-counts{gap:var(--sp-3);display:inline-flex}.rooms-counts span{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.audio{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.audio-el{border-radius:var(--r-pill);flex:1;min-width:220px;max-width:100%;height:40px}.audio-meta{white-space:nowrap}.splash{justify-content:center;align-items:center;min-height:100%;display:flex}.shell{min-height:100%;display:flex}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-content{width:100%;max-width:var(--content-w);padding:var(--sp-4);padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--sp-6));flex:1;margin:0 auto}.sb{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);height:100dvh;padding:var(--sp-5) var(--sp-3);gap:var(--sp-5);flex-direction:column;flex-shrink:0;display:none;position:sticky;top:0}.sb-brand{align-items:center;gap:var(--sp-3);padding:0 var(--sp-2);display:flex}.sb-brand-text{flex-direction:column;line-height:1.2;display:flex}.sb-nav{gap:var(--sp-1);flex-direction:column;display:flex}.sb-item{align-items:center;gap:var(--sp-3);height:44px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--muted);font-size:var(--fs-body);transition:background .12s var(--ease), color .12s var(--ease);font-weight:500;display:flex}.sb-item:hover:not(.is-disabled){background:var(--surface2);color:var(--text)}.sb-item.is-active{background:var(--surface2);color:var(--accent);font-weight:600}.sb-item.is-disabled{cursor:default;opacity:.7}.sb-item-label{flex:1}.sb-soon{letter-spacing:.2px;color:var(--muted);background:var(--surface2);padding:2px var(--sp-2);border-radius:var(--r-pill);font-size:11px;font-weight:600}.sb-footer{gap:var(--sp-1);padding-top:var(--sp-4);border-top:1px solid var(--line);flex-direction:column;margin-top:auto;display:flex}.sb-user{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-3);display:flex}.sb-user-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.tb{z-index:10;height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--sp-4) 0;justify-content:space-between;align-items:center;gap:var(--sp-3);background:var(--bar);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.tb-left,.tb-right{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.tb-left{gap:var(--sp-3)}.tb-avatar{border-radius:var(--r-pill);display:inline-flex}.tab{z-index:10;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bar);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-item{color:var(--muted);letter-spacing:.1px;transition:color .12s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex;position:relative}.tab-item.is-active{color:var(--accent)}.tab-item.is-disabled{opacity:.55;cursor:default}.tab-soon{letter-spacing:.2px;color:var(--muted);background:var(--surface2);border-radius:var(--r-pill);padding:1px 5px;font-size:9px;font-weight:700;line-height:1.3;position:absolute;top:4px}.tab-item.is-disabled svg{margin-top:6px}.sheet-backdrop{z-index:20;animation:fade .15s var(--ease);background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;width:100%;max-width:520px;padding:var(--sp-2) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));gap:var(--sp-1);box-shadow:var(--shadow);animation:rise .2s var(--ease);flex-direction:column;display:flex}.sheet-handle{border-radius:var(--r-pill);background:var(--line);width:40px;height:4px;margin:var(--sp-1) auto var(--sp-3)}.sheet-user{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-4);margin-bottom:var(--sp-2);border-bottom:1px solid var(--line);display:flex}.row-btn.is-disabled{cursor:default;opacity:.7}.row-btn.is-active{color:var(--accent)}.row-btn.is-disabled:hover{background:0 0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (width>=840px){.sb{display:flex}.tb,.tab,.sheet-backdrop{display:none}.shell-content{padding:var(--sp-7);padding-bottom:var(--sp-7)}}