@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--bg:#f5f4f1;--surface:#fff;--surface-2:#edebe7;--ink:#151b2b;--ink-muted:#5b6472;--ink-faint:#8a92a0;--border:#ddd9d2;--accent:#b71b9e;--accent-ink:#fff;--accent-soft:#f5e3f1;--self:#f90;--final:gold;--final-stroke:#b8860b;--tier-complete:#1f8f52;--tier-complete-soft:#e4f3ea;--tier-partial:#b8860b;--tier-partial-soft:#f7efdd;--tier-none:#b0463a;--tier-none-soft:#f6e6e3;--shadow:0 1px 2px #151b2b0f, 0 8px 24px -12px #151b2b2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-size:16px}h1,h2,h3,.display{text-wrap:balance;letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-weight:600}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}a{color:var(--accent)}button{font-family:inherit}.btn{appearance:none;cursor:pointer;background:var(--accent);color:var(--accent-ink);border:none;border-radius:12px;padding:13px 22px;font-size:17px;font-weight:600;transition:transform .12s,opacity .12s}.btn:hover{opacity:.92}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.secondary{background:var(--surface-2);color:var(--ink)}.btn.danger{background:var(--tier-none);color:#fff}.btn.small{border-radius:9px;padding:9px 15px;font-size:15px}input,select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:17px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}label{color:var(--ink-muted);font-size:15px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:22px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:600}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.chip{background:var(--surface-2);color:var(--ink);border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:14px;font-weight:600;display:inline-flex}.chip.ongoing{color:var(--tier-complete);border-color:var(--tier-complete)}.chip.completed{color:var(--ink-muted)}.chip.lagging{color:var(--tier-none);border-color:var(--tier-none);background:var(--tier-none-soft)}.chip.waiting{color:var(--tier-partial);border-color:var(--tier-partial);background:var(--tier-partial-soft)}.chip.done{color:var(--tier-complete);border-color:var(--tier-complete);background:var(--tier-complete-soft)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 13px;font-size:15px}th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:480px}.container{max-width:1080px;margin:0 auto;padding:28px 20px 64px}.container.narrow{max-width:720px}.topbar{z-index:5;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 20px;display:flex;position:sticky;top:0}.topbar .brand{font-family:Fraunces,serif;font-size:18px;font-weight:600}.scenario{color:var(--ink);font-size:18px;line-height:1.65}.option{text-align:left;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:15px 17px;display:flex}.option:hover{border-color:var(--ink-faint)}.option.selected{border-color:var(--accent);background:var(--accent-soft)}.option .label{align-items:baseline;gap:10px;display:flex}.option .letter{color:var(--accent);flex:none;width:20px;font-family:IBM Plex Mono,monospace;font-weight:700}.option .text{font-size:17px}.option .costs{color:var(--ink-muted);flex-wrap:wrap;gap:14px;padding-left:30px;font-size:14px;display:flex}@media (width<=640px){.container{padding:20px 20px 48px}.card{border-radius:14px;padding:18px}h1{font-size:clamp(22px,7vw,30px)!important}h2{font-size:clamp(19px,6vw,24px)!important}.scenario{font-size:17px}table{min-width:0}th,td{padding:9px 10px;font-size:13px}}@media (width<=400px){.btn{padding:12px 16px;font-size:16px}}
