:root{--ink:#11221c;--muted:#61716b;--cream:#f5f3ed;--paper:#fff;--line:#dce1dc;--green:#174d3b;--lime:#d8f23f;--orange:#eb7040;--red:#b83b37;--shadow:0 14px 42px rgba(23,50,41,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:36px;background:#112d24;color:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #7da291;border-radius:50%;font-weight:800;color:var(--lime)}nav{display:flex;align-self:stretch;flex:1}.nav-item{border:0;background:none;color:#aac0b7;padding:0 16px;border-bottom:3px solid transparent;cursor:pointer;font-weight:650}.nav-item:hover,.nav-item.active{color:#fff;border-color:var(--lime)}button{font:inherit}.ghost,.secondary{border:1px solid #557568;background:transparent;color:inherit;border-radius:7px;padding:9px 14px;cursor:pointer}.secondary{color:var(--green);border-color:#aab8b1;background:#fff;font-weight:700}main{max-width:1240px;margin:auto;padding:54px 24px 90px}.view{display:none}.view.active{display:block}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;align-items:end;margin-bottom:34px}.eyebrow{font-size:11px;letter-spacing:.15em;font-weight:850;color:#55746a;margin:0 0 10px}.hero h1,.section-title h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.035em;margin:0 0 16px;max-width:800px}.lead{font-size:18px;color:var(--muted);max-width:730px;margin:0}.cohort-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:var(--shadow)}label{display:grid;gap:6px;font-size:12px;color:var(--muted);font-weight:700}input,select{width:100%;padding:10px 11px;border:1px solid #cdd5d0;border-radius:6px;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus{outline:2px solid #b9d75c;border-color:transparent}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric{background:var(--green);color:#fff;padding:21px;border-radius:10px}.metric:nth-child(2){background:#225f4b}.metric:nth-child(3){background:#e8eddf;color:var(--ink)}.metric:nth-child(4){background:var(--lime);color:var(--ink)}.metric span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.72}.metric strong{font:700 30px/1.2 Georgia,serif}.metric small{display:block;opacity:.72;margin-top:3px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2,.panel-head h2{font:700 25px Georgia,serif;margin:0 0 15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 6px;border-bottom:1px solid var(--line)}td{padding:7px 5px;border-bottom:1px solid #eef0ed}td input{width:65px;padding:7px}td:first-child input{width:100px}.computed{font-variant-numeric:tabular-nums;font-weight:750}.delete{border:0;background:none;color:#a05b4a;cursor:pointer;font-size:18px}.hint{color:var(--muted);font-size:12px;margin-bottom:0}.analysis-grid,.planner-grid,.power-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px}.loss-row{display:grid;grid-template-columns:95px 1fr 48px;gap:10px;align-items:center;margin:13px 0}.track{height:9px;border-radius:20px;background:#edf0ea;overflow:hidden}.bar{height:100%;background:var(--orange);border-radius:20px}.loss-row:nth-child(2) .bar{background:#527a68}.loss-row:nth-child(3) .bar{background:var(--red)}.recommendation{background:#142f26;color:#fff}.recommendation .eyebrow{color:var(--lime)}.recommendation p{color:#c6d4ce}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:6px 10px;border:1px solid #526d62;border-radius:20px;font-size:12px}.section-title{margin-bottom:36px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.prediction{padding:35px;background:var(--lime);border-radius:12px;margin-bottom:18px}.prediction strong{display:block;font:700 62px Georgia,serif;line-height:1}.prediction span{display:block;margin-top:8px;color:#4a5920}.break-row{margin:13px 0}.break-label{display:flex;justify-content:space-between;margin-bottom:5px}.break-bar{height:7px;background:#e7ebe7}.break-bar i{display:block;height:100%;background:var(--green)}.factor-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.factor-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.factor-card.winner{border:2px solid var(--green);box-shadow:var(--shadow)}.factor-card h2{font:700 32px Georgia,serif;margin:0}.factor-number{font-size:42px;font-weight:800;margin:20px 0 2px}.factor-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:20px 0}.factor-card dt{color:var(--muted)}.factor-card dd{margin:0;font-weight:750}.verdict{grid-column:1/-1;background:var(--green);color:#fff;padding:22px;border-radius:10px}.formula-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.formula{background:#fff;border:1px solid var(--line);border-radius:10px;padding:25px}.formula>span{color:#9aaa9f;font-weight:800}.formula h2{font:700 23px Georgia,serif;margin:9px 0}.formula code{display:block;background:#eff2eb;padding:13px;border-radius:5px;color:#294b3f;white-space:normal}.formula p{color:var(--muted);margin-bottom:0}footer{background:#0d251d;color:#9db2aa;padding:28px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between}footer span{font-size:12px}@media(max-width:850px){.topbar{height:auto;flex-wrap:wrap;padding:12px 18px;gap:10px}nav{order:3;overflow:auto;width:100%}.nav-item{padding:10px;white-space:nowrap}.ghost{margin-left:auto}.hero,.analysis-grid,.planner-grid,.power-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.factor-results,.formula-grid{grid-template-columns:1fr}.verdict{grid-column:auto}}@media(max-width:520px){main{padding:35px 14px}.metrics,.form-grid{grid-template-columns:1fr}.hero h1,.section-title h1{font-size:40px}.prediction strong{font-size:48px}footer{display:block}}
