:root{color:#172033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(14,116,144,.14),transparent 32rem),#f5f7fb}button,input,select{font:inherit}a{color:#0f766e}.app-shell{max-width:1440px;margin:0 auto;padding:28px}.hero{display:grid;gap:10px;margin-bottom:22px;padding:34px;border:1px solid rgba(15,118,110,.16);border-radius:28px;background:#ffffffdb;box-shadow:0 20px 70px #17203314}.hero h1{max-width:820px;margin:0;color:#102033;font-size:clamp(2.1rem,5vw,4.7rem);line-height:.96;letter-spacing:-.06em}.hero p{max-width:760px;margin:0;color:#4b5563;font-size:1.08rem}.eyebrow{color:#0f766e!important;font-size:.8rem!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.guidance-panel,.panel-card,.metric-card,.explanation-card,.chart-card,.error-card{border:1px solid rgba(148,163,184,.28);border-radius:22px;background:#ffffffeb;box-shadow:0 12px 40px #17203312}.guidance-panel{margin-bottom:22px;padding:22px 24px;border-left:4px solid #5bc0de;border-radius:0 18px 18px 0;background:#e8f4f8;box-shadow:none}.guidance-panel h2{margin:0 0 12px;color:#31708f;font-size:1.2rem;font-weight:800}.guidance-panel p,.guidance-panel li{color:#31708f}.guidance-panel p{margin:0}.guidance-panel ol{display:grid;gap:8px;margin:0;padding-left:1.25rem}.metric-card span{color:#0f766e;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.metric-card p,.chart-copy p,.explanation-card p,.field-help,.power-calculator p{margin:6px 0 0;color:#5b6472}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.controls-panel{position:sticky;top:18px;display:grid;gap:16px}.panel-card{padding:20px}.panel-card h2,.chart-copy h2,.explanation-card h2{margin:0 0 16px;color:#172033;font-size:1rem;letter-spacing:-.01em}.field{display:grid;gap:7px;margin-bottom:16px}.field:last-child{margin-bottom:0}.field-label{color:#344054;font-size:.9rem;font-weight:700}.field-control{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#172033;outline:none;transition:border .18s ease,box-shadow .18s ease}.field-control:focus{border-color:#0f766e;box-shadow:0 0 0 4px #0f766e24}.analysis-select{font-weight:700}.field-help{font-size:.82rem;line-height:1.35}.checkbox-row{display:flex;gap:10px;align-items:center;color:#344054;font-weight:700}.checkbox-row input{width:18px;height:18px;accent-color:#0f766e}.derived-value,.calculator-result{padding:11px 12px;border-radius:14px;background:#ecfeff;color:#155e75;font-size:.92rem}.primary-button{width:100%;min-height:44px;border:0;border-radius:14px;background:#0f766e;color:#fff;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease}.primary-button:hover{background:#115e59;transform:translateY(-1px)}.results-panel{display:grid;gap:18px;min-width:0}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px}.metric-card.primary{background:linear-gradient(135deg,#0f766e,#0891b2)}.metric-card.primary span,.metric-card.primary strong,.metric-card.primary p{color:#fff}.metric-card strong{display:block;margin-top:8px;color:#172033;font-size:clamp(1.55rem,3vw,2.4rem);line-height:1}.explanation-card,.chart-card,.error-card{padding:22px}.explanation-card p{font-size:1rem}.chart-card{display:grid;gap:16px}.chart-copy{max-width:820px}.chart-shell{min-height:450px;width:100%;overflow:hidden}.chart-shell svg{display:block;width:100%;height:auto}.chart-title{fill:#172033;font-size:18px;font-weight:800}.axis-label{fill:#344054;font-size:13px;font-weight:800}.chart-callout{fill:#172033;font-size:14px;font-weight:800}.chart-note{fill:#5b6472;font-size:12px;font-weight:600}.chart-note-red{fill:#dc2626}.grid line{stroke:#e5e7eb;stroke-width:1}.grid path{display:none}.error-card{border-color:#dc262647;background:#fef2f2;color:#7f1d1d}.error-card ul{margin:8px 0 0;padding-left:20px}.footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px 0 8px;color:#667085;font-size:.9rem}@media (max-width: 1120px){.workspace{grid-template-columns:1fr}.controls-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-shell{padding:16px}.hero{padding:24px;border-radius:22px}.controls-panel,.summary-grid{grid-template-columns:1fr}}