:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;--ink:#1b2523;--muted:#6e7770;--line:#c9c9bd;--line-soft:#9ca79d;--dashed-line:#bdc4b9;--empty-slot-line:#aebbb0;--empty-slot-ink:#829087;--canvas:#ece9df;--paper:#f7f5ee;--paper-bright:#fffdf6;--surface-card:#fffdf6c7;--surface-muted:#fffdf652;--surface-solid:#fffdf6eb;--surface-soft:#fffdf640;--match-bg:#c6ded380;--accent-ink:#f7f5ee;--danger-ink:#fffdf6;--focus:#d46d3973;--green:#177c62;--green-dark:#0c493e;--orange:#d46d39;--red:#b84d39}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e5eee9;--muted:#a2b2aa;--line:#3b5148;--line-soft:#71877d;--dashed-line:#526a5e;--empty-slot-line:#60786b;--empty-slot-ink:#9aafa4;--canvas:#0e1714;--paper:#17231f;--paper-bright:#1d2d27;--surface-card:#243730e6;--surface-muted:#24373075;--surface-solid:#243730f5;--surface-soft:#24373080;--match-bg:#2f6f574d;--accent-ink:#102019;--danger-ink:#fff8f3;--focus:#f0a06799;--green:#39b98e;--green-dark:#8fe0bb;--orange:#f0a067;--red:#ed7763}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button:not(:disabled){cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}#root{min-height:100vh}.site-frame{background-color:var(--paper);min-height:100vh;position:relative}.item-icon{object-fit:contain;flex:none;width:30px;height:30px}.checkbox-filter{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex;position:relative}.checkbox-filter input{opacity:0;width:1px;height:1px;position:absolute}.fake-checkbox{border:1px solid var(--line-soft);background:0 0;width:13px;height:13px;display:inline-block}.checkbox-filter input:checked+.fake-checkbox{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 3px var(--paper)}.checkbox-filter.all-filter{color:var(--green-dark);font-weight:600}.search-field{border-bottom:1px solid var(--green);min-width:250px;color:var(--muted);align-items:center;display:flex}.search-field span{color:var(--orange);margin-right:7px;font-size:19px;line-height:1}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:7px 0;font-size:12px}.search-field button{color:var(--muted);background:0 0;border:0;flex:none;padding:5px 0 5px 8px;font-size:10px}.no-results{color:var(--muted);text-align:center;padding:42px 0;font-size:12px}.app-header{z-index:2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1320px,100% - 64px);min-height:64px;margin:0 auto;display:flex;position:relative}.app-header-title{color:var(--ink);letter-spacing:.02em;margin:0 auto 0 42px;font-size:21px;font-weight:600}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.brand-mark{border:1px solid var(--green);width:38px;height:38px;color:var(--green-dark);letter-spacing:.04em;place-items:center;font-size:12px;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.14em;font-size:15px}.brand small{color:var(--muted);letter-spacing:.2em;margin-top:3px;font-size:9px}.top-nav{align-items:center;height:100%;display:flex}.nav-link{height:64px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;margin:0 12px;font-size:13px;display:flex}.nav-link.active{border-bottom-color:var(--orange);color:var(--ink)}.nav-dot{background:var(--orange);border-radius:50%;width:7px;height:7px}.theme-toggle{border:1px solid var(--line);color:var(--muted);background:0 0;align-items:center;gap:6px;margin-left:12px;padding:7px 10px;font-size:11px;display:inline-flex}.theme-toggle:hover{border-color:var(--orange);color:var(--ink)}.theme-toggle-icon{color:var(--orange);font-size:16px;line-height:1}.home-content{z-index:1;width:min(760px,100% - 64px);margin:0 auto;position:relative}.home-hero{padding:80px 0}.hero-copy h1{font-size:36px;line-height:1.35}.hero-lede{max-width:420px;color:var(--muted);margin:20px 0 28px;font-size:15px;line-height:1.8}.primary-button{border:1px solid var(--green-dark);background:var(--green-dark);min-width:250px;color:var(--accent-ink);justify-content:space-between;align-items:center;gap:30px;padding:15px 17px 15px 20px;font-size:13px;transition:transform .16s,background .16s;display:inline-flex}.primary-button:hover{background:var(--green)}.button-arrow{font-size:20px;line-height:1}.calculator-content{z-index:1;width:min(1240px,100% - 64px);margin:0 auto;padding:28px 0 70px;position:relative}.favorites-section{border-bottom:1px solid var(--line);padding:0 0 28px}.favorites-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.favorites-transfer-button{border:1px solid var(--green);color:var(--green-dark);background:0 0;padding:8px 11px;font-size:11px}.favorites-heading h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:23px;font-weight:600}.favorites-list{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.favorites-empty{color:var(--muted);margin:22px 0 0;font-size:12px}.favorite-card{border:1px solid var(--line);background:var(--surface-card);align-items:center;min-height:54px;padding:7px 8px 7px 12px;font-size:15px;display:flex}.favorite-card strong{font-size:20px}.favorite-inputs,.favorite-output,.favorite-inputs span{align-items:center;display:flex}.favorite-inputs,.favorite-inputs span{gap:4px}.favorite-inputs b{color:var(--orange);margin-left:2px;font-size:15px;font-weight:500}.favorite-card .item-icon{width:35px;height:35px}.favorite-arrow{color:var(--orange);margin:0 10px;font-size:17px}.favorite-output{color:var(--green-dark);gap:6px}.favorite-remove{color:var(--muted);background:0 0;border:0;align-self:flex-start;margin:-3px -2px 0 10px;padding:3px;font-size:10px}.builder-section{border-bottom:1px solid var(--line)}.target-picker-row{align-items:center;gap:14px;margin-top:30px;display:flex}.field-label{color:var(--muted);font-size:13px;font-weight:600}.target-picker{border:1px solid var(--green);background:var(--paper-bright);min-width:310px;min-height:48px;color:var(--green-dark);text-align:left;align-items:center;gap:10px;padding:7px 12px;font-size:20px;display:flex}.target-picker:not(.has-target){border-color:var(--line);color:var(--muted);justify-content:space-between}.target-picker .item-icon{width:80px;height:80px}.target-picker.has-target{font-size:25px}.target-picker small{color:var(--orange);margin-left:auto}.empty-builder{border:1px dashed var(--dashed-line);background:var(--surface-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:258px;margin-top:30px;display:flex}.empty-symbol{border:1px solid var(--orange);width:48px;height:48px;color:var(--orange);place-items:center;margin-bottom:18px;font-size:27px;display:grid;transform:rotate(45deg)}.empty-builder p{color:var(--ink);margin:0;font-size:13px}.empty-builder span{color:var(--muted);margin-top:10px;font-size:10px}.recipe-track-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:29px;display:grid}.recipe-track{border:1px solid var(--green-dark);background:linear-gradient(90deg,#177c6214,#f4c6531a,#d46d391c);grid-template-columns:repeat(3,1fr);min-height:112px;display:grid;position:relative}.track-item-wrapper{min-width:0;min-height:0;padding:8px;display:grid}.track-item,.empty-slot{z-index:1;border:1px solid var(--green);background:var(--surface-solid);min-width:0;min-height:84px;color:var(--green-dark);justify-content:center;align-items:center;gap:7px;padding:8px;font-size:20px;display:flex;position:relative}.track-item .item-icon{width:60px;height:60px}.track-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-item b{color:var(--orange);font-size:10px;position:absolute;top:7px;right:8px}.empty-slot{border-style:dashed;border-color:var(--empty-slot-line);background:var(--surface-soft);color:var(--empty-slot-ink)}.empty-slot i{border:1px solid;border-radius:50%;width:9px;height:9px}.total-row{border-bottom:1px solid var(--line);grid-template-columns:100px minmax(260px,1fr) 50px 50px;align-items:center;gap:20px;min-height:64px;padding:0 10px;display:grid}.total-summary{min-width:0;color:var(--muted);white-space:nowrap;flex-direction:column;align-items:center;gap:3px;display:flex}.total-row strong{color:var(--ink);font-weight:600}.total-divider{background:var(--orange);width:100%;height:1px}.total-meter{width:100%;min-width:0;padding:27px 0 28px;position:relative}.meter-track{border:1px solid var(--green-dark);background:#177c621a;height:9px;position:relative}.meter-fill{width:var(--meter-current);height:100%;transition:width .18s;display:block}.meter-tick{background:var(--green-dark);width:2px;height:19px;position:absolute;top:-5px}.meter-tick-min{left:var(--meter-min);transform:translate(-50%)}.meter-tick-max{right:-1px}.meter-tick-target{top:-8px;left:var(--meter-target);height:25px}.meter-tick-current{top:-6px;left:var(--meter-current);z-index:1;background:var(--orange);height:21px}.meter-current-label,.meter-scale-label{color:var(--muted);white-space:nowrap;font-size:14px;line-height:1;position:absolute}.meter-current-label{top:8px;left:var(--meter-current);color:var(--orange);transform:translate(-50%)}.meter-scale{height:15px;margin-top:9px;position:relative}.meter-scale-label{top:0}.meter-scale-min{left:var(--meter-min);transform:translate(-50%)}.meter-scale-target{left:var(--meter-target);top:16px;transform:translate(-50%)}.meter-scale-max{right:0}.total-row[data-match=true]{border-bottom-color:var(--green);background:var(--match-bg);color:var(--green-dark)}.total-status{width:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.total-status-candidate{color:var(--orange)}.total-status-match{color:var(--green-dark)}.status-icon{border:2px solid;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;line-height:1;display:grid}.total-status-match .status-icon:before{content:"✓"}.total-status-candidate .status-icon:before{content:"?"}.total-status-incomplete .status-icon:before{content:"!"}.favorite-button{border:1px solid var(--green);width:40px;min-width:40px;height:40px;color:var(--green-dark);background:0 0;place-items:center;margin-left:0;padding:0;font-size:20px;line-height:1;display:grid}.favorite-button:disabled{border-color:var(--line);color:var(--muted);cursor:not-allowed;opacity:.62}.favorite-button span{color:var(--orange);margin:0;font-size:20px}.favorite-button:disabled span{color:var(--muted)}.clear-all-button{border:1px solid var(--green);background:var(--surface-card);width:68px;min-height:84px;color:var(--green-dark);text-align:center;justify-content:center;align-items:center;padding:10px 8px;font-size:11px;line-height:1.5;display:flex}.filter-panel{justify-content:space-between;align-items:end;gap:24px;padding:18px 0;display:flex}.category-filters{flex-wrap:wrap;gap:9px 15px;max-width:870px;display:flex}.pool-list{border:1px solid var(--green);flex-wrap:wrap;align-content:flex-start;gap:4px;padding:8px;display:flex;overflow:clip visible}.pool-item{text-align:left;background:0 0;border:0;flex:0 auto;min-width:0;max-width:100%;padding:0;display:inline-block;position:relative}.pool-item-button{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.pool-item:after{z-index:1;top:var(--tooltip-top,0px);left:var(--tooltip-left,0px);background:var(--green-dark);width:max-content;max-width:min(320px,100vw - 32px);color:var(--danger-ink);content:attr(data-tooltip);opacity:0;pointer-events:none;text-align:center;text-overflow:ellipsis;visibility:hidden;white-space:nowrap;border:1px solid #ffffff6b;padding:6px 8px;font-size:11px;line-height:1.4;position:fixed;overflow:hidden}.pool-item:hover:after,.pool-item:focus-within:after{opacity:1;visibility:visible}.pool-item:not(.disabled):hover .pool-bar{filter:brightness(1.1)}.pool-item.disabled{opacity:.48}.pool-bar{width:100%;min-width:0;max-width:100%;height:36px;color:var(--danger-ink);border:2px solid;border-radius:2px;align-items:center;gap:8px;padding:0 .5rem;transition:filter .16s;display:flex;overflow:hidden}.pool-item.compact .pool-bar{gap:0;padding:2px}.pool-item.compact .pool-item-name,.pool-item.compact .pool-item-cost{display:none}.pool-bar .item-icon{flex-shrink:0;flex-basis:28px;width:28px;height:28px}.pool-item-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pool-item-cost{white-space:nowrap;margin-left:auto;font-size:11px}.modal-backdrop{z-index:10;background:#1b25237a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.target-modal{border:1px solid var(--green-dark);background:var(--paper-bright);flex-direction:column;width:min(1240px,100%);max-height:calc(100vh - 32px);padding:20px 24px 24px;display:flex;box-shadow:12px 12px #0c493e24}.transfer-modal{border:1px solid var(--green-dark);background:var(--paper-bright);flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 32px);padding:20px 24px 24px;display:flex;box-shadow:12px 12px #0c493e24}.modal-header{justify-content:space-between;align-items:start;padding-bottom:14px;display:flex}.target-modal h2,.transfer-modal h2{color:var(--orange);letter-spacing:-.01em;margin:0;font-size:25px;font-weight:600}.modal-close{border:1px solid var(--orange);background:var(--red);width:40px;height:40px;color:var(--danger-ink);font-size:16px;font-weight:600}.transfer-description{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.6}.transfer-textarea{resize:vertical;border:1px solid var(--orange);width:100%;min-height:280px;color:var(--ink);background:#177c620a;padding:12px;font-family:monospace;font-size:12px;line-height:1.6}.transfer-textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.transfer-replace-option{white-space:normal;margin-top:14px}.transfer-error{color:var(--red);margin:10px 0 0;font-size:12px}.transfer-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.transfer-action-button,.transfer-secondary-button{border:1px solid var(--green);min-height:38px;padding:8px 14px;font-size:12px}.transfer-action-button{background:var(--green);color:var(--accent-ink)}.transfer-secondary-button{border-color:var(--line);color:var(--muted);background:0 0}.modal-search{border:1px solid var(--orange);min-height:48px;color:var(--muted);background:#177c620f;align-items:center;margin:0 0 16px;padding:0 12px;display:flex}.modal-search span{color:var(--orange);margin-right:7px;font-size:19px;line-height:1}.modal-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:7px 0;font-size:12px}.modal-search button{color:var(--muted);background:0 0;border:0;flex:none;padding:5px 0 5px 8px;font-size:10px}.target-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;min-height:0;padding:0 0 2px;display:grid;overflow-y:auto}.target-option{border:1px solid var(--orange);text-align:center;background:#177c6212;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;min-width:0;height:max-content;min-height:160px;padding:12px 8px 10px;transition:background .16s,transform .16s;display:flex}.target-option:hover{background:#177c6226;transform:translateY(-2px)}.target-option .item-icon{border:1px solid var(--green-dark);background:#182941;flex:0 0 82px;width:82px;height:82px;padding:5px}.target-option-name{width:100%;color:var(--orange);overflow-wrap:anywhere;text-align:center;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:1.4;display:flex}.target-option small{max-width:100%;color:var(--muted);overflow-wrap:anywhere;line-height:1.35}.target-option small strong{color:var(--orange);font-weight:500}.items-content{z-index:1;width:min(1240px,100% - 64px);margin:0 auto;padding:28px 0 70px;position:relative}.items-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding:18px 0;display:flex}.items-search{min-width:300px}.items-table-heading{justify-content:space-between;align-items:center;gap:20px;min-height:58px;display:flex}.result-count{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:10px}.items-table-caption{color:var(--muted);letter-spacing:.08em;font-size:10px}.items-table-wrap{border:1px solid var(--green);background:var(--surface-card);overflow-x:auto}.items-table{border-collapse:collapse;width:100%;min-width:900px;color:var(--ink)}.items-table thead{background:#177c6214}.items-table thead th{border-bottom:1px solid var(--green);white-space:nowrap;padding:0}.items-sort-button{width:100%;color:var(--muted);letter-spacing:.08em;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-weight:500;display:flex}.items-sort-button:hover,.items-sort-button.active{color:var(--green-dark);background:#177c621f}.sort-indicator{color:var(--orange);letter-spacing:0;line-height:1}.alchemy-filter{color:var(--orange);font-weight:600}.items-table tbody tr{border-bottom:1px solid #c9c9bdb8;transition:background .14s}.items-table tbody tr:last-child{border-bottom:0}.items-table tbody tr:hover{background:#f4c6531f}.items-table tbody td,.items-table tbody th{text-align:left;vertical-align:middle;padding:10px 16px}.items-table .item-id{width:64px;color:var(--orange);font-variant-numeric:tabular-nums}.item-name-cell{align-items:center;gap:11px;min-width:240px;display:flex}.item-name-cell .item-icon{width:42px;height:42px}.item-name-cell>span{flex-direction:column;gap:3px;min-width:0;display:flex}.item-name-cell strong{color:var(--green-dark);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.item-name-cell small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-badge{color:var(--green-dark);white-space:nowrap;border:1px solid #b9c9bf;padding:5px 7px;display:inline-block}.numeric-cell{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right!important}.cauldron-cell{color:var(--green)}.target-cell{color:var(--orange)}.items-filter-groups{align-items:stretch;gap:12px;min-width:0;display:flex}.items-filter-group{border:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:12px;min-height:74px;padding:10px 12px;display:flex}.category-filter-group{flex:auto}.alchemy-filter-group{border-color:var(--orange);min-width:132px}.items-filter-label{color:var(--muted);letter-spacing:.08em}.alchemy-filter-group .items-filter-label{color:var(--orange)}