:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-8:2rem;--space-10:2.5rem;--control-height:2.25rem;--touch-target:2.75rem;--radius:.25rem;--border-width:1px;--font-sans:system-ui, -apple-system, "Segoe UI", "Roboto", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--leading:1.5;--color-bg:#fff;--color-surface:#f6f6f4;--color-text:#1b1b1b;--color-text-muted:#5f5f5a;--color-border:#d9d9d4;--color-control-border:#767670;--color-primary:#1f5fbf;--color-primary-text:#fff;--color-success:#2e7d32;--color-warning:#b26a00;--color-danger:#b3261e;--color-focus:#1f5fbf}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121212;--color-surface:#1c1c1c;--color-text:#ededed;--color-text-muted:#a3a39e;--color-border:#333331;--color-control-border:#7a7a75;--color-primary:#7aa7ea;--color-primary-text:#0b1a33;--color-success:#7bc67e;--color-warning:#e0a94a;--color-danger:#f28b82;--color-focus:#7aa7ea}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121212;--color-surface:#1c1c1c;--color-text:#ededed;--color-text-muted:#a3a39e;--color-border:#333331;--color-control-border:#7a7a75;--color-primary:#7aa7ea;--color-primary-text:#0b1a33;--color-success:#7bc67e;--color-warning:#e0a94a;--color-danger:#f28b82;--color-focus:#7aa7ea}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading);margin:0}.ui-alert{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-left-width:var(--space-1);border-radius:var(--radius);background:var(--color-surface);display:grid}.ui-alert--info{border-left-color:var(--color-primary)}.ui-alert--success{border-left-color:var(--color-success)}.ui-alert--error{border-left-color:var(--color-danger)}.ui-alert__title{font-size:var(--text-sm)}.ui-alert__body{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-button{min-height:var(--control-height);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:var(--text-sm);cursor:pointer}.ui-button--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.ui-button--secondary{background:var(--color-surface);color:var(--color-text)}.ui-button:disabled{cursor:not-allowed;opacity:.6}.ui-button:focus-visible{outline:var(--border-width) solid var(--color-focus);outline-offset:var(--space-1)}@media (pointer:coarse){.ui-button{min-height:var(--touch-target)}}.ui-empty-state{gap:var(--space-3);padding:var(--space-8) var(--space-5);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-items:start;display:grid}.ui-empty-state__title{font-size:var(--text-lg);margin:0}.ui-empty-state__body{color:var(--color-text-muted);margin:0}.ui-field{gap:var(--space-1);display:grid}.ui-field__label{font-size:var(--text-sm);font-weight:600}.ui-field__control{min-height:var(--control-height);padding:0 var(--space-3);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit}.ui-field__control:focus-visible{outline:var(--border-width) solid var(--color-focus);outline-offset:var(--space-1)}.ui-field__control[aria-invalid=true]{border-color:var(--color-danger)}.ui-field__error{color:var(--color-danger);font-size:var(--text-sm)}.ui-field__hint{color:var(--color-text-muted);font-size:var(--text-sm)}@media (pointer:coarse){.ui-field__control{min-height:var(--touch-target)}}.ui-table{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);overflow-x:auto}.ui-table__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ui-table__caption{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600}.ui-table__table th,.ui-table__table td{padding:var(--space-2) var(--space-4);border-top:var(--border-width) solid var(--color-border);text-align:left;white-space:nowrap}.ui-table__table th{color:var(--color-text-muted);font-weight:600}.ui-showcase{gap:var(--space-8);display:grid}.ui-showcase__row{gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-showcase__stack{gap:var(--space-4);display:grid}.auth-guard__loading{padding:var(--space-5) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.auth-guard__failed{gap:var(--space-4);max-width:30rem;padding:var(--space-8) var(--space-4);justify-items:start;margin:0 auto;display:grid}.login{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login__form{gap:var(--space-4);width:100%;max-width:30rem;display:grid}.login__title{margin:0 0 var(--space-2);font-size:var(--text-xl)}@media (width>=48rem){.login__form{padding:var(--space-8);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}}.layout{min-height:100vh}.layout__header{gap:var(--space-3);padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);grid-template-columns:1fr auto;grid-template-areas:"brand session""nav nav";align-items:center;display:grid}.layout__brand{grid-area:brand;font-weight:600}.layout__nav{gap:var(--space-1);grid-area:nav;min-width:0;display:flex;overflow-x:auto}.layout__link{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius);color:var(--color-text-muted);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.layout__link:hover{color:var(--color-text)}.layout__link.active{background:var(--color-surface);color:var(--color-text);font-weight:600}.layout__session{gap:var(--space-3);grid-area:session;align-items:center;min-width:0;display:flex}.layout__user{color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout__visually-hidden{width:var(--border-width);height:var(--border-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.layout__main{max-width:64rem;padding:var(--space-5) var(--space-4);margin:0 auto}@media (width>=64rem){.layout__header{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav session"}.layout__link{min-height:var(--control-height)}}.event-detail{gap:var(--space-4);display:grid}.event-detail__back{min-height:var(--touch-target);color:var(--color-primary);justify-self:start;align-items:center;display:inline-flex}.event-detail__title{font-size:var(--text-xl);margin:0}.event-detail__heading{font-size:var(--text-lg);margin:0}.event-detail__message{overflow-wrap:anywhere;margin:0}.event-detail__muted{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.event-detail__facts{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(5rem,max-content) minmax(0,1fr);margin:0;display:grid}.event-detail__facts dt{color:var(--color-text-muted);font-weight:600}.event-detail__facts dd{overflow-wrap:anywhere;margin:0}.event-detail__mono{font-family:var(--font-mono)}.event-detail__sub{font-size:var(--text-sm);display:block}a.event-detail__sub{min-height:var(--touch-target);color:var(--color-primary);align-items:center;display:inline-flex}.event-detail__level{font-weight:600}.event-detail__level--warning{color:var(--color-warning)}.event-detail__level--error{color:var(--color-danger)}.event-detail__data{gap:var(--space-2);display:grid}.event-detail__json{padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-sm);margin:0;overflow-x:auto}.logs{gap:var(--space-5);display:grid}.logs__top{gap:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.logs__title{font-size:var(--text-xl);margin:0}.logs__ping{gap:var(--space-2);justify-items:end;max-width:30rem;display:grid}.logs__filters{gap:var(--space-3);display:grid}.logs__chip-field{gap:var(--space-1);min-width:0;display:grid}.logs__chip-label{font-size:var(--text-sm);font-weight:600}.logs__chip{gap:var(--space-2);max-width:100%;min-height:var(--control-height);padding-left:var(--space-3);border:var(--border-width) solid var(--color-control-border);border-radius:var(--radius);background:var(--color-surface);font-size:var(--text-sm);justify-self:start;align-items:center;display:inline-flex}.logs__chip-text{min-width:0;font-family:var(--font-mono);overflow-wrap:anywhere}.logs__chip-remove{min-width:var(--control-height);min-height:var(--control-height);border:0;border-left:var(--border-width) solid var(--color-border);color:var(--color-text);font:inherit;font-size:var(--text-lg);cursor:pointer;background:0 0;flex:none}.logs__chip-remove:focus-visible{outline:var(--border-width) solid var(--color-focus);outline-offset:var(--space-1)}.logs__live{gap:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.logs__live-text--live{color:var(--color-success);font-weight:600}.logs__live-text--closed,.logs__live-text--unsupported{color:var(--color-warning)}.logs__failed{gap:var(--space-3);display:grid}.logs__muted{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.logs__head{display:none}.logs__list{border:var(--border-width) solid var(--color-border);border-radius:var(--radius);margin:0;padding:0;list-style:none}.logs__item+.logs__item{border-top:var(--border-width) solid var(--color-border)}.logs__row{gap:var(--space-1) var(--space-3);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);color:var(--color-text);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"time level""message message""type user";text-decoration:none;display:grid}.logs__row:hover{background:var(--color-surface)}.logs__row:focus-visible{outline:var(--border-width) solid var(--color-focus);outline-offset:calc(-1 * var(--space-1))}.logs__time{font-family:var(--font-mono);grid-area:time}.logs__level{grid-area:level;font-weight:600}.logs__level--warning{color:var(--color-warning)}.logs__level--error{color:var(--color-danger)}.logs__type{color:var(--color-text-muted);grid-area:type}.logs__message{overflow-wrap:anywhere;grid-area:message}.logs__user{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-area:user;overflow:hidden}@media (width>=48rem){.logs__filters{grid-template-columns:repeat(auto-fit,minmax(12rem,16rem));align-items:end}}@media (width>=64rem){.logs__head,.logs__row{gap:var(--space-4);grid-template-columns:11rem 5rem 8rem minmax(0,1fr) 8rem;grid-template-areas:"time level type message user"}.logs__head{padding:0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;display:grid}.logs__row{min-height:var(--control-height);padding:var(--space-2) var(--space-4)}.logs__type,.logs__user{color:var(--color-text-muted)}}.settings{gap:var(--space-10);display:grid}.settings__title{font-size:var(--text-xl);margin:0}.settings__section{gap:var(--space-4);display:grid}.settings__heading{font-size:var(--text-lg);margin:0}.settings__subheading{font-size:var(--text-md);margin:0}.settings__form{gap:var(--space-4);max-width:30rem;display:grid}.settings__failed{gap:var(--space-3);display:grid}.settings__muted{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.settings__mono{font-family:var(--font-mono)}.settings__actions{gap:var(--space-2);display:flex}.settings__inline{gap:var(--space-2);display:grid}.settings td.settings__wrap{white-space:normal;min-width:14rem}.settings__test{gap:var(--space-1) var(--space-2);flex-wrap:wrap;align-items:baseline;display:inline-flex}.settings__message{overflow-wrap:anywhere;flex-basis:100%}.settings__confirm{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-danger);border-radius:var(--radius);display:grid}.settings__confirm-text{margin:0}.settings__facts{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(6rem,max-content) minmax(0,1fr);margin:0;display:grid}.settings__facts dt{color:var(--color-text-muted);font-weight:600}.settings__facts dd{overflow-wrap:anywhere;margin:0}.settings__scopes{gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.settings__form .settings__actions,.settings__confirm .settings__actions{flex-wrap:wrap}
