:root{--bg:#313338;--bg-dark:#2b2d31;--bg-darker:#1e1f22;--bg-topbar:#232428;--bg-hover:#35373c;--bg-active:#404249;--text:#dbdee1;--text-strong:#f2f3f5;--muted:#949ba4;--interactive:#b5bac1;--accent:#5865f2;--green:#23a55a;--red:#f23f42;--yellow:#f0b232;--border:#1f2023;--radius:8px;--sans:"gg sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:15px/1.4 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}#root{height:100vh}h1,h2,h3,h4{color:var(--text-strong);margin:0;font-weight:600}p{margin:0}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.55}select{background:var(--bg-darker);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}code{font-family:var(--mono);background:var(--bg-darker);color:#c8ccd2;border-radius:4px;padding:1px 5px;font-size:.85em}.loading{height:100vh;color:var(--muted);place-items:center;display:grid}.app{grid-template-rows:48px 1fr;height:100vh;display:grid}.topbar{background:var(--bg-topbar);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:0 16px;display:flex}.topbar__brand{color:var(--text-strong);white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:flex}.topbar__spacer{flex:1}.viewer-switcher{align-items:center;gap:8px;display:flex}.viewer-switcher__caption{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:700}.layout{grid-template-columns:240px 1fr 360px;min-height:0;display:grid}.sidebar{background:var(--bg-dark);flex-direction:column;min-height:0;display:flex}.sidebar__server{height:48px;color:var(--text-strong);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 16px;font-weight:700;display:flex;box-shadow:0 1px #0003}.sidebar__scroll{flex:1;padding:12px 8px;overflow-y:auto}.sidebar__category-name{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:6px;padding:14px 8px 4px;font-size:12px;font-weight:700;display:flex}.sidebar__channel{width:100%;color:var(--interactive);text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:15px;display:flex}.sidebar__channel:hover{background:var(--bg-hover);color:var(--text)}.sidebar__channel.is-active{background:var(--bg-active);color:var(--text-strong)}.sidebar__channel-icon{color:var(--muted);font-weight:600}.sidebar__channel-name{flex:1}.sidebar__settings{background:var(--bg-darker);border:1px solid var(--border);color:var(--text);border-radius:6px;margin:8px;padding:8px}.sidebar__settings:hover{background:var(--bg-hover)}.content{min-width:0;display:flex}.channel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.channel--empty{color:var(--muted);justify-content:center;align-items:center}.channel__header{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:48px;padding:0 16px;display:flex;box-shadow:0 1px #0003}.channel__icon{color:var(--muted);font-size:20px}.channel__name{font-size:16px}.channel__topic{color:var(--muted);border-left:1px solid var(--border);margin-left:4px;padding-left:8px;font-size:13px}.channel__messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.channel__forbidden{color:var(--muted);background:var(--bg-dark);border:1px dashed var(--border);border-radius:8px;margin:auto;padding:24px 32px}.channel__empty-msgs{color:var(--muted);margin:auto}.message{border-radius:4px;align-items:baseline;gap:8px;padding:4px 8px;display:flex}.message:hover{background:var(--bg-dark)}.message__author{color:var(--text-strong);font-weight:600}.message__content{color:var(--text)}.message__delete{color:var(--muted);opacity:0;background:0 0;border:none;margin-left:auto}.message:hover .message__delete{opacity:1}.message__delete:hover{color:var(--red)}.composer{background:#383a40;border-radius:8px;gap:8px;margin:0 16px 20px;padding:10px 12px;display:flex}.composer--disabled{color:var(--muted);align-items:center;gap:8px}.composer__input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.composer__send{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:4px 14px;font-weight:600}.inspector{background:var(--bg-dark);border-left:1px solid var(--border);flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.inspector__header h3{margin-bottom:8px;font-size:15px}.inspector__subject{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.inspector__context{color:var(--muted);margin-top:8px;font-size:13px}.inspector__status{color:var(--muted);background:var(--bg-darker);border-radius:6px;padding:8px 10px;font-size:13px}.inspector__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.inspector__perm details{background:var(--bg-darker);border-radius:6px;overflow:hidden}.inspector__perm summary{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 10px;list-style:none;display:flex}.inspector__perm summary::-webkit-details-marker{display:none}.perm__label{font-size:14px}.trace{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin:0;padding:4px 10px 10px;list-style:none;display:flex}.trace__step{color:var(--muted);opacity:.7;grid-template-columns:90px 56px 1fr;align-items:baseline;gap:6px;font-size:12px;display:grid}.trace__step.is-decisive{opacity:1;color:var(--text)}.trace__layer{font-family:var(--mono);color:var(--interactive);font-size:11px}.trace__value{text-transform:uppercase;font-size:10px;font-weight:700}.trace__value--allow{color:var(--green)}.trace__value--deny{color:var(--red)}.trace__value--neutral{color:var(--muted)}.inspector__derived{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:12px;display:flex}.inspector__derived h4{font-size:13px}.inspector__expr{color:var(--muted);font-size:12px}.derived-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.verdict{letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.verdict--allow{color:#3ba55c;background:#23a55a29}.verdict--deny{color:#f23f42;background:#f23f4229}.badge{font-size:11px}.badge--lock{color:var(--yellow);background:#f0b23229;border-radius:10px;padding:2px 8px;font-weight:700}.badge--lock-sm{font-size:10px}.status-normal{color:var(--green)}.status-lockdown{color:var(--yellow)}.modal-overlay{z-index:10;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:640px;max-width:92vw;max-height:86vh;display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal__header button{color:var(--muted);background:0 0;border:none;font-size:16px}.modal__tabs{gap:4px;padding:8px 16px 0;display:flex}.modal__tabs button{color:var(--muted);background:0 0;border:none;border-radius:6px 6px 0 0;padding:8px 12px;font-size:14px}.modal__tabs button.is-active{color:var(--text-strong);background:var(--bg-dark)}.modal__body{padding:16px;overflow-y:auto}.editor{flex-direction:column;gap:12px;display:flex}.editor__hint{color:var(--muted);font-size:12px;line-height:1.5}.editor__row{flex-wrap:wrap;gap:16px;display:flex}.editor__field{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.perm-table{border-collapse:collapse;width:100%}.perm-table td{border-top:1px solid var(--border);padding:6px 4px}.perm-table__name{color:var(--text);font-size:14px}.tristate,.status-toggle{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.tristate__btn{background:var(--bg-darker);width:34px;height:28px;color:var(--muted);border:none;font-size:13px}.tristate__btn.is-active.tristate__btn--allow{background:var(--green);color:#fff}.tristate__btn.is-active.tristate__btn--deny{background:var(--red);color:#fff}.tristate__btn.is-active.tristate__btn--neutral{background:var(--bg-active);color:var(--text-strong)}.status-toggle-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.status-toggle-row__label{font-size:13px}.status-toggle__btn{background:var(--bg-darker);height:30px;color:var(--muted);text-transform:capitalize;border:none;padding:0 12px;font-size:12px}.status-toggle__btn.is-active{background:var(--bg-active);color:var(--text-strong)}.status-toggle__btn.is-active.status-lockdown{background:var(--yellow);color:#1e1f22;font-weight:700}.mobile-nav{display:none}.mobile-nav__tab{color:var(--muted);background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;font-size:11px;font-weight:600;display:flex}.mobile-nav__tab.is-active{color:var(--text-strong);border-top-color:var(--accent);background:var(--bg-dark)}.mobile-nav__icon{font-size:18px;line-height:1}@media (width<=900px){.app{grid-template-rows:48px 1fr auto;height:100dvh}.layout{grid-template-columns:1fr}.layout>.sidebar,.layout>.content,.layout>.inspector{display:none}.layout[data-pane=channels]>.sidebar,.layout[data-pane=chat]>.content,.layout[data-pane=inspector]>.inspector{display:flex}.inspector{border-left:none}.mobile-nav{background:var(--bg-topbar);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.topbar{gap:8px;padding:0 10px}.topbar__brand-text,.viewer-switcher__caption{display:none}.viewer-switcher{flex:1;min-width:0}.viewer-switcher__select{width:100%}.modal{width:96vw;max-height:88vh}}