:root{font-size:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top left,#eff6ff 0,#fff 45%,#f9fafb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-root{min-height:100vh;padding:2.5rem 3rem 3rem;max-width:1800px;margin:0 auto;width:100%;color:#0f172a}.app-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.25rem}.pdf-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s}.pdf-link:hover{background:#e5e7eb;border-color:#9ca3af;color:#111827}.app-header h1{font-size:2rem;margin:0;letter-spacing:-.03em;color:#1d4ed8}.subtitle{margin:.25rem 0 0;color:#6b7280}.layout{display:grid;grid-template-columns:320px minmax(0,1.6fr) 320px;gap:1.5rem}.controls{background:#f9fafb;padding:1.5rem 1.5rem 1.75rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.4);box-shadow:0 18px 45px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls h2{font-size:1.1rem;margin-top:0;margin-bottom:1rem;color:#1f2937}.control-grid{display:flex;flex-direction:column;gap:1rem}.control-group label{display:flex;flex-direction:column;font-size:.85rem;font-weight:500;color:#374151;gap:.35rem}.control-group input[type=range]{width:100%}.value{font-size:.8rem;color:#4b5563}.notes{margin-top:1.25rem;font-size:.8rem;color:#6b7280}.charts-column{display:flex;flex-direction:column;gap:1.25rem}.charts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.charts-header h2{font-size:1.15rem;margin:0;color:#111827;font-weight:600}.axes-toggle{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.axes-toggle:hover{background:#f9fafb;border-color:#9ca3af}.axes-toggle.locked{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.charts{display:grid;grid-template-columns:1fr;gap:1.25rem}.chart-card{background:#fff;border-radius:.75rem;border:1px solid rgba(148,163,184,.4);padding:1.1rem 1.3rem 1.3rem;box-shadow:0 18px 45px #0f172a0f}.chart-card h2{font-size:1rem;margin:0 0 .75rem;color:#111827}.chart-container{height:320px}.strategy-panel{background:#fff;border-radius:.75rem;border:1px solid rgba(148,163,184,.4);padding:1.1rem 1.3rem 1.3rem;box-shadow:0 18px 45px #0f172a0f;display:flex;flex-direction:column;gap:.75rem}.strategy-panel h2{font-size:1rem;margin:0 0 .5rem;color:#111827}.strategy-cards{display:flex;flex-direction:column;gap:.6rem}.strategy-card{border-radius:.6rem;padding:.6rem .7rem;font-size:.8rem;border:1px solid transparent;background:#f9fafb}.strategy-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.strategy-name{font-weight:600}.strategy-metrics{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.metric-label{font-size:.7rem;color:#6b7280}.metric-value{font-size:.8rem;font-weight:600}.strategy-description{margin:0;font-size:.72rem;color:#6b7280}.strategy-card--noFix{border-color:#dbeafe;background:#eff6ff}.strategy-card--fixInPlan{border-color:#dcfce7;background:#ecfdf3}.strategy-card--fixOnFail{border-color:#ffedd5;background:#fff7ed}.strategy-card--fixOnRisk{border-color:#fee2e2;background:#fef2f2}.recommended-card{margin-top:.75rem;padding:.7rem .8rem;border-radius:.7rem;background:#ecfdf3;border:1px solid #bbf7d0}.recommended-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.badge{font-size:.7rem;padding:.1rem .45rem;border-radius:999px;background:#22c55e;color:#f9fafb;font-weight:600}.recommended-header h3{font-size:.9rem;margin:0;color:#14532d}.recommended-copy{margin:0;font-size:.73rem;color:#166534}.control-actions{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.primary-btn,.secondary-btn{border-radius:999px;padding:.55rem .9rem;font-size:.85rem;font-weight:600;border:none;cursor:pointer}.primary-btn{background:linear-gradient(to right,#2563eb,#1d4ed8);color:#f9fafb}.secondary-btn{background:#e5e7eb;color:#111827}@media(max-width:960px){.layout{grid-template-columns:1fr}.controls{order:1}.charts-and-summary{order:2}}