*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark light}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all .6s ease;background-image:radial-gradient(circle at 25% 25%,var(--color-bg-secondary) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--color-bg-secondary) 1px,transparent 1px);background-size:50px 50px}.moon,.sun{transform:rotate(-45deg);transition:transform .4s ease-in-out;color:var(--color-text-primary)}.theme-toggle{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:none;border-radius:12px;background-color:var(--color-bg-secondary);transform:rotate(45deg);transition:all .4s ease-in-out}.theme-toggle:hover{cursor:pointer;transform:rotate(-45deg)}.theme-toggle:hover .moon,.theme-toggle:hover .sun{transform:rotate(45deg)}.header-bar{background-color:var(--color-header-footer);transition:background-color .6s ease;padding:0 16px}h2{color:var(--color-text-primary)}.item-lists{padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:8px;height:100%;min-height:0;background:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--color-border);transition:all .6s ease}.item-lists-content{flex:1;min-height:0;overflow-y:auto;width:100%}.category-header{font-size:18px;display:flex;align-items:center;justify-content:space-around;background-color:transparent;border:none;margin-bottom:4px}.category-header:hover{cursor:pointer}.chevron{width:24px;height:24px;transition:transform .4s ease-in-out}.chevron.expanded{transform:rotate(-180deg)}.items{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out}.items-inner{padding:4px 12px;display:flex;flex-direction:column;align-items:start;gap:4px}.category.expanded .items{max-height:600px}.item-button{background-color:transparent;border:none}.item-button:hover{cursor:pointer}.category-name,.chevron,.item-name{color:var(--color-text-primary);font-size:16px}.crafting-tree{width:100%;text-align:left;color:var(--color-text-primary)}.node{text-align:left}.item{width:100%;display:flex;align-items:start;gap:.75rem;margin-bottom:.25rem;padding-left:8px;border-left:2px solid black}.item.depth-1{margin-left:2rem;border-left-color:#1e3a8a}.item.depth-2{margin-left:4rem;border-left-color:#1e40af}.item.depth-3{margin-left:6rem;border-left-color:#2563eb}.item.depth-4{margin-left:8rem;border-left-color:#3b82f6}.item.depth-5{margin-left:10rem;border-left-color:#60a5fa}.item.depth-6{margin-left:12rem;border-left-color:#93c5fd}.item.depth-7{margin-left:14rem;border-left-color:#bfdbfe}.item.depth-8{margin-left:16rem;border-left-color:#dbeafe}.item.depth-9{margin-left:18rem;border-left-color:#eff6ff}.item.depth-10{margin-left:20rem;border-left-color:#f0f9ff}.name{font-weight:600;color:var(--color-text-primary)}.raw{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.crafted-by{font-size:.8rem;color:var(--color-text-secondary)}.error{color:#ff6b6b;padding:.5rem;background:#ff6b6b1a;border-radius:4px}.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--color-border);padding:2rem;color:var(--color-text-primary);transition:all .6s ease}.crafting-display{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--color-bg-secondary);border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid var(--color-border);padding:1rem;transition:all .6s ease;overflow-x:hidden}.crafting-header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-bottom:1rem}.quantity-input{width:60px;padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);text-align:center}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{background:var(--color-bg-primary);color:var(--color-text-primary);border:none;height:20px;width:16px}.quantity-input:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.requirements{width:100%;text-align:left;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.footer{height:56px;background-color:var(--color-header-footer);margin-top:auto;transition:background-color .6s ease}:root{--color-bg-primary: #1a202c;--color-bg-secondary: #2d3748;--color-header-footer: #1e4a82;--color-border: #4a5568;--color-text-primary: #e2e8f0;--color-text-secondary: #a0aec0;--color-accent: #3182ce}[data-theme=light]{--color-bg-primary: #f0f4f8;--color-bg-secondary: #ffffff;--color-header-footer: #2b6cb0;--color-border: #e2e8f0;--color-text-primary: #2d3748;--color-text-secondary: #718096;--color-accent: #3182ce}[data-theme=dark]{--color-bg-primary: #1a202c;--color-bg-secondary: #2d3748;--color-header-footer: #1e4a82;--color-border: #4a5568;--color-text-primary: #e2e8f0;--color-text-secondary: #a0aec0;--color-accent: #3182ce}#root{max-width:1280px;margin:0;text-align:center}.app{min-height:100vh;display:flex;flex-direction:column}.header-bar{width:100vw;height:56px;display:flex;justify-content:space-between;align-items:center}.main-layout{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:1fr;flex:1;min-height:0;max-height:calc(100vh - 112px - .5rem);gap:1rem;padding:1rem;overflow:hidden}