:root{color:#e5e7eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--ink:#e5e7eb;--muted:#9299a6;--paper:#181b21;--line:#30343d;--accent:#79c98c;--accent-dark:#58ad6c;--error:#ff9a9a;background:#0f1115;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#0f1115;min-width:320px}body{background:#0f1115;min-width:320px;min-height:100vh;margin:0}button,input,select{color:inherit;font:inherit}button,select,input[type=checkbox]{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{width:min(720px,100% - 2rem);margin:0 auto;padding:clamp(2rem,6vw,4rem) 0}.page-header{margin-bottom:2rem}.page-header p,.result-panel header p{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .55rem;font-size:.75rem;font-weight:800}h1,h2{letter-spacing:-.025em;margin:0;font-weight:650}h1{font-size:clamp(2.25rem,7vw,3.75rem);line-height:1.05}.page-header span{color:var(--muted);margin-top:1rem;font-size:1rem;display:block}.optimizer-form,.result-panel{border:1px solid var(--line);background:var(--paper);border-radius:8px}.result-panel{overflow:hidden}.form-section{border-bottom:1px solid var(--line);padding:1.35rem}.form-section>label,.section-heading>label{letter-spacing:.055em;text-transform:uppercase;margin-bottom:.7rem;font-size:.82rem;font-weight:800;display:block}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.7rem;display:flex}.section-heading>label{margin:0}.section-heading small,.item-prior-work small{color:var(--muted)}select,input[type=number],.searchable-select input{background:#111318;border:1px solid #414650;border-radius:5px;width:100%;min-height:46px;padding:.65rem .75rem}select:hover,input[type=number]:hover,.searchable-select input:hover{border-color:var(--accent)}.searchable-select{min-width:0;position:relative}.searchable-select:focus-within{z-index:10}.searchable-select input{padding-right:2.4rem}.searchable-select input::-webkit-search-cancel-button{display:none}.select-chevron{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);pointer-events:none;width:8px;height:8px;position:absolute;top:18px;right:.9rem;transform:rotate(45deg)}.select-options{z-index:20;background:#111318;border:1px solid #414650;border-radius:5px;max-height:260px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #00000059}.select-options li{cursor:pointer;border-radius:3px;padding:.65rem .7rem}.select-options li.active{color:#dff7e4;background:#263a2b}.select-options li[aria-selected=true]{color:var(--accent)}.select-options .empty-option{color:var(--muted);cursor:default}.enchantment-list{gap:.65rem;display:grid}.enchantment-row{grid-template-columns:28px minmax(0,1fr) 88px 90px;align-items:center;gap:.55rem;display:grid}.row-number{color:var(--muted);text-align:center;font-family:Cascadia Mono,Consolas,monospace;font-size:.78rem}.level-select,.prior-work-input{text-align:center}.next-row .searchable-select input{color:var(--muted)}.optional-section{background:#15181d}.checkbox-label{cursor:pointer;align-items:center;gap:.65rem;letter-spacing:0!important;text-transform:none!important;margin-bottom:.35rem!important;display:flex!important}.checkbox-label input{width:17px;height:17px;accent-color:var(--accent);margin:0}.optional-section>p{color:var(--muted);margin:0;font-size:.85rem;line-height:1.5}.item-prior-work{border-top:1px dashed var(--line);grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:.6rem 1rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:grid}.item-prior-work small{grid-column:1/-1}.calculate-button,.cancel-button{background:var(--accent);color:#0d1a10;letter-spacing:.08em;text-transform:uppercase;border:0;width:100%;min-height:58px;padding:.9rem 1.2rem;font-size:.84rem;font-weight:850}.calculate-button:hover:not(:disabled){background:var(--accent-dark)}.cancel-button{color:#1e0e0c;background:#c47b72}.message{padding:1rem 1.35rem;line-height:1.5}.message p{margin:.2rem 0}.error-message{color:var(--error);background:#2b191b;border-bottom:1px solid #713d3d}.result-message{border:1px solid #713d3d;border-radius:6px;margin-top:1.5rem}.result-panel{margin-top:2rem}.result-panel header{border-bottom:1px solid var(--line);padding:1.35rem}.result-panel h2{font-size:clamp(1.75rem,6vw,2.75rem)}.instruction-list{counter-reset:steps;margin:0;padding:0;list-style:none}.instruction-list li{border-bottom:1px solid var(--line);counter-increment:steps;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 1.35rem;display:grid}.instruction-list li>div{flex-wrap:wrap;gap:.35rem;min-width:0;line-height:1.5;display:flex}.instruction-list li>div:before{color:var(--muted);content:counter(steps) ".";font-family:Cascadia Mono,Consolas,monospace}.instruction-list strong{color:var(--accent)}.instruction-list b{color:var(--accent);white-space:nowrap;align-self:start}.slot-note,.cost-note{color:var(--muted);margin:0;padding:.9rem 1.35rem;font-size:.82rem;line-height:1.5}.cost-note{padding-top:0}@media (width<=600px){.app-shell{width:min(100% - 1rem,720px);padding:1.5rem 0 2.5rem}.optimizer-form,.result-panel{border-radius:6px}.form-section,.result-panel header,.instruction-list li{padding-inline:1rem}.section-heading{flex-direction:column;align-items:flex-start;gap:.25rem}.enchantment-row{grid-template-columns:24px minmax(0,1fr) 74px}.prior-work-input{grid-column:2/-1}.instruction-list li{grid-template-columns:1fr;gap:.35rem}}