body{font-family:system-ui,sans-serif;margin:0;padding:0}h1[data-astro-cid-p4b77s5a]{color:var(--text-primary);text-shadow:var(--text-shadow)}.calculator-container[data-astro-cid-p4b77s5a]{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;padding:2rem;box-shadow:var(--shadow-sm)}.inputs-section[data-astro-cid-p4b77s5a]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1200px){.inputs-section[data-astro-cid-p4b77s5a]{grid-template-columns:1fr}}.input-group[data-astro-cid-p4b77s5a]{display:flex;flex-direction:column}.input-label[data-astro-cid-p4b77s5a]{color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.item-selector-btn[data-astro-cid-p4b77s5a]{padding:.75rem;border:2px solid var(--border-primary);border-radius:6px;background:var(--bg-accent);color:var(--text-primary);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;min-height:60px;transition:all .2s ease}.item-selector-btn[data-astro-cid-p4b77s5a]:hover{background:var(--bg-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.item-selector-btn[data-astro-cid-p4b77s5a].placeholder{color:var(--text-secondary);font-style:italic}.selected-item-icon[data-astro-cid-p4b77s5a]{width:40px;height:40px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-tertiary)}#ingredient-mode-select{background:var(--bg-secondary);background-color:var(--bg-secondary-solid);color:var(--text-primary);border-color:var(--border-primary);-webkit-appearance:none;appearance:none}#ingredient-mode-select option{background-color:var(--bg-secondary-solid);color:var(--text-primary)}.item-dialog[data-astro-cid-p4b77s5a]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;align-items:center;justify-content:center}.item-dialog[data-astro-cid-p4b77s5a].show{display:flex}.item-dialog-content[data-astro-cid-p4b77s5a]{background:var(--bg-secondary);border:3px solid var(--border-primary);border-radius:12px;padding:2rem;width:1200px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}@media(max-width:768px){.item-dialog-content[data-astro-cid-p4b77s5a]{width:195vw;max-width:195vw;max-height:190vh;padding:1rem;border-radius:8px}}.item-dialog-header[data-astro-cid-p4b77s5a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.item-dialog-header[data-astro-cid-p4b77s5a] h2[data-astro-cid-p4b77s5a]{color:var(--text-primary);margin:0}.close-dialog-btn[data-astro-cid-p4b77s5a]{background:#dc3545b3;border:2px solid var(--border-primary);color:var(--text-primary);font-size:1.5rem;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}.close-dialog-btn[data-astro-cid-p4b77s5a]:hover{background:#dc3545e6}.item-search[data-astro-cid-p4b77s5a]{width:100%;padding:1rem;margin-bottom:1.5rem;font-size:1.1rem;border:2px solid var(--border-primary);border-radius:6px;background:var(--bg-accent);color:var(--text-primary)}.item-search[data-astro-cid-p4b77s5a]:focus{outline:none;border-color:var(--border-accent)}.clear-slot-btn[data-astro-cid-p4b77s5a]{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:2px solid var(--border-primary);border-radius:6px;background:#dc3545b3;color:#fff;cursor:pointer;white-space:nowrap;transition:all .2s ease}.clear-slot-btn[data-astro-cid-p4b77s5a]:hover{background:#dc3545e6;transform:translateY(-1px)}.clear-slot-btn[data-astro-cid-p4b77s5a]:active{transform:translateY(0)}.item-grid[data-astro-cid-p4b77s5a]{display:grid;grid-template-columns:repeat(8,1fr);gap:1rem;margin-bottom:1rem}@media(max-width:1400px){.item-grid[data-astro-cid-p4b77s5a]{grid-template-columns:repeat(6,1fr)}}@media(max-width:1000px){.item-grid[data-astro-cid-p4b77s5a]{grid-template-columns:repeat(4,1fr)}}.item-grid-item[data-astro-cid-p4b77s5a]{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--bg-accent);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.item-grid-item[data-astro-cid-p4b77s5a]:hover{background:var(--bg-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.item-grid-icon[data-astro-cid-p4b77s5a]{width:80px;height:80px;margin-bottom:.5rem;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-tertiary)}.item-grid-name[data-astro-cid-p4b77s5a]{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;word-break:break-word}.item-grid-cost[data-astro-cid-p4b77s5a]{font-size:.9rem;color:var(--text-secondary);text-align:center;margin-top:.25rem}.result-container[data-astro-cid-p4b77s5a]{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;padding:2rem;min-height:200px}.empty-state[data-astro-cid-p4b77s5a]{text-align:center;color:var(--text-primary);font-style:italic;padding:3rem;opacity:.7}.spinner[data-astro-cid-p4b77s5a]{border:4px solid var(--border-tertiary);border-radius:50%;border-top:4px solid var(--text-accent);width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.favorite-btn[data-astro-cid-p4b77s5a]{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary);border:2px solid var(--border-primary);border-radius:6px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;margin:1rem auto 0}.favorite-btn[data-astro-cid-p4b77s5a]:hover{background:linear-gradient(135deg,var(--bg-gradient-hover-start) 0%,var(--bg-gradient-hover-end) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.favorite-btn[data-astro-cid-p4b77s5a]:disabled{opacity:.5;cursor:not-allowed}.reverse-favorite-btn{padding:.35rem .7rem;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-primary);border:2px solid var(--border-primary);border-radius:6px;font-weight:600;cursor:pointer;font-size:.85rem;transition:all .2s ease}.reverse-favorite-btn:hover{background:linear-gradient(135deg,var(--bg-gradient-hover-start),var(--bg-gradient-hover-end));transform:translateY(-1px)}.reverse-favorite-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.favorites-section{margin-top:2rem;padding:1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px}.favorites-title{margin:0 0 1rem;color:var(--text-primary);font-size:1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.favorites-actions{display:flex;align-items:center;gap:.5rem}.favorites-action-btn{background:var(--bg-accent);border:2px solid var(--border-primary);border-radius:999px;padding:.25rem .75rem;color:var(--text-primary);font-weight:700;cursor:pointer;transition:all .2s ease}.favorites-action-btn:hover{background:var(--bg-accent-hover);transform:translateY(-1px)}.favorites-toggle{background:var(--bg-accent);border:2px solid var(--border-primary);border-radius:999px;padding:.25rem .75rem;color:var(--text-primary);font-weight:700;cursor:pointer;transition:all .2s ease}.favorites-toggle:hover{background:var(--bg-accent-hover);transform:translateY(-1px)}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.favorites-grid.is-collapsed{display:none}.favorite-item{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s;position:relative}.favorite-item:hover{background:var(--bg-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.favorite-delete-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:#dc3545cc;color:#fff;border:none;cursor:pointer;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.favorite-delete-btn:hover{background:#dc3545;transform:scale(1.1)}.favorite-items{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap}.favorite-item-icon{width:40px;height:40px;border-radius:4px;background:var(--bg-tertiary)}.favorite-arrow{color:var(--text-accent);font-weight:700;font-size:1.2rem}.favorite-item-name{font-size:.85rem;color:var(--text-primary);font-weight:600;text-align:center;margin-top:.25rem}.favorites-empty{text-align:center;color:var(--text-primary);font-style:italic;opacity:.7;padding:2rem}.export-dialog{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1100;align-items:center;justify-content:center}.export-dialog.show{display:flex}.export-dialog-content{background:var(--bg-secondary);border:3px solid var(--border-primary);border-radius:12px;padding:1.5rem;width:900px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.export-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.export-dialog-header h3{margin:0;color:var(--text-primary)}.export-url-row{display:flex;gap:.5rem;margin-bottom:1rem}.export-url-input{flex:1;padding:.6rem .75rem;border:2px solid var(--border-primary);border-radius:6px;background:var(--bg-accent);color:var(--text-primary);font-size:.95rem}.export-url-copy{padding:.6rem 1rem;border:2px solid var(--border-primary);border-radius:6px;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));color:var(--text-primary);font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-url-copy:hover{background:linear-gradient(135deg,var(--bg-gradient-hover-start),var(--bg-gradient-hover-end));transform:translateY(-1px)}.export-controls{display:flex;justify-content:flex-end;margin-bottom:.75rem}.export-favorites-list{display:grid;gap:.75rem}.export-favorite-row{display:flex;align-items:center;gap:.6rem;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:6px;padding:.75rem;color:var(--text-primary)}.export-favorite-row.is-unselected{opacity:.5;filter:grayscale(.6)}.export-favorite-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.export-favorite-text{font-weight:600;font-size:.95rem}.import-dialog{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1100;align-items:center;justify-content:center}.import-dialog.show{display:flex}.import-dialog-content{background:var(--bg-secondary);border:3px solid var(--border-primary);border-radius:12px;padding:1.5rem;width:900px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.import-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.import-dialog-header h3{margin:0;color:var(--text-primary)}.import-favorites-list{display:grid;gap:.75rem;margin-bottom:1rem}.import-favorite-row{display:flex;align-items:center;gap:.6rem;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:6px;padding:.75rem;color:var(--text-primary)}.import-favorite-row.is-unselected{opacity:.5;filter:grayscale(.6)}.import-favorite-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.import-favorite-text{font-weight:600;font-size:.95rem}.import-favorite-tag{margin-left:.5rem;font-size:.85rem;color:var(--text-secondary)}.import-dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.import-action-btn{padding:.6rem 1rem;border:2px solid var(--border-primary);border-radius:6px;background:var(--bg-accent);color:var(--text-primary);font-weight:700;cursor:pointer;transition:all .2s ease}.import-action-btn:hover{background:var(--bg-accent-hover);transform:translateY(-1px)}.import-action-btn.primary{background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end))}.import-action-btn.primary:hover{background:linear-gradient(135deg,var(--bg-gradient-hover-start),var(--bg-gradient-hover-end))}