:root{--bg:#f2f4f7;--surface:#fff;--ink:#14202e;--ink-soft:#47586c;--line:#d5dce4;--accent:#0b5cad;--accent-ink:#fff;--good:#0d7a3f;--warn:#a05a00;--error:#b3261e;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.45}.app{max-width:640px;margin:0 auto;padding:12px 12px 40px}.app-header{justify-content:space-between;align-items:center;gap:12px;padding:8px 4px 14px;display:flex}.app-header h1{margin:0;font-size:1.35rem}.app-header__tagline{color:var(--ink-soft);margin:2px 0 0;font-size:.9rem}.help-btn{border:2px solid var(--accent);background:var(--surface);width:48px;height:48px;color:var(--accent);cursor:pointer;border-radius:50%;flex:none;font-size:1.4rem;font-weight:700}.step-bar{z-index:10;background:var(--bg);gap:6px;margin:4px 0 16px;padding:6px 0;display:flex;position:sticky;top:0}.step-bar__item{border:2px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink-soft);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 4px;font-size:.92rem;font-weight:600;display:flex}.step-bar__item--active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step-bar__item--locked{color:var(--line);cursor:not-allowed}.step-bar__num{background:#00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:inline-flex}.step-bar__item--active .step-bar__num{background:#ffffff40}.step-page{margin-top:0}.field-chip{border:2px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:10px;padding:8px 14px;display:flex}.field-chip__text{align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.field-chip__label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);flex-shrink:0;font-size:.78rem;font-weight:700}.field-chip__value{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;overflow:hidden}.field-chip__edit{color:var(--accent);flex-shrink:0;font-size:.85rem;font-weight:600}.recap-strip{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;margin-bottom:14px;padding:10px 14px;font-size:.88rem;display:flex}.recap-strip__construct{color:var(--ink-soft)}.recap-strip__metrics{color:var(--ink);font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:16px}.card__title{margin:0 0 10px;font-size:1.05rem}.card__title--summary{cursor:pointer;align-items:center;min-height:44px;padding:4px 0;display:flex}.card__subtitle{color:var(--ink-soft);margin:0 0 12px;font-size:.95rem}.card__note{color:var(--warn);margin:10px 0 0;font-size:.85rem}.card--current{border:2px solid var(--accent)}.card--error{border:2px solid var(--error);color:var(--error)}.option-group{border:none;margin:0 0 14px;padding:0}.option-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:8px;padding:0;font-size:.85rem;font-weight:700;display:block}.option-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.option-grid--wide{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.option-btn{border:2px solid var(--line);background:var(--surface);min-height:52px;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;font-size:1.05rem;font-weight:600;display:flex}.option-btn--selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.option-btn__sublabel{color:var(--ink-soft);font-size:.75rem;font-weight:400}.option-btn--selected .option-btn__sublabel{color:var(--accent-ink)}.metric-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=480px){.metric-row{grid-template-columns:repeat(4,1fr)}}.metric{background:var(--bg);text-align:center;border-radius:10px;flex-direction:column;padding:10px 8px;display:flex}.metric__value{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:800}.metric-row--compact .metric__value{font-size:1.15rem}.metric__unit{color:var(--ink-soft);font-size:.8rem}.metric__label{color:var(--ink-soft);margin-top:2px;font-size:.85rem}.stepper{margin-bottom:14px}.stepper__controls{align-items:stretch;gap:8px;display:flex}.stepper__btn{border:2px solid var(--accent);background:var(--surface);min-height:56px;color:var(--accent);cursor:pointer;border-radius:12px;flex:0 0 56px;font-size:1.7rem;font-weight:700}.stepper__value-wrap{border:2px solid var(--line);background:var(--surface);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.stepper__input{text-align:right;width:100%;max-width:110px;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:none;font-size:1.5rem;font-weight:700}.stepper__input:focus{outline:none}.stepper__unit{color:var(--ink-soft);font-size:1rem}.mode-toggle{gap:8px;margin-bottom:16px;display:flex}.mode-toggle button{border:2px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);cursor:pointer;border-radius:12px;flex:1;font-size:.98rem;font-weight:600}.mode-toggle button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.field-help{color:var(--ink-soft);margin:4px 0 0;font-size:.82rem}.plan-readout{margin:6px 0 0;font-size:.9rem}.target-summary{background:var(--bg);border-radius:10px;margin:4px 0 0;padding:10px 12px;font-size:1rem}.target-summary__derived{color:var(--ink-soft);margin-top:4px;font-size:.85rem;display:block}.section-title{margin:18px 0 10px;padding:0 4px;font-size:1.1rem}.section-title__hint{color:var(--ink-soft);font-size:.9rem;font-weight:400}.results--pinned{border-bottom:1px solid var(--line,#0000001f);margin-bottom:4px;padding-bottom:8px}.result-card--best{border:2px solid var(--good)}.result-card__header{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.rank-badge{background:var(--bg);color:var(--ink-soft);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-block}.rank-badge--best,.rank-badge--exact{background:var(--good);color:#fff}.rank-badge--current{background:var(--accent);color:#fff}.result-card__construct{margin:0 0 10px;font-size:.98rem}.residual-list{color:var(--ink);margin:10px 0 0;padding-left:20px;font-size:.92rem}.residual-list .residual--ok{color:var(--good)}.result-card__dims{color:var(--ink-soft);margin:8px 0 0;font-size:.85rem}.result-card--compact{padding:12px 16px}.result-card__compact-metrics{color:var(--ink);margin:0 0 4px;font-size:.95rem;font-weight:700}.result-card--compact .residual-list{margin-top:4px;font-size:.85rem}.table-scroll{margin-top:8px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.85rem}.results-table th,.results-table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;padding:7px 8px}.results-table th:nth-child(-n+4),.results-table td:nth-child(-n+4){text-align:left}.results-table__best{background:#e8f4ec;font-weight:700}.visualizer__hint{color:var(--ink-soft);margin:0 0 10px;font-size:.82rem}.visualizer__unavailable{color:var(--ink-soft);background:var(--bg);border-radius:10px;margin:0;padding:14px;font-size:.9rem}.visualizer__figure{background:var(--bg);border-radius:10px;justify-content:center;padding:8px;display:flex}.stem-svg{width:auto;max-width:100%;height:62vh;max-height:560px}.visualizer__legend{flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.visualizer__legend li{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;width:16px;height:4px;display:inline-block}.swatch--offset{background:#0b5cad}.swatch--leg{background:#0d7a3f}.swatch--neck{background:#a05a00}.swatch--target{background:repeating-linear-gradient(90deg,#0d7a3f 0 4px,#0000 4px 7px);height:3px}.methodology__body{font-size:.92rem}.methodology__body h3{margin:14px 0 6px;font-size:.95rem}.methodology__body pre{background:var(--bg);border-radius:8px;padding:10px;font-size:.78rem;overflow-x:auto}.methodology__inference{background:#fff7e8;border:1px solid #e8cf9b;border-radius:8px;padding:10px}.disclaimer{color:var(--ink-soft);font-size:.82rem}.fine-print{color:var(--ink-soft);margin-top:10px;font-size:.82rem}.fine-print summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.empty-note{color:var(--error);font-size:.92rem}.app-footer{text-align:center;color:var(--ink-soft);padding-top:8px;font-size:.8rem}.modal-backdrop{z-index:100;background:#0a141e8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=480px){.modal-backdrop{align-items:center}}.modal{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;flex-direction:column;width:100%;max-width:640px;max-height:88vh;display:flex}@media (width>=480px){.modal{border-radius:var(--radius)}}.modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal__header h2{margin:0;font-size:1.1rem}.modal__close{background:var(--bg);cursor:pointer;border:none;border-radius:50%;width:44px;height:44px;font-size:1.1rem}.modal__body{padding:6px 16px 20px;font-size:.95rem;overflow-y:auto}.modal__body h3{margin:16px 0 6px;font-size:1rem}.release-entry p{color:var(--ink-soft);margin:4px 0 10px}