:root{--text-primary:#1a1a2e;--text-muted:#7c7c8a;--bg:#f5f5f0;--card-bg:#fff;--border:#e0e0d8;--accent:#4a9e4a;--grid-bg:#8b8b8b;--cell-empty:#c6c6c6;--cell-filled:#8b7355;--cell-hover:#a08060;--cell-result:#b8d4b8;--tag-bg:#f0f0ea;--tag-hover:#e5e5dd}@media (prefers-color-scheme:dark){:root{--text-primary:#e8e8e0;--text-muted:#8a8a96;--bg:#1a1a2e;--card-bg:#25253a;--border:#3a3a4e;--accent:#5cbf5c;--grid-bg:#4a4a5e;--cell-empty:#3a3a4e;--cell-filled:#6b5a40;--cell-hover:#7d6a50;--cell-result:#3a5e3a;--tag-bg:#30304a;--tag-hover:#3a3a55}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.search-bar{width:100%;max-width:500px;position:relative}.search-bar input{border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:12px 40px 12px 16px;font-size:16px;transition:border-color .2s}.search-bar input:focus{border-color:var(--accent)}.search-bar input::placeholder{color:var(--text-muted)}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:22px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-btn:hover{color:var(--text-primary)}.crafting-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:box-shadow .2s}.crafting-card:hover{box-shadow:0 4px 12px #0000001a}.recipe-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.recipe-name{color:var(--text-primary);margin:0;font-size:18px}.wiki-link{color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;text-decoration:none;transition:color .15s,border-color .15s}.wiki-link:hover{color:var(--accent);border-color:var(--accent)}.crafting-layout{justify-content:center;align-items:center;gap:16px;display:flex}.grid-3x3{background:var(--grid-bg);border-radius:4px;grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);gap:2px;padding:4px;display:grid}.grid-cell{box-sizing:border-box;border-radius:2px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.grid-cell.empty{background:var(--cell-empty)}.grid-cell.filled{background:var(--cell-filled);cursor:pointer;transition:background .15s}.grid-cell.filled:hover{background:var(--cell-hover)}.item-icon{image-rendering:pixelated;display:block}.cell-fallback{color:var(--text-primary);word-break:break-word;text-align:center;font-size:9px;line-height:1.2;display:none}.arrow{color:var(--text-muted);font-size:28px}.result-slot{background:var(--cell-result);box-sizing:border-box;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;padding:4px;display:flex;position:relative}.count{color:var(--accent);font-size:11px;font-weight:700;position:absolute;bottom:2px;right:4px}.ingredients-list{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.ingredients-label{color:var(--text-muted);font-size:12px}.ingredient-tag{background:var(--tag-bg);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s;display:flex}.ingredient-tag:hover{background:var(--tag-hover);border-color:var(--accent)}.tag-icon{image-rendering:pixelated}.app{max-width:900px;min-height:100vh;margin:0 auto;padding:40px 20px}.app-nav{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;justify-content:center;align-self:center;gap:4px;width:fit-content;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:4px;display:flex}.nav-link{color:var(--text-muted);border-radius:6px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--tag-bg)}.app-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.app-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:36px}.subtitle{color:var(--text-muted);margin:0 0 16px;font-size:16px}.result-count{color:var(--text-muted);margin-top:8px;font-size:13px}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.no-results{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px 20px}.no-results p{margin:0 0 8px;font-size:18px}.no-results .hint{font-size:14px}.section-title{color:var(--text-muted);grid-column:1/-1;margin:0;font-size:16px;font-weight:500}.variants-section{flex-direction:column;gap:8px;margin-top:8px;display:flex}.variants-toggle{border:1px dashed var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;transition:background .15s,border-color .15s}.variants-toggle:hover{background:var(--tag-bg);border-color:var(--accent)}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:48px;padding:20px;font-size:12px}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}.enchanting-page{max-width:960px}.enchanting-layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}@media (width<=700px){.enchanting-layout{grid-template-columns:1fr}}.enchant-picker{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}.picker-search{border-bottom:1px solid var(--border);padding:12px}.picker-search input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.picker-search input:focus{border-color:var(--accent)}.enchant-list{max-height:480px;padding:4px;overflow-y:auto}.enchant-option{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:background .12s;display:flex}.enchant-option:hover{background:var(--tag-bg)}.enchant-option.selected{background:var(--tag-bg);color:var(--accent);font-weight:500}.enchant-name{text-transform:capitalize}.enchant-level-badge{background:var(--accent);color:#fff;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.enchant-results{min-height:200px}.selected-enchants{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.selected-enchants h3{color:var(--text-primary);margin:0 0 12px;font-size:16px}.selected-tags{flex-wrap:wrap;gap:8px;display:flex}.selected-tag{background:var(--tag-bg);border:1px solid var(--border);text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 8px 4px 12px;font-size:13px;display:flex}.selected-tag select{background:var(--bg);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:4px;padding:2px 4px;font-size:12px}.remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.remove-btn:hover{color:#e05050}.clear-all{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;margin-top:12px;padding:6px 14px;font-size:12px;transition:border-color .15s,color .15s}.clear-all:hover{color:#e05050;border-color:#e05050}.empty-state{background:var(--card-bg);border:1px solid var(--border);text-align:center;color:var(--text-muted);border-radius:12px;padding:48px 20px}.empty-state p{margin:0 0 8px;font-size:16px}.empty-state .hint{font-size:13px}.optimal-order{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px}.optimal-order h3{color:var(--text-primary);justify-content:space-between;align-items:center;margin:0 0 16px;font-size:16px;display:flex}.total-cost{color:var(--accent);background:var(--tag-bg);border-radius:20px;padding:4px 10px;font-size:13px;font-weight:600}.steps-list{flex-direction:column;gap:8px;display:flex}.anvil-step{background:var(--tag-bg);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.step-number{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.step-content{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.step-items{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.step-target{text-transform:capitalize;font-weight:500}.step-plus{color:var(--text-muted);font-size:12px}.step-sacrifice{color:var(--accent);text-transform:capitalize}.step-cost{color:var(--text-muted);white-space:nowrap;margin-left:12px;font-size:13px}