@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0d0f14;--bg-surface:#13161e;--bg-raised:#1a1e2a;--bg-card:#1e2230;--bg-hover:#252a3a;--border:#2a2f42;--border-focus:#4a6fa5;--text-primary:#e8eaf0;--text-secondary:#9aa3bc;--text-muted:#5a6180;--text-inverse:#0d0f14;--reliable:#34d399;--reliable-bg:#34d3991f;--variable:#fbbf24;--variable-bg:#fbbf241f;--poor:#f97316;--poor-bg:#f973161a;--none:#f87171;--none-bg:#f871711a;--intrinsic:#6b7280;--intrinsic-bg:#6b72801a;--inappropriate:#a78bfa;--inappropriate-bg:#a78bfa1a;--warn:#fbbf24;--warn-bg:#fbbf2414;--info:#60a5fa;--info-bg:#60a5fa14;--danger:#f87171;--danger-bg:#f8717114;--narrow-high:#34d399;--narrow-mod:#fbbf24;--narrow-low:#f97316;--narrow-broad:#f87171;--accent:#4a6fa5;--accent-bright:#6b8fcf;--accent-glow:#4a6fa54d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--transition:.15s ease}html{font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,system-ui,sans-serif;line-height:1.5}.app-layout{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.app-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0d0f14d9;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0;overflow:hidden}.app-logo{color:var(--text-primary);flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.app-logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-bright));border-radius:var(--radius-sm);color:#fff;letter-spacing:-.5px;width:36px;height:36px;box-shadow:0 0 12px var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.app-logo-text{letter-spacing:-.3px;font-size:1.1rem;font-weight:700}.app-logo-sub{color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;font-size:.7rem;font-weight:400;display:block}.app-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:1;gap:.25rem;min-width:0;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.nav-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;padding:.45rem .8rem;font-size:.82rem;font-weight:500}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn.active{background:var(--bg-raised);border-color:var(--border-focus);color:var(--accent-bright)}@media (width<=600px){.app-logo-sub{display:none}.app-header{padding:0 1rem}.nav-btn{padding:.45rem .6rem;font-size:.78rem}}.app-content{width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.app-footer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f1499;padding:.7rem 1.5rem}.app-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;display:flex}.footer-item{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4rem;font-family:JetBrains Mono,monospace;font-size:.7rem;display:inline-flex}.footer-item svg{color:var(--text-muted);flex-shrink:0}.footer-status-badge{text-transform:uppercase;letter-spacing:.4px;margin-left:.4rem;font-size:.68rem;font-weight:600}.footer-legal{opacity:.7;font-family:Inter,system-ui,sans-serif;font-style:italic}@media (width<=640px){.app-footer-inner{flex-direction:column;align-items:flex-start;gap:.4rem}.footer-legal{display:none}}.disclaimer-bar{background:var(--info-bg);border-top:1px solid var(--border);color:var(--text-secondary);border-bottom:1px solid #60a5fa26;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.73rem;line-height:1.4;display:flex}.disclaimer-bar svg{color:var(--info);flex-shrink:0}@keyframes install-banner-in{0%{opacity:0;max-height:0;transform:translateY(-100%)}to{opacity:1;max-height:80px;transform:translateY(0)}}.install-banner{background:linear-gradient(135deg,#4a6fa52e 0%,#6b8fcf1f 100%);border-bottom:1px solid #4a6fa54d;align-items:center;gap:.75rem;padding:.6rem 1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) both install-banner-in;display:flex;overflow:hidden}.install-banner-icon{flex-shrink:0;align-items:center;display:flex}.install-banner-text{flex-direction:column;flex:1;min-width:0;display:flex}.install-banner-title{color:var(--accent-bright);white-space:nowrap;font-size:.82rem;font-weight:600}.install-banner-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.install-banner-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.install-banner-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.install-banner-btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-bright));color:#fff;box-shadow:0 0 12px var(--accent-glow);padding:.45rem 1rem}.install-banner-btn-primary:hover{filter:brightness(1.15);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.install-banner-btn-dismiss{color:var(--text-muted);background:0 0;border:1px solid #0000;padding:.4rem .6rem}.install-banner-btn-dismiss:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:2.5rem}.modal-icon{background:var(--info-bg);width:48px;height:48px;color:var(--info);border:1px solid #60a5fa33;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.modal-title{margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.modal-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.modal-list{flex-direction:column;gap:.6rem;margin-bottom:1.75rem;list-style:none;display:flex}.modal-list li{color:var(--text-secondary);align-items:flex-start;gap:.6rem;font-size:.875rem;display:flex}.modal-list li:before{content:"×";color:var(--danger);flex-shrink:0;margin-top:.05rem;font-weight:700}.modal-meta{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);margin-bottom:1.5rem;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1.8}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-bright));color:#fff;box-shadow:0 0 16px var(--accent-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 24px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-focus)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-full{width:100%}.btn-lg{padding:.9rem 2rem;font-size:1rem}.selector-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.selector-grid{grid-template-columns:1fr}}.presets-strip{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.preset-chip{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:999px;padding:.4rem .9rem;font-size:.78rem;font-weight:500}.preset-chip:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent-bright)}.preset-chip.active{background:var(--accent-glow);border-color:var(--accent-bright);color:var(--accent-bright)}.org-groups{flex-direction:column;gap:1rem;display:flex}.org-group{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.org-group-header{background:var(--bg-raised);border-bottom:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;font-weight:600;display:flex}.gram-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gram-positive{background:#a78bfa}.gram-negative{background:#f87171}.gram-anaerobe{background:#fbbf24}.gram-atypical{background:#60a5fa}.org-list{flex-direction:column;display:flex}.org-item{cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.org-item:last-child{border-bottom:none}.org-item:hover{background:var(--bg-hover)}.org-item.selected{background:#4a6fa51a}.org-checkbox{border:2px solid var(--border);width:18px;height:18px;transition:all var(--transition);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.org-item.selected .org-checkbox{background:var(--accent);border-color:var(--accent)}.org-label{font-size:.875rem;font-weight:500}.org-subtext{color:var(--text-muted);margin-left:auto;font-size:.72rem}.context-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);position:sticky;top:80px;overflow:hidden}.panel-header{background:var(--bg-raised);border-bottom:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;padding:.85rem 1rem;font-size:.8rem;font-weight:600}.panel-body{flex-direction:column;gap:1rem;padding:1rem;display:flex}.field-group{flex-direction:column;gap:.4rem;display:flex}.field-label{color:var(--text-muted);letter-spacing:.3px;font-size:.75rem;font-weight:500}.toggle-row{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.toggle-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:center;background:0 0;border:none;flex:1;padding:.5rem .25rem;font-size:.78rem;font-weight:500}.toggle-btn+.toggle-btn{border-left:1px solid var(--border)}.toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toggle-btn.active{background:var(--accent);color:#fff}.modifier-grid{flex-direction:column;gap:.35rem;max-height:280px;display:flex;overflow-y:auto}.modifier-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding:.4rem .5rem;font-size:.78rem;display:flex}.modifier-item:hover{background:var(--bg-hover);color:var(--text-primary)}.modifier-item.active{color:var(--accent-bright);background:#4a6fa51f}.modifier-check{border:1.5px solid var(--border);width:14px;height:14px;transition:all var(--transition);background:0 0;border-radius:3px;flex-shrink:0}.modifier-item.active .modifier-check{background:var(--accent);border-color:var(--accent)}.selection-summary{background:var(--bg-raised);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.summary-count{color:var(--text-secondary);font-size:.85rem}.summary-count span{color:var(--accent-bright);font-weight:700}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.results-meta{color:var(--text-muted);font-size:.82rem}.results-list{flex-direction:column;gap:1rem;display:flex}.regimen-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);overflow:hidden}.regimen-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-md)}.regimen-card.top-result{border-color:#34d3994d;box-shadow:0 0 20px #34d3990d}.card-header{background:var(--bg-raised);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.card-rank{background:var(--bg-base);border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.card-rank.rank-1{color:#fff;background:linear-gradient(135deg,#34d399,#059669);border:none}.card-agents{flex-wrap:wrap;flex:1;gap:.4rem;display:flex}.agent-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:999px;padding:.3rem .75rem;font-size:.82rem;font-weight:600}.card-badges{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.badge{border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:flex}.badge-narrow-High{color:var(--narrow-high);background:#34d39926;border:1px solid #34d39933}.badge-narrow-Moderate{color:var(--narrow-mod);background:#fbbf241f;border:1px solid #fbbf2433}.badge-narrow-Low{color:var(--narrow-low);background:#f973161f;border:1px solid #f9731633}.badge-narrow-very{color:var(--narrow-broad);background:#f871711f;border:1px solid #f8717133}.badge-eco-1,.badge-eco-2{color:var(--reliable);background:#34d3991a}.badge-eco-3{color:var(--variable);background:#fbbf241a}.badge-eco-4,.badge-eco-5{color:var(--none);background:#f871711a}.card-body{grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem;display:grid}@media (width<=640px){.card-body{grid-template-columns:1fr}}.coverage-section{flex-direction:column;gap:.5rem;display:flex}.cov-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:600}.cov-list{flex-direction:column;gap:.3rem;display:flex}.cov-item{align-items:center;gap:.5rem;padding:.2rem 0;font-size:.82rem;display:flex}.cov-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex}.cov-icon.reliable{background:var(--reliable-bg);color:var(--reliable)}.cov-icon.variable{background:var(--variable-bg);color:var(--variable)}.cov-icon.poor{background:var(--poor-bg);color:var(--poor)}.cov-icon.none{background:var(--none-bg);color:var(--none)}.cov-icon.intrinsic_resistance{background:var(--intrinsic-bg);color:var(--intrinsic)}.cov-icon.inappropriate{background:var(--inappropriate-bg);color:var(--inappropriate)}.cov-icon.extra{color:var(--variable);background:#fbbf2414}.card-warnings{flex-direction:column;gap:.5rem;padding:0 1.25rem 1.25rem;display:flex}.warning-item{border-radius:var(--radius-sm);gap:.6rem;padding:.6rem .75rem;font-size:.78rem;line-height:1.5;display:flex}.warning-item.warn{background:var(--warn-bg);color:var(--warn);border:1px solid #fbbf2433}.warning-item.promote{background:var(--reliable-bg);color:var(--reliable);border:1px solid #34d39933}.warning-item.demote{background:var(--danger-bg);color:var(--danger);border:1px solid #f8717126}.warning-item.require_combination{background:var(--inappropriate-bg);color:var(--inappropriate);border:1px solid #a78bfa33}.warning-icon{flex-shrink:0;margin-top:.1rem}.no-results{text-align:center;color:var(--text-muted);padding:4rem 2rem}.no-results-title{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.reverse-layout{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.reverse-layout{grid-template-columns:1fr}}.abx-picker{flex-direction:column;gap:.3rem;display:flex}.abx-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.82rem;display:flex}.abx-item:hover{background:var(--bg-hover);color:var(--text-primary)}.abx-item.selected{color:var(--accent-bright);background:#4a6fa51f;border-color:#4a6fa54d}.abx-class-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem;padding:.3rem .75rem;font-size:.68rem;font-weight:600}.reverse-results-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.reverse-results-grid{grid-template-columns:1fr}}.reverse-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.reverse-section-header{background:var(--bg-raised);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.4rem;padding:.75rem 1rem;font-size:.75rem;font-weight:600;display:flex}.reverse-section-header.reliable{color:var(--reliable)}.reverse-section-header.variable{color:var(--variable)}.reverse-section-header.missed{color:var(--none)}.reverse-section-header.intrinsic{color:var(--intrinsic)}.reverse-section-header.inappropriate{color:var(--inappropriate)}.reverse-org-list{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.reverse-org-item{color:var(--text-secondary);align-items:center;gap:.5rem;padding:.3rem .25rem;font-size:.82rem;display:flex}.reverse-org-item .gram-dot{width:6px;height:6px}.section-title{margin-bottom:.25rem;font-size:1.3rem;font-weight:700}.section-sub{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:500}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.empty-state-icon{opacity:.4;font-size:2.5rem}.empty-state-title{color:var(--text-secondary);font-size:1rem;font-weight:600}.empty-state-body{max-width:320px;font-size:.82rem;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s both fadeIn}.fade-in-delay{animation:.2s 60ms both fadeIn}.spectrum-view{flex-direction:column;gap:1.25rem;display:flex}.spectrum-view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.spectrum-controls{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.spectrum-search{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);width:220px;transition:border-color var(--transition);padding:.45rem .85rem;font-family:inherit;font-size:.85rem}.spectrum-search:focus{border-color:var(--border-focus);outline:none}.spectrum-search::placeholder{color:var(--text-muted)}.spectrum-gram-filters{flex-wrap:wrap;gap:.3rem;display:flex}.spectrum-gram-btn{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;transition:all var(--transition);border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:500}.spectrum-gram-btn:hover{border-color:var(--gram-colour,var(--border-focus));color:var(--text-primary)}.spectrum-gram-btn.active{background:color-mix(in srgb, var(--gram-colour,var(--accent)) 15%, transparent);border-color:var(--gram-colour,var(--accent));color:var(--gram-colour,var(--accent-bright))}.spectrum-legend{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.spectrum-legend-item{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.spectrum-legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.spectrum-layout{align-items:flex-start;gap:1.25rem;min-height:0;display:flex}.spectrum-donut-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:220px;transition:opacity var(--transition), border-color var(--transition);opacity:.5;flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex;position:sticky;top:80px}.spectrum-donut-panel.visible{opacity:1;border-color:var(--border-focus)}.donut-panel-name{color:var(--text-primary);text-align:center;font-size:.95rem;font-weight:700}.donut-panel-class{color:var(--text-muted);text-transform:capitalize;text-align:center;margin-top:-.5rem;font-size:.7rem}.donut-breakdown{flex-direction:column;gap:.3rem;width:100%;display:flex}.donut-row{grid-template-rows:auto 3px;grid-template-columns:10px 1fr auto;align-items:center;gap:.2rem .4rem;display:grid}.donut-swatch{border-radius:2px;grid-row:1;width:10px;height:10px}.donut-label{color:var(--text-secondary);grid-row:1;font-size:.72rem}.donut-count{color:var(--text-primary);grid-row:1;font-size:.72rem;font-weight:600}.donut-bar{border-radius:2px;grid-area:2/1/auto/-1;height:3px;transition:width .4s}.donut-notes{color:var(--text-muted);border-top:1px solid var(--border);width:100%;padding-top:.6rem;font-size:.73rem;line-height:1.5}.donut-notes p+p{margin-top:.3rem}.donut-badges{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.badge-route{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:500}.badge-warn{background:var(--warn-bg);color:var(--warn);border:1px solid #fbbf244d;border-radius:999px;padding:.15rem .5rem;font-size:.68rem}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid #60a5fa33;border-radius:999px;padding:.15rem .5rem;font-size:.68rem}.donut-placeholder{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.donut-placeholder-icon{opacity:.3;font-size:2rem}.donut-placeholder p{color:var(--text-muted);font-size:.78rem;line-height:1.5}.spectrum-matrix-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);flex:1;min-width:0;overflow:auto visible}.spectrum-matrix{grid-template-columns:160px repeat(var(--org-count,1), minmax(28px, 1fr));width:100%;min-width:max-content;display:grid}.spectrum-corner{background:var(--bg-surface);border-bottom:1px solid var(--border);border-right:1px solid var(--border);z-index:4;position:sticky;left:0}.spectrum-col-group-header{text-align:center;letter-spacing:.6px;text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:.4rem .25rem;font-size:.67rem;font-weight:700;overflow:hidden}.spectrum-row-spacer{background:var(--bg-surface);border-bottom:1px solid var(--border);border-right:1px solid var(--border);z-index:4;position:sticky;left:0}.spectrum-col-header{color:var(--text-muted);text-align:center;border-bottom:1px solid var(--border);writing-mode:vertical-lr;white-space:nowrap;text-overflow:ellipsis;max-height:110px;padding:.4rem .2rem;font-size:.62rem;line-height:1.2;overflow:hidden;transform:rotate(180deg)}.spectrum-class-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);background:var(--bg-raised);border-bottom:1px solid var(--border);padding:.3rem .6rem;font-size:.68rem;font-weight:700}.spectrum-row-label{color:var(--text-secondary);border-bottom:1px solid #2a2f4280;border-right:1px solid var(--border);cursor:pointer;background:var(--bg-surface);z-index:3;transition:background var(--transition), color var(--transition);white-space:nowrap;text-overflow:ellipsis;padding:.2rem .6rem;font-size:.78rem;position:sticky;left:0;overflow:hidden}.spectrum-row-label:hover{background:var(--bg-hover);color:var(--text-primary)}.spectrum-row-label.selected{background:var(--accent-glow);color:var(--accent-bright);border-right-color:var(--border-focus)}.spectrum-cell{cursor:default;width:100%;min-height:22px;transition:filter var(--transition), transform var(--transition);border-bottom:1px solid #2a2f4280}.spectrum-cell:hover{filter:brightness(1.3);z-index:2;position:relative}.spectrum-cell.row-selected{outline:1px inset #4a6fa540}.spectrum-cell.activity-empty{opacity:.6;background:#0d0f14}.spectrum-tooltip{z-index:200;background:var(--bg-card);border:1px solid var(--border-focus);border-radius:var(--radius-md);pointer-events:none;max-width:280px;box-shadow:var(--shadow-lg);padding:.75rem 1rem;animation:.12s fadeIn;position:fixed}.spectrum-tooltip-header{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.4rem;display:flex}.spectrum-tooltip-ab{color:var(--text-primary);font-size:.82rem;font-weight:600}.spectrum-tooltip-sep{color:var(--text-muted);font-size:.72rem}.spectrum-tooltip-org{color:var(--text-secondary);font-size:.78rem}.spectrum-tooltip-activity{margin-bottom:.3rem;font-size:.85rem;font-weight:600}.spectrum-tooltip-notes{color:var(--text-muted);font-size:.75rem;line-height:1.5}.spectrum-tooltip-notes p+p{margin-top:.2rem}.spectrum-tooltip-evidence{color:var(--text-muted);text-transform:capitalize;letter-spacing:.3px;margin-top:.4rem;font-size:.68rem}.spectrum-reset-btn{color:#f87171;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#f8717114;border:1px solid #f8717166;border-radius:999px;padding:.35rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500}.spectrum-reset-btn:hover{background:#f8717129;border-color:#f87171b3}.spectrum-pin-bar{border-radius:var(--radius-md);background:#4a6fa50f;border:1px solid #4a6fa533;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.78rem;display:flex}.spectrum-pin-label{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.spectrum-pin-chip{border:1px solid var(--border-focus);color:var(--accent-bright);cursor:pointer;transition:all var(--transition);background:#4a6fa526;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-family:inherit;font-size:.72rem;font-weight:500;display:flex}.spectrum-pin-chip:hover{color:#f87171;background:#f871711f;border-color:#f8717166}.spectrum-pin-chip-x{opacity:.6;font-size:.65rem}.spectrum-pin-clear{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:4px;margin-left:auto;padding:.15rem .35rem;font-family:inherit;font-size:.7rem}.spectrum-pin-clear:hover{color:#f87171}.spectrum-col-group-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition), color var(--transition);border-radius:4px 4px 0 0;position:relative}.spectrum-col-group-header.clickable:hover{background:color-mix(in srgb, var(--gram-colour,var(--accent)) 12%, transparent)!important}.spectrum-group-pin-count{opacity:.75;vertical-align:middle;background:#ffffff26;border-radius:999px;margin-left:.4rem;padding:.05rem .3rem;font-size:.6rem;display:inline-block}.spectrum-col-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition), color var(--transition), border-color var(--transition);position:relative}.spectrum-col-header.clickable:hover{color:var(--text-primary);background:var(--bg-hover)}.spectrum-col-header.org-pinned{font-weight:600}.org-pin-indicator{text-align:center;letter-spacing:0;margin-top:.15rem;font-size:.5rem;display:block}.spectrum-cell.col-pinned{outline-offset:-1px;outline:1px solid #4a6fa54d}.spectrum-class-count{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.05rem .35rem;font-size:.62rem;font-weight:400;display:inline-block}.spectrum-empty-filter{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.85rem;display:flex}@media (width<=640px){.app-header{height:56px;padding:0 1rem}.app-content{padding:1.25rem 1rem}.app-logo-text{font-size:1rem}.nav-btn{padding:.4rem .65rem;font-size:.78rem}.spectrum-donut-panel{display:none}.spectrum-layout,.spectrum-view-header{flex-direction:column}.spectrum-controls{align-items:flex-start}.spectrum-search{width:100%}}