:root,.light,.light-theme,.dark,.dark-theme{--orange-9:#ff6a00;--orange-10:#ff8a3a}.radix-themes{--color-background:var(--bg-2);--color-panel-solid:var(--bg-3);--color-panel-translucent:color-mix(in srgb, var(--bg-3) 95%, transparent);--color-surface:var(--bg-3);--color-overlay:#000000b3;--default-font-family:var(--f-body);--heading-font-family:var(--f-display);--code-font-family:var(--f-mono);--color-panel-border:var(--line-2)}
:root{--bg-0:#000;--bg-1:#070707;--bg-2:#0a0a0a;--bg-3:#0e0e0e;--bg-4:#141414;--bg-5:#1a1a1a;--line:#1c1c1c;--line-2:#262626;--fg-1:#ededed;--fg-2:#9a9a9a;--fg-3:#6b6b6b;--fg-4:#4a4a4a;--accent:#ff6a00;--accent-2:#ff8a3a;--accent-soft:#ff6a001f;--accent-line:#ff6a0059;--ok:#16b674;--ok-soft:#16b67424;--warn:#f0b232;--warn-soft:#f0b23224;--crit:#e5484d;--crit-soft:#e5484d24;--info:#4493f8;--info-soft:#4493f824;--mute:#6b6b6b;--mute-soft:#6b6b6b24;--f-body:ui-sans-serif, system-ui, sans-serif;--f-display:ui-sans-serif, system-ui, sans-serif;--f-mono:ui-monospace, "SF Mono", Menlo, monospace;--t-10:10px;--t-11:11px;--t-12:12px;--t-13:13px;--t-14:14px;--t-15:15px;--t-18:18px;--t-22:22px;--t-28:28px;--t-36:36px;--t-48:48px;--row-h:38px;--rail-w:220px;--topbar-h:44px;--footbar-h:22px;--pad:14px}[data-density=compact]{--row-h:28px;--pad:10px}[data-rail=collapsed]{--rail-w:48px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-0);height:100%;color:var(--fg-1);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}button:not([class*=rt-]),input:not([class*=rt-]),select:not([class*=rt-]),textarea:not([class*=rt-]){font:inherit;color:inherit;background:0 0;border:0;outline:0}button:not([class*=rt-]){cursor:pointer}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2)}::-webkit-scrollbar-thumb:hover{background:#333}.app{grid-template-columns:var(--rail-w) 1fr;grid-template-rows:1fr var(--footbar-h);height:100vh;transition:grid-template-columns .15s;display:grid;overflow:hidden}.rail{background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;grid-row:1/3;display:flex;overflow:hidden}.rail-brand{height:var(--topbar-h);border-bottom:1px solid var(--line);color:var(--fg-1);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.rail-brand-mark{background:var(--accent);flex-shrink:0;width:18px;height:18px;position:relative}.rail-brand-mark:after{content:"";background:#000;position:absolute;inset:4px}[data-rail=collapsed] .rail-brand-text,[data-rail=collapsed] .rail-section-label,[data-rail=collapsed] .rail-link-label,[data-rail=collapsed] .rail-link-badge,[data-rail=collapsed] .rail-footer{display:none}.rail-section{flex:1;padding:14px 0 6px;overflow-y:auto}.rail-section-label{letter-spacing:.06em;color:var(--fg-3);text-transform:uppercase;padding:0 14px 4px;font-size:10px}.rail-link{height:30px;color:var(--fg-2);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-left:2px solid #0000;align-items:center;gap:10px;padding:0 14px;font-size:13px;text-decoration:none;display:flex}.rail-link:hover{background:var(--bg-3);color:var(--fg-1)}.rail-link[aria-current=true]{background:var(--bg-3);color:var(--fg-1);border-left-color:var(--accent)}[data-rail=collapsed] .rail-link{justify-content:center;height:36px;padding:0}.rail-link svg{opacity:.85;flex-shrink:0;width:14px;height:14px}.rail-link[aria-current=true] svg{opacity:1;color:var(--accent)}.rail-link-badge{color:var(--fg-3);margin-left:auto;font-size:10px}.rail-link[aria-current=true] .rail-link-badge{color:var(--accent)}.rail-footer{border-top:1px solid var(--line);color:var(--fg-3);flex-direction:column;gap:6px;margin-top:auto;padding:10px 14px;font-size:11px;display:flex}.rail-footer-row{align-items:center;gap:6px;display:flex}.main{background:var(--bg-2);flex-direction:column;grid-row:1/2;display:flex;overflow:hidden}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);background:var(--bg-1);flex-shrink:0;align-items:center;gap:12px;padding:0 14px;display:flex}.topbar-breadcrumb{color:var(--fg-3);align-items:center;gap:8px;font-size:12px;display:flex}.topbar-breadcrumb-current{color:var(--fg-1)}.topbar-breadcrumb-sep{color:var(--fg-4)}button.topbar-search{background:var(--bg-3);border:1px solid var(--line);width:240px;height:26px;color:var(--fg-3);cursor:text;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:12px;display:flex;overflow:hidden}button.topbar-search:hover{border-color:var(--line-2)}.topbar-search-kbd{color:var(--fg-4);background:var(--bg-2);margin-left:auto;padding:1px 5px;font-size:10px}button.topbar-btn{height:26px;color:var(--fg-2);border:1px solid var(--line);background:var(--bg-3);flex-shrink:0;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex}button.topbar-btn:hover{color:var(--fg-1);border-color:var(--line-2)}button.topbar-btn svg{width:12px;height:12px}.content{flex:1;position:relative;overflow:auto}.footbar{height:var(--footbar-h);border-top:1px solid var(--line);background:var(--bg-1);color:var(--fg-3);flex-shrink:0;grid-area:2/2/3/3;align-items:center;gap:18px;padding:0 14px;font-size:10px;display:flex}.footbar-cell{align-items:center;gap:6px;display:flex}.footbar-cell-strong{color:var(--fg-2)}.footbar-right{gap:18px;margin-left:auto;display:flex}.dot{background:var(--mute);flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 6px var(--ok-soft)}.dot.warn{background:var(--warn)}.dot.crit{background:var(--crit);animation:1.4s ease-in-out infinite pulse}.dot.info{background:var(--info)}.dot.mute{background:var(--mute)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.avatar{image-rendering:pixelated;background:var(--bg-5);flex-shrink:0;display:inline-block}.avatar-fallback{background:var(--bg-5);flex-shrink:0;display:inline-block}.avatar-stack{display:inline-flex}.avatar-stack .avatar{border:1px solid var(--bg-3);margin-left:-6px}.avatar-stack .avatar:first-child{margin-left:0}.uuid{color:var(--fg-3);cursor:pointer;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-size:11px}.uuid:hover{color:var(--fg-1)}.uuid:hover:after{content:" ⧉";color:var(--fg-3)}.entity-chip{background:var(--bg-3);border:1px solid var(--line);height:22px;color:var(--fg-1);cursor:pointer;align-items:center;gap:6px;padding:0 8px 0 4px;font-size:12px;display:inline-flex}.entity-chip:hover{background:var(--bg-4);border-color:var(--line-2)}.entity-chip-name{color:var(--fg-1)}.event-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:84px 70px 22px 1fr auto;align-items:center;gap:10px;min-height:30px;padding:0 12px;font-size:13px;display:grid}.event-row:hover{background:var(--bg-3)}.event-row.highlighted{background:var(--accent-soft);border-left:2px solid var(--accent);padding-left:10px}.event-type{text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:2px 6px;font-size:10px}.event-type.chat{color:var(--fg-2);background:var(--bg-5)}.event-type.join{color:var(--ok);background:var(--ok-soft)}.event-type.leave{color:var(--fg-3);background:var(--mute-soft)}.event-type.party{color:var(--info);background:var(--info-soft)}.event-type.mod{color:var(--crit);background:var(--crit-soft)}.event-type.sys{color:var(--warn);background:var(--warn-soft)}.event-type.cmd{color:var(--accent);background:var(--accent-soft)}.event-message{color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.event-message .system{color:var(--fg-3);font-style:italic}.event-message .actor-name{color:var(--accent)}.event-server{color:var(--fg-3);font-size:11px}.toast-host{z-index:200;pointer-events:none;flex-direction:column;gap:6px;max-width:360px;display:flex;position:fixed;bottom:30px;right:14px}.toast{background:var(--bg-3);border:1px solid var(--line-2);border-left:2px solid var(--accent);color:var(--fg-1);pointer-events:auto;align-items:center;gap:8px;padding:8px 12px;font-size:12px;animation:.18s ease-out toastIn;display:flex}.toast .toast-icon{color:var(--accent)}@keyframes toastIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.palette-backdrop{z-index:300;background:#0009;justify-content:center;align-items:flex-start;padding-top:100px;display:flex;position:fixed;inset:0}.palette{background:var(--bg-3);border:1px solid var(--line-2);width:560px;box-shadow:0 24px 60px #0009}.palette-input{width:100%;height:42px;color:var(--fg-1);border-bottom:1px solid var(--line);background:0 0;padding:0 14px;font-size:14px}.palette-input::placeholder{color:var(--fg-4)}.palette-list{max-height:360px;padding:6px 0;overflow-y:auto}.palette-section-label{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px 2px;font-size:10px}.palette-item{color:var(--fg-1);cursor:pointer;align-items:center;gap:10px;padding:6px 14px;font-size:13px;display:flex}.palette-item[aria-selected=true]{background:var(--bg-4)}.palette-item[aria-selected=true]:before{content:"";background:var(--accent);width:2px;height:18px;margin-left:-14px;margin-right:12px}.palette-item-kbd{color:var(--fg-3);margin-left:auto;font-size:10px}.palette-item svg{width:13px;height:13px;color:var(--fg-3)}
html,body{background:var(--bg-0);color:var(--fg-1);font-family:var(--f-body);font-size:var(--t-13);min-height:100vh;margin:0;padding:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-1)}::-webkit-scrollbar-thumb{background:var(--bg-4)}::-webkit-scrollbar-thumb:hover{background:var(--bg-5)}