@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Hanken+Grotesk:ital,wght@0,300..800;1,400..600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--sand-50: #fcfaf5;--sand-100: #f7f1e7;--sand-200: #eee5d5;--sand-300: #e1d3bc;--sand-400: #cbb897;--sand-500: #ae9a74;--sand-600: #8a7857;--sand-700: #685a42;--sand-800: #463d2e;--sand-900: #2b251c;--lagoon-50: #e7f7f4;--lagoon-100: #c7ece6;--lagoon-200: #97ddd3;--lagoon-300: #5fc8bb;--lagoon-400: #34aea1;--lagoon-500: #199386;--lagoon-600: #11786d;--lagoon-700: #0e5f57;--lagoon-800: #0c4943;--sky-300: #8ebad3;--sky-400: #649cbc;--sky-500: #467e9f;--sun-300: #efc274;--sun-400: #e3a249;--sun-500: #c9842f;--coral-100: #f8e2d9;--coral-400: #cc7355;--coral-500: #b0573b;--surface-page: var(--sand-50);--surface-raised: #ffffff;--surface-sunk: var(--sand-100);--surface-inset: var(--sand-200);--text-strong: var(--sand-900);--text-body: var(--sand-800);--text-muted: var(--sand-600);--text-soft: var(--sand-500);--brand: var(--lagoon-500);--brand-hover: var(--lagoon-600);--brand-press: var(--lagoon-700);--brand-soft: var(--lagoon-50);--success: var(--lagoon-500);--warning: var(--sun-400);--danger: var(--coral-500);--info: var(--sky-400);--border: var(--sand-300);--border-soft: var(--sand-200);--font-display: "Instrument Serif", Georgia, serif;--font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-display: clamp(2.25rem, 2.5vw + 1rem, 3rem);--fs-h1: 2.125rem;--fs-h2: 1.625rem;--fs-h3: 1.3125rem;--fs-body: 1rem;--fs-body-sm: .9375rem;--fs-caption: .8125rem;--fs-micro: .6875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(75, 61, 46, .07), 0 1px 2px rgba(75, 61, 46, .05);--shadow-md: 0 6px 16px -4px rgba(75, 61, 46, .12), 0 2px 6px -2px rgba(75, 61, 46, .08);--shadow-lg: 0 18px 40px -12px rgba(58, 48, 36, .18), 0 6px 14px -6px rgba(75, 61, 46, .1);--container-max: 1240px}*{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text-strong);font-weight:600;line-height:1.18;margin:0}h1{font-family:var(--font-display);font-weight:400;font-size:var(--fs-display);letter-spacing:-.01em}.mono,td.num,.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:var(--fs-micro);font-weight:600;color:var(--text-soft)}.app{max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.app-header p{margin:var(--space-2) 0 0;color:var(--text-muted);max-width:58ch}.layout{display:grid;grid-template-columns:300px 1fr;gap:var(--space-5);align-items:start}@media (max-width: 880px){.layout{grid-template-columns:1fr}}.card{background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.card h2{font-size:var(--fs-h3);margin-bottom:var(--space-4)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:var(--fs-caption);font-weight:600;color:var(--text-muted);margin-bottom:var(--space-2)}.input,.select{width:100%;padding:10px 12px;font:inherit;color:var(--text-strong);background:var(--surface-page);border:1px solid var(--border);border-radius:var(--radius-sm)}.input:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.pool-input{font-family:var(--font-mono);font-size:1.25rem;font-weight:600}.row{display:flex;gap:var(--space-2);align-items:center}.row>*{flex:1}.seg{display:inline-flex;background:var(--surface-sunk);border-radius:var(--radius-pill);padding:3px;gap:2px}.seg button{border:0;background:transparent;color:var(--text-muted);padding:5px 12px;border-radius:var(--radius-pill);font:inherit;font-size:var(--fs-caption);cursor:pointer}.seg button.active{background:var(--surface-raised);color:var(--text-strong);box-shadow:var(--shadow-sm)}input[type=range]{width:100%;accent-color:var(--brand)}.weight-readout{display:flex;justify-content:space-between;font-size:var(--fs-caption);color:var(--text-muted);margin-top:var(--space-1)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border-soft)}.toggle:last-child{border-bottom:0}.toggle .label{font-size:var(--fs-body-sm);color:var(--text-body)}.switch{position:relative;width:40px;height:22px;border-radius:var(--radius-pill);border:0;background:var(--sand-300, #ccc);cursor:pointer;transition:background .14s ease;flex:0 0 auto}.switch[data-on=true]{background:var(--brand)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .14s ease}.switch[data-on=true]:after{transform:translate(18px)}.btn{border:0;border-radius:var(--radius-pill);padding:9px 16px;font:inherit;font-weight:600;font-size:var(--fs-body-sm);cursor:pointer;background:var(--brand);color:#fff;transition:background .14s ease}.btn:hover{background:var(--brand-hover)}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--border)}.btn.ghost:hover{background:var(--brand-soft)}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.pool-summary{font-size:var(--fs-caption);color:var(--text-muted)}.pool-summary b{font-family:var(--font-mono);color:var(--text-strong)}table.alloc{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}table.alloc th,table.alloc td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-soft)}table.alloc th{font-size:var(--fs-caption);font-weight:600;color:var(--text-muted);white-space:nowrap}table.alloc td.num,table.alloc th.num{text-align:right}table.alloc tr.below td{color:var(--text-soft)}table.alloc td.bonus{font-weight:600;color:var(--text-strong)}.th-sort{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap}.th-sort:hover,.th-sort.active{color:var(--brand-press)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:var(--fs-micro);font-weight:600}.badge.above{background:var(--brand-soft);color:var(--brand-press)}.badge.below{background:var(--surface-sunk);color:var(--text-soft)}.draw-pos{color:var(--success);font-weight:600}.draw-neg{color:var(--danger)}.flag{display:inline-block;font-size:var(--fs-micro);color:var(--warning);margin-left:6px}.expand-btn{border:0;background:transparent;color:var(--brand);cursor:pointer;font:inherit;font-size:var(--fs-caption);padding:0}.drill{background:var(--surface-sunk);font-size:var(--fs-caption)}.drill dl{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-2) var(--space-4)}.drill dt{color:var(--text-muted)}.drill dd{margin:0;font-family:var(--font-mono);color:var(--text-strong)}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand-press);font-size:var(--fs-body-sm);margin-bottom:var(--space-4)}.notice.warn{background:#fbeed5;color:var(--sun-500, #c9842f)}.muted{color:var(--text-muted);font-size:var(--fs-caption)}.dropzone{border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--fs-caption);cursor:pointer}.dropzone.ok{border-color:var(--brand);color:var(--brand-press)}.tabs{display:inline-flex;gap:2px;background:var(--surface-sunk);border-radius:var(--radius-pill);padding:3px;margin-bottom:var(--space-4)}.tabs button{border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;font-size:var(--fs-body-sm);padding:7px 16px;border-radius:var(--radius-pill);cursor:pointer}.tabs button.active{background:var(--surface-raised);color:var(--text-strong);box-shadow:var(--shadow-sm)}.loadbar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.why{padding:var(--space-2) 0}.why-summary{font-weight:600;color:var(--text-strong);margin:0 0 var(--space-2)}.why-reasons{margin:0 0 var(--space-3);padding-left:1.1rem;color:var(--text-body)}.why-reasons li{margin-bottom:4px}.why-flags{margin:0 0 var(--space-3);padding-left:0;list-style:none;color:var(--warning);font-size:var(--fs-caption)}.why-numbers{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--fs-caption);color:var(--text-muted);padding:var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.glossary{margin:var(--space-2) 0 0;display:grid;gap:var(--space-2)}.glossary dt{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--brand-press)}.glossary dd{margin:0 0 var(--space-1);font-size:var(--fs-caption);color:var(--text-muted)}table.alloc.compare th,table.alloc.compare td{padding:8px 10px;white-space:nowrap}.rate-input{width:92px;text-align:right;padding:6px 8px;font-family:var(--font-mono)}.badge.sometimes{background:var(--sun-300, #efc274);color:var(--sand-900, #2b251c)}.conn{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;background:var(--surface-sunk);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.conn-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:var(--success);box-shadow:0 0 0 3px var(--brand-soft)}.conn-meta{flex:1;min-width:0}.conn-host{font-size:var(--fs-body-sm);font-weight:600;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-help{font-size:var(--fs-caption);line-height:1.5;color:var(--text-muted);background:var(--surface-sunk);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:var(--space-4)}.conn-help strong{color:var(--text-strong)}.conn-help code{font-family:var(--font-mono);font-size:.85em;background:var(--surface-inset);padding:1px 5px;border-radius:5px}.conn-help a{color:var(--brand-press);font-weight:600;white-space:nowrap}.staff-analysis{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);background:var(--brand-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.staff-analysis .eyebrow{color:var(--brand-press)}.staff-analysis p{margin:var(--space-2) 0 0}.staff-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2)}.staff-stat{min-width:96px}.staff-stat-value{font-size:1.5rem;font-weight:600;color:var(--brand-press);line-height:1.1}.staff-stat-label{font-size:var(--fs-caption);color:var(--text-muted);margin-top:2px}.qm{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;border-radius:50%;border:1px solid var(--text-soft);color:var(--text-muted);font-size:10px;font-weight:700;line-height:1;cursor:help;vertical-align:middle}.qm:hover,.qm:focus{border-color:var(--brand);color:var(--brand-press);outline:none}.qm-pop{position:fixed;z-index:1000;width:260px;max-width:calc(100vw - 24px);padding:10px 12px;background:var(--surface-raised);color:var(--text-body);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-family:var(--font-sans);font-size:var(--fs-caption);font-weight:400;line-height:1.45;letter-spacing:0;text-align:left;white-space:normal;text-transform:none;pointer-events:none}.staff-stat-sub{font-size:var(--fs-micro);margin-top:2px}.band-strong{color:var(--success);font-weight:600}.band-mid{color:var(--text-muted);font-weight:600}.band-low{color:var(--danger);font-weight:600}