*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--color-bg);color-scheme:dark}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);font-weight:var(--fw-regular);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11" 1,"ss01" 1;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}h1{font-size:var(--fs-xl);line-height:var(--lh-xl)}h2{font-size:var(--fs-lg);line-height:var(--lh-lg)}h3{font-size:var(--fs-md);line-height:var(--lh-md)}p{margin:0}a{color:var(--color-accent);text-decoration:none;border-radius:var(--radius-xs)}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring-accent)}button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit;padding:0}input,select,textarea{font-family:inherit;color:inherit}code,pre,.mono{font-family:var(--font-mono);font-size:.95em}.skip-link{position:absolute;left:var(--sp-4);top:var(--sp-2);background:var(--color-accent);color:var(--color-text-inverse);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);transform:translateY(-200%);transition:transform var(--dur-base) var(--ease-out-expo);z-index:1000}.skip-link:focus{transform:translateY(0)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);height:48px;padding:0 var(--sp-4);background:var(--color-bg-elev-1);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.app-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--color-text)}.app-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px #6ee7b72e;animation:brand-pulse 2.2s var(--ease-out-expo) infinite}@keyframes brand-pulse{0%,to{box-shadow:0 0 0 3px #6ee7b72e}50%{box-shadow:0 0 0 6px #6ee7b714}}@media(prefers-reduced-motion:reduce){.app-brand .dot{animation:none}}.app-nav{display:flex;gap:var(--sp-1);flex:1;margin-left:var(--sp-5)}.app-nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.app-nav a:hover{color:var(--color-text);background:var(--color-bg-elev-2);text-decoration:none}.app-nav a[aria-current=page]{color:var(--color-text);background:var(--color-bg-elev-2);box-shadow:inset 0 -2px 0 var(--color-accent)}.app-header-right{display:flex;align-items:center;gap:var(--sp-3)}.app-main{flex:1;padding:var(--sp-5) var(--sp-4);max-width:1400px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.page-title{font-size:var(--fs-xl);line-height:var(--lh-xl);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.page-subtitle{color:var(--color-text-muted);font-size:var(--fs-sm);margin-top:var(--sp-1)}.panel{background:var(--color-bg-elev-1);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border)}.panel-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.panel-body{padding:var(--sp-4)}.toolbar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}@media(min-width:900px){.grid-2{grid-template-columns:2fr 1fr}}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--sp-5)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row-sm{display:flex;align-items:center;gap:var(--sp-2)}.spacer{flex:1}.muted{color:var(--color-text-muted)}.dim{color:var(--color-text-dim)}.mono-id{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.route-target{display:contents}.route-target[aria-busy=true]{opacity:.65;transition:opacity .12s var(--ease-out-expo)}.route-error{padding:var(--sp-6);border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger)}[data-agent-id].is-agent-highlighted{outline:2px solid var(--color-accent);outline-offset:2px;animation:agent-flash 1.2s var(--ease-out-expo)}@keyframes agent-flash{0%{box-shadow:0 0 #6ee7b799;transform:scale(1)}30%{box-shadow:0 0 0 8px #6ee7b740;transform:scale(1.02)}to{box-shadow:0 0 #6ee7b700;transform:scale(1)}}@media(prefers-reduced-motion:reduce){[data-agent-id].is-agent-highlighted{animation:none}}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:900px){.app-main{padding:var(--sp-4) var(--sp-3);padding-bottom:calc(var(--sp-7) + env(safe-area-inset-bottom,0px))}}@media(max-width:640px){html,body{font-size:15px}.app-header{height:auto;padding:var(--sp-2) var(--sp-3);gap:var(--sp-2);flex-wrap:wrap}.app-nav{margin-left:0;width:100%;order:3;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-1);scrollbar-width:thin}.app-nav a{white-space:nowrap;padding:var(--sp-1) var(--sp-2);min-height:32px;display:inline-flex;align-items:center}.app-header-right{gap:var(--sp-2)}.app-header-right .mono-id{display:none}.app-main{padding:var(--sp-3) var(--sp-2);padding-bottom:calc(320px + env(safe-area-inset-bottom,0px))}body:has(.voice-dock.is-collapsed) .app-main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.page-header{flex-direction:column;align-items:stretch;gap:var(--sp-2);margin-bottom:var(--sp-3)}.page-title{font-size:var(--fs-lg)}.panel-body{padding:var(--sp-3)}.panel-header{padding:var(--sp-2) var(--sp-3)}}