@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,fieldset{margin:0}button,input,select{font:inherit}}@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#253128;font-synthesis:none;--ink:#253128;--muted:#667168;--surface:#fbfaf5;--surface-2:#f1efe6;--line:#d3d1c5;--line-strong:#abae9e;--green-900:#26382a;--green-700:#3d6040;--green-600:#50784a;--green-500:#668c54;--green-100:#e1eadb;--amber:#a86823;--red:#a53f39;--shadow:0 14px 35px #1f2a2014;--radius:4px;background:#e9e7df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffff4d,#0000 22rem),#e9e7df;min-width:320px;min-height:100vh}body:after{z-index:20;color:#fff;content:"Drop a calculator PNG to restore it";opacity:0;pointer-events:none;background:#26382ae0;place-items:center;font-size:1.25rem;font-weight:800;transition:opacity .12s;display:grid;position:fixed;inset:0}body.is-dragging:after{opacity:1}a{color:inherit;text-underline-offset:.2em}button,select,input{accent-color:var(--green-600)}button,select{min-height:42px}select{width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:.55rem 2.25rem .55rem .75rem}button,label,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:2px;outline:3px solid #87a974}main,.header-inner,footer{width:min(1180px,100% - 2rem);margin-inline:auto}main{padding-block:3.5rem 6rem}h1,h2,h3{color:var(--green-900);text-wrap:balance;line-height:1.1}h1{letter-spacing:-.055em;max-width:720px;font-size:clamp(2.3rem,6vw,4.7rem)}h2{letter-spacing:-.025em;font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.05rem}p{color:var(--muted);line-height:1.65}}@layer components{.site-header{color:#f5f4ec;background:var(--green-900);border-bottom:4px solid #71905f}.header-inner{justify-content:space-between;align-items:center;gap:1rem;min-height:70px;display:flex}.brand{align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(90deg,#0000 34%,#192d1c59 34% 66%,#0000 66%),linear-gradient(#78965d 50%,#5d7d4c 50%);border:2px solid #9aaf7d;width:28px;height:28px;box-shadow:3px 3px #17241a}.site-header nav{color:#d4ddcf;gap:1.25rem;font-size:.9rem;display:flex}.hero{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem;display:flex}.hero p{max-width:690px;margin-top:1rem;font-size:1.08rem}.eyebrow{color:var(--green-700);letter-spacing:.13em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:800;display:block}.panel,.input-card,.results{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.guide{border-top:3px solid var(--green-500);margin-bottom:1rem;padding:1.5rem}.guide-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;display:grid}.guide-grid strong{margin-bottom:.25rem;display:block}.configuration{grid-template-columns:auto auto 1fr auto;align-items:end;gap:1.25rem;margin-bottom:1rem;padding:1.1rem 1.25rem;display:grid}.segmented-field{border:0;padding:0}.segmented-field legend,label>span,.add-enchantment>span{color:var(--muted);margin-bottom:.4rem;font-size:.78rem;font-weight:700}.segmented-control{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:3px;display:inline-flex}.segmented-control label{cursor:pointer}.segmented-control input{opacity:0;pointer-events:none;position:absolute}.segmented-control span{min-width:88px;color:var(--muted);text-align:center;border-radius:2px;padding:.55rem .8rem;font-size:.85rem;font-weight:750;display:block}.segmented-control input:checked+span{color:#fff;background:var(--green-700);box-shadow:0 2px 5px #192d1c26}.segmented-control input:focus-visible+span{outline-offset:2px;outline:3px solid #87a974}.toggle-row{cursor:pointer;align-items:center;gap:.65rem;min-height:42px;padding-top:1rem;display:flex}.toggle-row input{width:18px;height:18px}.toggle-row span{margin:0;display:grid}.toggle-row small{color:var(--muted);font-weight:400}.utility-actions,.card-actions{justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);align-items:start;gap:1rem;display:grid}.books-workspace{max-width:720px;margin-inline:auto;display:block}.inputs-section{min-width:0}.section-heading,.card-header,.result-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading{margin:1.25rem 0 .85rem}.input-list{gap:.75rem;display:grid}.add-input-row{justify-content:center;margin-top:.85rem;display:flex}.input-card,.output-panel{padding:1.25rem}.input-card{border-left:4px solid var(--green-500)}.input-card.is-bypassed{filter:grayscale(.75);opacity:.55}.output-panel{border-top:4px solid var(--green-500);margin-top:1.25rem;position:sticky;top:1rem}.field-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:.75rem;margin-block:1rem;display:grid}.field-note{color:var(--muted);margin-top:.35rem;font-size:.75rem;display:block}.output-help{margin-bottom:1rem;font-size:.84rem}label:not(.segmented-control label,.toggle-row,.file-button,.add-enchantment){display:grid}.enchantment-editor{border-top:1px solid var(--line);gap:.5rem;margin-top:1rem;padding-top:1rem;display:grid}.enchantment-row{background:var(--surface-2);border:1px solid #0000;border-radius:3px;grid-template-columns:minmax(0,1fr) 90px 42px;align-items:center;gap:.5rem;min-height:42px;padding-left:.75rem;display:grid}.enchantment-row>span{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.enchantment-row select{min-height:34px;padding:.25rem 1.75rem .25rem .65rem}.add-enchantment{grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:.75rem;margin-top:.25rem;display:grid}.add-enchantment>span{margin:0}.empty-hint{padding:.65rem 0;font-size:.88rem}.primary-button,.secondary-button,.guide-button,.text-button,.icon-button{border-radius:var(--radius);cursor:pointer;border:0}.primary-button{color:#fff;background:var(--green-700);border-bottom:3px solid #233c28;min-width:210px;padding-inline:1.25rem;font-weight:800}.primary-button:hover{background:var(--green-600)}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button,.guide-button{color:var(--green-900);background:var(--green-100);border:1px solid #b9c8af;padding-inline:1rem;font-weight:750}.text-button{min-height:34px;color:var(--green-700);background:0 0;padding:.35rem .5rem;font-size:.8rem;font-weight:750}.text-button:hover{background:var(--green-100)}.icon-button{width:42px;min-width:42px;min-height:34px;color:var(--muted);background:0 0;font-size:1.35rem}.icon-button:hover{color:var(--red);background:#f4e5e1}.file-button{cursor:pointer;place-items:center;display:inline-grid;position:relative}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.search-bar{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.25rem;display:flex}.status{color:var(--muted);font-size:.92rem;font-weight:650}.status-working{color:var(--amber)}.status-error{color:var(--red)}.status-success{color:var(--green-700)}.results{margin-top:2rem;overflow:hidden}.result-summary{background:var(--green-100);border-bottom:1px solid #b9c8af;padding:1.5rem}.result-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.result-steps>li{border-bottom:1px solid var(--line);grid-template-columns:65px minmax(0,1fr);display:grid}.result-steps>li:last-child{border-bottom:0}.step-number{color:var(--green-700);background:var(--surface-2);place-items:start center;padding-top:1.5rem;font-size:1.4rem;font-weight:900;display:grid}.step-content{padding:1.4rem}.combination{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.75rem;margin-top:.85rem;display:grid}.combination>div,.step-output{background:var(--surface-2);border:1px solid var(--line);gap:.3rem;padding:.85rem;display:grid}.combination span,.step-output span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.combination strong,.step-output strong{font-size:.86rem;line-height:1.45}.plus{align-self:center;font-size:1.4rem;font-weight:800}.step-output{background:var(--green-100);border-color:#b9c8af;margin-top:.75rem}footer{text-align:center;border-top:1px solid var(--line);padding-block:2rem}footer p{font-size:.85rem}footer .attribution{margin-top:.35rem}footer .attribution a{color:var(--green-700);font-weight:700}}@layer utilities{.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}}@media (width<=960px){.configuration{grid-template-columns:1fr 1fr}.utility-actions{justify-content:start}.workspace{grid-template-columns:1fr}.output-panel{position:static}}@media (width<=680px){main,.header-inner,footer{width:min(100% - 1rem,1180px)}main{padding-block:2rem 4rem}.header-inner,.hero,.section-heading,.result-summary,.search-bar{flex-direction:column;align-items:stretch}.header-inner{justify-content:center;padding-block:.8rem}.site-header nav{justify-content:space-between}.hero{display:flex}.guide-grid,.configuration,.field-grid{grid-template-columns:1fr}.segmented-control{grid-template-columns:1fr 1fr;display:grid}.segmented-control span{min-width:0}.card-header{align-items:start}.card-actions{flex-wrap:wrap}.add-enchantment{grid-template-columns:1fr}.primary-button{width:100%}.result-steps>li{grid-template-columns:45px minmax(0,1fr)}.step-content{padding:1rem}.combination{grid-template-columns:1fr}.plus{justify-self:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}