:root{color:#20242c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--border:#d8dee8;--muted:#657083;--ink:#20242c;--paper:#fff;--teal:#0e7c7b;--blue:#2364aa;--red:#d1495b;--amber:#f0a202;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1440px,100%);margin:0 auto;padding:32px}.app-header{grid-template-columns:minmax(420px,1.1fr) minmax(280px,.9fr);align-items:end;gap:24px;padding:12px 0 28px;display:grid}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:#111827;letter-spacing:0;margin-bottom:0;font-size:clamp(2rem,4vw,4rem);line-height:1.05}.header-copy{gap:10px;display:grid}.header-copy p{color:var(--muted);margin:0;font-size:1rem;line-height:1.75}.header-copy .fact-note{color:#245d5b;background:#eef7f6;border:1px solid #dbe8e6;border-radius:8px;padding:10px 12px;font-size:.9rem;font-weight:750;line-height:1.6}.workspace{grid-template-columns:minmax(480px,560px) minmax(520px,1fr);align-items:start;gap:24px;display:grid}.insight-stack{gap:24px;display:grid}.panel{border:1px solid var(--border);background:var(--paper);border-radius:8px;box-shadow:0 18px 45px #1a274414}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-header h2,.condition-group h3{color:#111827;margin:0}.control-panel{padding:20px;position:sticky;top:20px}.compare-toggle{min-height:36px;color:var(--ink);white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:inline-flex}.compare-toggle input{width:18px;height:18px;accent-color:var(--teal)}.segmented{border:1px solid var(--border);background:#eef2f7;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:5px;display:grid}.segmented button,.preset-grid button{color:#263243;background:0 0;border:0;border-radius:6px;min-height:42px;font-weight:800}.segmented button.active{color:#fff;background:var(--teal)}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 22px;display:grid}.preset-grid button{border:1px solid var(--border);background:#fff;font-size:.9rem}.preset-grid button:hover{border-color:var(--blue);color:var(--blue)}.condition-group{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:18px;display:grid}.condition-group+.condition-group{margin-top:20px}.condition-group h3{grid-column:1/-1;font-size:.95rem}.condition-row{background:#fbfcfe;border:1px solid #e4e9f1;border-radius:8px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px 12px;padding:12px;display:grid}.condition-row.is-enabled{background:#f4fbfa;border-color:#0e7c7b5c}.condition-age{grid-column:1/-1}.toggle{justify-content:center;align-items:center;width:46px;height:30px;display:inline-flex}.toggle input{opacity:0;position:absolute}.toggle span{background:#c5cfdc;border-radius:999px;width:42px;height:24px;transition:background .16s,transform .16s;display:block;position:relative}.toggle span:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000038}.toggle input:checked+span{background:var(--teal)}.toggle input:checked+span:after{transform:translate(18px)}.condition-copy{min-width:0}.condition-title{color:#111827;font-weight:850}.condition-description{color:var(--muted);margin-top:2px;font-size:.82rem;line-height:1.35}.condition-control{grid-column:1/-1}select,.static-pill{border:1px solid var(--border);color:#111827;background:#fff;border-radius:6px;width:100%;min-height:40px;font-weight:700;display:block}select{padding:0 34px 0 12px}select:disabled{color:#94a3b8;background:#f1f5f9}.static-pill{color:var(--teal);align-items:center;padding:0 12px;display:inline-flex}.range-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.range-control label{gap:5px;display:grid}.range-control span,.range-hint{color:var(--muted);font-size:.76rem;font-weight:800}.range-hint{margin-top:6px;display:block}.result-panel{padding:24px;overflow:hidden}.result-topline{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;font-weight:800;display:flex}.result-topline strong{color:#fff;background:var(--teal);border-radius:6px;padding:6px 10px}.tone-narrow .result-topline strong{background:var(--amber);color:#111827}.tone-rare .result-topline strong{background:var(--red)}.tone-mythic .result-topline strong{background:#111827}.hero-number{margin:20px 0 24px}.hero-label{color:var(--muted);margin-bottom:6px;font-weight:800;display:block}.hero-number strong{color:#111827;letter-spacing:0;font-size:clamp(3rem,10vw,7rem);line-height:.95;display:block}.ratio-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ratio-grid div,.average-comparison{border:1px solid var(--border);background:#f8fafc;border-radius:8px}.ratio-grid div{gap:6px;padding:14px;display:grid}.ratio-grid span,.average-comparison span{color:var(--muted);font-size:.84rem;font-weight:750}.ratio-grid strong{color:#111827;font-size:1.35rem}.average-comparison{margin-top:14px;padding:14px}.average-comparison>div:first-child{justify-content:space-between;align-items:center;gap:16px;display:flex}.average-comparison strong{color:#111827}.comparison-meter,.comparison-bar{background:#dfe6f0;border-radius:999px;height:12px;overflow:hidden}.comparison-meter{margin:12px 0}.comparison-meter span,.comparison-bar span{border-radius:inherit;background:var(--red);height:100%;display:block}.average-comparison p{color:var(--muted);margin:0}.average-comparison p strong{color:var(--red);margin:0 4px}.chart-panel,.comparison-panel{padding:22px}.chart-note{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:800}.fermi-callout{background:#eef7f6;border:1px solid #b8deda;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px;padding:12px 14px;display:flex}.fermi-callout strong{color:var(--teal);font-size:.95rem}.fermi-callout span{color:#31505c;font-size:.9rem;font-weight:700;line-height:1.45}.chart-box{background:#fff;border:1px solid #e4e9f1;border-radius:8px;padding:14px}.funnel-bars{gap:10px;display:grid}.funnel-bar-row{grid-template-columns:110px minmax(0,1fr) 76px;align-items:center;gap:12px;min-height:30px;display:grid}.funnel-bar-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;overflow:hidden}.funnel-bar-track{background:#e6ebf2;border-radius:999px;height:16px;overflow:hidden}.funnel-bar-track span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--red));height:100%;display:block}.funnel-bar-row strong{color:#111827;text-align:right;font-size:.9rem;font-weight:900}.step-list{gap:10px;margin-top:16px;display:grid}.step-item{background:#fbfcfe;border:1px solid #e4e9f1;border-radius:8px;grid-template-columns:42px minmax(0,1.1fr) minmax(190px,.9fr);align-items:stretch;gap:14px;padding:14px;display:grid}.step-index{background:var(--red);color:#fff;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.step-main{min-width:0}.step-main strong,.comparison-label strong{color:#111827;display:block}.step-main span,.comparison-label span{color:var(--muted);margin-top:2px;font-size:.82rem;line-height:1.45;display:block}.step-flow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:.92rem;font-weight:800;display:flex}.step-flow b{color:var(--red)}.step-metrics{align-content:center;gap:8px;min-width:0;display:grid}.step-count-line{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.step-count-line span{color:var(--muted);font-size:.78rem;font-weight:800}.step-count-line strong{color:#111827;text-align:right;font-size:1.25rem;line-height:1}.step-bar{background:#dfe6f0;border-radius:999px;height:10px;overflow:hidden}.step-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--red));height:100%;display:block}.step-ratio{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.8rem;font-weight:800;display:flex}.step-ratio em{color:var(--red);font-style:normal;font-weight:850}.comparison-panel{gap:16px;display:grid}.comparison-row{grid-template-columns:minmax(150px,220px) minmax(120px,1fr) minmax(140px,auto);align-items:center;gap:16px;display:grid}.comparison-row em{color:#111827;text-align:right;font-style:normal;font-weight:850}@media (width<=1180px){.app-header,.workspace{grid-template-columns:1fr}.control-panel{position:static}}@media (width<=680px){.app-shell{padding:18px}.app-header{padding-bottom:18px}.preset-grid,.ratio-grid,.comparison-row{grid-template-columns:1fr}.condition-row{grid-template-columns:42px minmax(0,1fr)}.condition-group{grid-template-columns:1fr}.condition-control{grid-column:1/-1}.step-item{grid-template-columns:1fr;gap:6px}.chart-box{padding:12px}.range-control{grid-template-columns:1fr}.funnel-bar-row{grid-template-columns:1fr;gap:6px}.funnel-bar-row strong{text-align:left}}