@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";:root{--color-bg: #141c2b;--color-surface: #1c2540;--color-surface-2: #233060;--color-border: #2e3d5c;--color-border-light: #3d5080;--color-nav-bg: rgba(20, 28, 43, .93);--color-text-primary: #eef2ff;--color-text-secondary: #b8c8e8;--color-text-muted: #7a93b8;--color-text-dim: #4e6285;--color-accent: #4e8cf8;--color-accent-dim: #2d5cc4;--color-accent-muted: #1a3a7a;--color-rank-high: #26d98a;--color-rank-low: #f7a93c;--color-rank-mid: var(--color-border-light);--color-error: #e85c5c;--color-warning: #f7a93c;--color-ok: #26d98a;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.625rem;--fs-rank: 3rem;--fs-mono-data: 1.125rem;--fs-label: .75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--nav-height: 56px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--tile-border-width: 4px;--transition-fast: .12s ease;--transition-med: .22s ease}[data-theme=light]{--color-bg: #f0f4fa;--color-surface: #ffffff;--color-surface-2: #e4eaf5;--color-border: #c5d0e6;--color-border-light: #d8e2f4;--color-nav-bg: rgba(240, 244, 250, .95);--color-text-primary: #0f1c33;--color-text-secondary: #2d4470;--color-text-muted: #5570a0;--color-text-dim: #8099c0;--color-accent: #1a5fd4;--color-accent-dim: #0e3d94;--color-accent-muted: #d0ddf7;--color-rank-high: #0d9e5e;--color-rank-low: #c07a10;--color-rank-mid: var(--color-border-light);--color-error: #c0392b;--color-warning: #c07a10;--color-ok: #0d9e5e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit;color:inherit}pre{font-family:var(--font-mono);font-size:var(--fs-xs)}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.main-content{flex:1;padding:var(--nav-height) 0 0;max-width:1400px;width:100%;margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4);padding-top:calc(var(--nav-height) + var(--space-5));padding-bottom:var(--space-7)}.nav-bar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background:var(--color-nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4)}.wordmark{display:flex;align-items:baseline;gap:4px;font-family:var(--font-mono);font-weight:600;letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.wordmark-tanjentz{font-size:var(--fs-md);color:var(--color-text-primary)}.wordmark-dot{font-size:var(--fs-md);color:var(--color-accent)}.wordmark-broker{font-size:var(--fs-base);color:var(--color-text-secondary);font-weight:400}.nav-links{display:none;align-items:center;gap:var(--space-1)}@media(min-width:640px){.nav-links{display:flex}}.nav-link{font-size:var(--fs-base);font-weight:500;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);background:var(--color-surface-2)}.nav-link--active{color:var(--color-accent)}.nav-search{display:none;align-items:center;gap:var(--space-2);margin-left:auto}@media(min-width:640px){.nav-search{display:flex}}.nav-search__input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-primary);width:120px;transition:border-color var(--transition-fast),width var(--transition-med);outline:none}.nav-search__input:focus{border-color:var(--color-accent);width:160px}.nav-search__input::placeholder{color:var(--color-text-muted)}.nav-search__btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-base);font-weight:600;transition:background var(--transition-fast)}.nav-search__btn:hover{background:var(--color-accent-dim)}.api-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.api-status--checking{background:var(--color-text-muted)}.api-status--ok{background:var(--color-ok)}.api-status--error{background:var(--color-error)}.nav-hamburger{margin-left:auto;font-size:var(--fs-md);color:var(--color-text-secondary);padding:var(--space-2)}@media(min-width:640px){.nav-hamburger{display:none}}.nav-mobile-menu{position:absolute;top:var(--nav-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.nav-mobile-link{font-size:var(--fs-base);font-weight:500;color:var(--color-text-secondary);padding:var(--space-3) 0;text-align:left}.nav-mobile-search{display:flex;gap:var(--space-2)}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5)}.footer-disclaimer{font-size:var(--fs-sm);color:var(--color-text-secondary);text-align:center;max-width:800px;margin:0 auto;line-height:1.7}.view-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-secondary)}.spinner{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-heading{font-size:var(--fs-md);font-weight:600;color:var(--color-error)}.error-body{font-size:var(--fs-base);max-width:480px}.error-inline{color:var(--color-error);font-size:var(--fs-sm)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:600;transition:background var(--transition-fast),color var(--transition-fast)}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-dim)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.btn-remove{font-size:var(--fs-xs);color:var(--color-text-muted);margin-left:var(--space-3);transition:color var(--transition-fast)}.btn-remove:hover{color:var(--color-error)}.stub-section{background:var(--color-surface);border:1px dashed var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.stub-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:space-between}.stub-content{font-size:var(--fs-base);color:var(--color-text-secondary);line-height:1.7}.stub-data{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text-secondary);overflow-x:auto;font-size:var(--fs-xs)}.view-heading{font-size:var(--fs-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.view-subheading{font-size:var(--fs-base);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.overview-view{display:flex;flex-direction:column;gap:var(--space-4)}.drilldown-cta{display:flex;justify-content:flex-end;padding:var(--space-2) 0}.drilldown-view{display:flex;flex-direction:column;gap:var(--space-4)}.back-btn{margin-bottom:var(--space-2)}.no-violation-record{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:.9rem}.compare-view{display:flex;flex-direction:column;gap:var(--space-4)}.compare-inputs{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.compare-dot-form{display:flex;align-items:center;gap:var(--space-2)}.add-slot-btn{align-self:flex-start}.compare-slots{display:flex;flex-direction:column;gap:var(--space-3)}[data-tier=high]{border-left:var(--tile-border-width) solid var(--color-rank-high)}[data-tier=low]{border-left:var(--tile-border-width) solid var(--color-rank-low)}[data-tier=mid]{border-left:var(--tile-border-width) solid var(--color-rank-mid)}.metric-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.metric-tile__rank{font-family:var(--font-mono);font-size:var(--fs-rank);font-weight:600;color:var(--color-text-primary);line-height:1}.metric-tile__label{font-size:var(--fs-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.metric-tile__rate-pill{display:inline-block;background:var(--color-surface-2);border-radius:2px;padding:2px var(--space-2);font-family:var(--font-mono);font-size:var(--fs-mono-data);color:var(--color-text-primary)}.metric-tile__delta{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-secondary)}