*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-body);font-size:16px;line-height:var(--lh-normal);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;background:var(--bg-gradient, var(--color-bg-primary));transition:background-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}a{color:var(--color-accent-text);text-decoration:none}a:hover{color:var(--color-accent-hover)}::selection{background:var(--color-accent-subtle);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--font-sm);font-weight:var(--fw-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap;user-select:none;background:none;color:var(--color-text-primary)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--color-accent);border-color:var(--color-accent-border)}.btn-secondary:hover{background:var(--color-accent-subtle);border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-base)}.btn-icon{padding:var(--space-2);width:var(--row-h);height:var(--row-h);border-radius:var(--radius-sm)}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-base);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.input::placeholder{color:var(--color-text-muted)}.input-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-lg);border-radius:var(--radius-md)}.textarea{resize:vertical;min-height:calc(var(--row-h) * 2);font-family:var(--font-body)}.select{padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-sm);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238d95a6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-3) + 16px)}.select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.card-elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.card-flat{border:none;background:var(--color-bg-secondary)}.card-inset{background:var(--color-bg-inset);border-color:transparent}.card-interactive{cursor:pointer;text-decoration:none;display:block;color:inherit}.card-interactive:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-glow);text-decoration:none}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:var(--font-body);font-size:var(--font-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-caps);border-radius:var(--radius-full);line-height:1.4;white-space:nowrap}.badge-accent{background:var(--color-accent-subtle);color:var(--color-accent-text)}.badge-blue{background:#4a9eff1f;color:#4a9eff}.badge-green{background:#42b8831f;color:#42b883}.badge-red{background:#e85d751f;color:#e85d75}.badge-purple{background:#9b6dff1f;color:#9b6dff}.badge-amber{background:#c9935a1f;color:#c9935a}.badge-orange{background:#ff8a651f;color:#ff8a65}.badge-cyan{background:#2ec4e01f;color:#2ec4e0}.badge-muted{background:var(--color-bg-hover);color:var(--color-text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-family:var(--font-body);font-size:var(--font-sm);font-weight:var(--fw-medium);color:var(--color-text-secondary);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);white-space:nowrap;user-select:none}.chip:hover{border-color:var(--color-accent-border);color:var(--color-text-primary);background:var(--color-accent-subtle)}.chip-active{background:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--color-accent-border)}.chip-sm{padding:3px 10px;font-size:var(--font-xs)}.chip-removable:after{content:"\d7";margin-left:2px;font-size:1.1em;opacity:.6}.chip-removable:hover:after{opacity:1}.tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--font-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast),border-color var(--duration-fast)}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-accent-text);border-bottom-color:var(--color-accent)}.toggle{position:relative;width:40px;height:22px;background:var(--color-bg-hover);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out);flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--color-text-secondary);border-radius:50%;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast)}.toggle.active{background:var(--color-accent-subtle)}.toggle.active:after{transform:translate(18px);background:var(--color-accent)}.modal-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90vw;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--color-border)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);justify-content:flex-end}.toast-stack{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-sm);display:flex;align-items:center;gap:var(--space-2);min-width:280px;max-width:400px}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.section-heading{font-family:var(--font-display);font-size:var(--font-xl);font-weight:var(--fw-semibold);color:var(--color-text-primary);line-height:var(--lh-tight)}.section-sub{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.label{font-family:var(--font-body);font-size:var(--font-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--color-text-muted)}.display-text{font-family:var(--font-display);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}.mono{font-family:var(--font-mono);font-size:.9em}.divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent);margin:var(--space-4) 0}.code-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-xs);white-space:nowrap}.mesh-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-family:var(--font-mono);font-size:var(--font-xs);color:var(--color-accent-text);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.mesh-chip:hover{background:var(--color-accent);color:var(--color-text-on-accent);text-decoration:none}.config-ref{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:var(--font-xs);color:var(--color-accent2-text);background:var(--color-accent2-subtle);border:1px solid var(--color-accent2-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)}.config-ref:hover{background:var(--color-accent2);color:var(--color-text-on-accent);text-decoration:none}.btn-accent2{background:var(--color-accent2);color:var(--color-text-on-accent);border-color:var(--color-accent2)}.btn-accent2:hover{background:var(--color-accent2-hover)}.badge-accent2{background:var(--color-accent2-subtle);color:var(--color-accent2-text)}.sys-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.evidence-A{background:#42b88326;color:#42b883}.evidence-B{background:#4a9eff26;color:#4a9eff}.evidence-C{background:#f0a03026;color:#f0a030}.evidence-D{background:#e85d7526;color:#e85d75}.severity-mild{color:#42b883}.severity-moderate{color:#f0a030}.severity-severe{color:#e85d75}.severity-critical{color:#f44;font-weight:var(--fw-bold)}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.stat-card-value{font-family:var(--font-display);font-size:var(--font-2xl);font-weight:var(--fw-semibold);color:var(--color-text-primary);line-height:1}.stat-card-label{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--ls-caps)}.info-section{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.info-section:last-child{border-bottom:none}.info-section-title{font-size:var(--font-sm);font-weight:var(--fw-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.info-table{width:100%;border-collapse:collapse;table-layout:fixed}.info-table td{padding:var(--space-1) 0;font-size:var(--font-sm);vertical-align:top;word-wrap:break-word;overflow-wrap:break-word}.info-table td:first-child{color:var(--color-text-muted);width:35%;padding-right:var(--space-3)}.skeleton{background:linear-gradient(90deg,var(--color-bg-hover) 25%,var(--color-bg-active) 50%,var(--color-bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-card{height:120px;border-radius:var(--radius-md)}.progress-bar{height:4px;background:var(--color-bg-hover);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out-expo)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4);opacity:.3}.empty-state-title{font-family:var(--font-display);font-size:var(--font-lg);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--font-sm);max-width:360px;margin:0 auto var(--space-4)}.reading-level{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.reading-level button{padding:var(--space-1) var(--space-3);font-size:var(--font-xs);font-weight:var(--fw-medium);background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--duration-fast);border-right:1px solid var(--color-border)}.reading-level button:last-child{border-right:none}.reading-level button:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.reading-level button.active{color:var(--color-accent-text);background:var(--color-accent-subtle)}.code-block{font-family:var(--font-mono);font-size:var(--font-sm);line-height:var(--lh-relaxed);background:var(--color-bg-inset);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);overflow-x:auto;white-space:pre;tab-size:2}.code-block code{font:inherit;background:none;padding:0}.card-feature{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast)}.card-feature:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent-text);border-radius:var(--radius-md);font-size:24px;flex-shrink:0}.card-feature-title{font-family:var(--font-display);font-size:var(--font-lg);font-weight:var(--fw-semibold);color:var(--color-text-primary)}.card-feature-stat{font-size:var(--font-sm);font-weight:var(--fw-medium);color:var(--color-accent-text)}.card-feature-desc{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:var(--lh-relaxed)}.scroll-thin::-webkit-scrollbar{width:4px}.scroll-thin::-webkit-scrollbar-track{background:transparent}.scroll-thin::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}