:root{color:var(--text);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#eef2f7;--surface:#fff;--surface-muted:#f6f8fb;--surface-soft:#f8fafc;--nav:#dde5ef;--text:#1c2430;--muted:#526070;--border:#cbd5e1;--border-strong:#aebbc9;--border-soft:#d7dee8;--accent:#223044;--accent-text:#fff;--focus:#2772d8;--counter-bg:#d9eadf;--counter-text:#214b32;--danger-bg:#fff0f0;--danger-text:#9f1d25;--danger-border:#e2a1a5;--success-bg:#eaf7ef;--success-text:#1f6b3a;--success-border:#a9d6b8;--profit-positive:#13713c;--profit-negative:#b4232c;--link:#175db8;--image-placeholder:#e3e9f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#111827;--surface:#172033;--surface-muted:#1d283d;--surface-soft:#202b42;--nav:#182236;--text:#eef4ff;--muted:#a9b7ca;--border:#34445f;--border-strong:#475873;--border-soft:#2b3a53;--accent:#8fb7ff;--accent-text:#0f172a;--focus:#7cb2ff;--counter-bg:#183826;--counter-text:#b7f0ca;--danger-bg:#3a1d24;--danger-text:#ffb3bd;--danger-border:#7c3544;--success-bg:#173525;--success-text:#aaf0c2;--success-border:#2b7448;--profit-positive:#76df99;--profit-negative:#ff8996;--link:#91bdff;--image-placeholder:#26344d}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1420px,100% - 32px);margin:0 auto;padding:24px 0 56px}.topbar,.tabs,.controls,.sectionHeader{align-items:center;display:flex}.topbar{justify-content:space-between;gap:16px;padding:4px 0 18px}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:clamp(1.8rem,4vw,3.6rem);line-height:.95}.sourceLink,.tab,.themeToggle{border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none}.buttonLink{appearance:none}.sourceLink{border-radius:8px;padding:10px 14px;font-weight:700}.redEnergyLink{color:#fff;white-space:nowrap;background:#b13e4b;border-color:#d47a8a;border-radius:40px;justify-content:center;align-items:center;gap:8px;font-size:.95rem;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;box-shadow:0 10px 22px #b13e4b47}.redEnergyLink:before{content:"";background:#fff;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #ffffff2e}.redEnergyLink:hover{background:#9e3340;border-color:#ff9aad;transform:translateY(-1px);box-shadow:0 12px 26px #b13e4b5c}.redEnergyLink:focus-visible{outline-offset:3px;outline:3px solid #b13e4b47}.themeToggle{border-radius:8px;min-height:42px;padding:0 14px;font-weight:900}.tabs{background:var(--nav);border:1px solid var(--border);border-radius:8px;gap:8px;margin-bottom:12px;padding:8px;overflow-x:auto}.professionTabs{background:0 0;margin-bottom:18px}.tab{cursor:pointer;white-space:nowrap;border-radius:7px;min-height:42px;padding:0 16px}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.hero{background:var(--surface);border:1px solid var(--border-soft);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(240px,500px);align-items:center;gap:24px;min-height:210px;padding:24px;display:grid;overflow:hidden}.hero h2{font-size:clamp(1.7rem,4vw,3.75rem);line-height:1}.hero img{image-rendering:auto;justify-self:end;width:100%;height:auto}img.imageFallback{border:1px solid var(--border-soft);background:var(--image-placeholder);object-fit:contain;opacity:.78;border-radius:8px}.dropsHero{grid-template-columns:minmax(0,1fr) auto}.dropsStats{border:1px solid var(--border);background:var(--surface-muted);text-align:center;border-radius:8px;min-width:180px;padding:18px}.dropsStats strong,.dropsStats span{display:block}.dropsStats strong{font-size:clamp(2rem,4vw,3.5rem);line-height:1}.dropsStats span{color:var(--muted);margin-top:6px;font-weight:800}.controls{justify-content:space-between;gap:16px;margin:18px 0}.searchBox{width:min(560px,100%);color:var(--muted);gap:6px;font-size:.86rem;font-weight:700;display:grid}.searchBox input{border:1px solid var(--border);background:var(--surface);width:100%;height:46px;color:var(--text);border-radius:8px;outline:none;padding:0 14px}.searchBox input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent)}.counter{background:var(--counter-bg);min-width:96px;color:var(--counter-text);text-align:center;border-radius:8px;flex:none;padding:10px 12px;font-weight:800}.tabCount{background:var(--counter-bg);min-width:24px;color:var(--counter-text);border-radius:999px;margin-left:8px;padding:2px 7px;font-size:.78rem;font-weight:900}.tab.active .tabCount{background:var(--surface);color:var(--text)}.sections{gap:18px;display:grid}.dropGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.dropCard{border:2px solid var(--border-strong);background:var(--surface);border-radius:8px;align-content:start;gap:14px;padding:14px;display:grid}.dropItem{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;display:grid}.dropItem img{object-fit:contain;width:58px;height:58px}.dropItem h3{font-size:1.08rem}.dropTitleLine{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dropTitleLine span{background:var(--accent);color:var(--accent-text);text-transform:uppercase;border-radius:999px;padding:3px 7px;font-size:.72rem;font-weight:900}.dropItem p{color:var(--muted);margin:5px 0 0;font-size:.9rem;font-weight:700;line-height:1.35}.dropItem .merchantPrice{border:1px solid var(--success-border);background:var(--success-bg);width:fit-content;color:var(--success-text);border-radius:7px;padding:4px 8px;font-weight:900}.dropSources{flex-wrap:wrap;gap:8px;display:flex}.dropSources.collapsed{max-height:88px;overflow:hidden}.dropSource{border:1px solid var(--border);background:var(--surface-soft);max-width:100%;min-height:38px;color:var(--text);border-radius:7px;align-items:center;gap:7px;padding:5px 9px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.dropSource img{object-fit:contain;flex:none;width:28px;height:28px}.dropSource span{overflow-wrap:anywhere}.dropSource small{color:var(--muted);margin-top:2px;font-size:.74rem;font-weight:700;line-height:1.2;display:block}.dropSource.textOnly{color:var(--link)}.showMoreButton{border:1px solid var(--accent);background:var(--surface);width:fit-content;min-height:34px;color:var(--accent);border-radius:7px;padding:0 10px;font-size:.86rem;font-weight:800}.craftSection{background:var(--surface);border:2px solid var(--border-strong);border-radius:8px;overflow:hidden}.sectionHeader{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:16px;padding:16px 18px}.sectionHeader h3{font-size:1.15rem}.sectionHeader span{color:var(--muted);white-space:nowrap;font-size:.9rem;font-weight:700}.sectionFooter{border-top:1px solid var(--border-soft);background:var(--surface-soft);padding:12px 18px 16px}.headerActions{align-items:center;gap:10px;display:flex}.tableWrap{overflow-x:auto}table{border-collapse:collapse;border:2px solid var(--border-strong);width:100%}th,td{border:2px solid var(--border);vertical-align:middle;text-align:center;padding:12px}th{z-index:1;background:var(--surface-muted);color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800;position:sticky;top:0}td:first-child,th:first-child{min-width:170px}td:last-child{min-width:320px}.actionColumn,.actionCell{width:112px;min-width:112px}td img{object-fit:contain;vertical-align:middle;width:auto;max-width:92px;height:auto;max-height:92px;margin:2px 4px}td img[data-src]{background:var(--image-placeholder);border-radius:6px;width:32px;height:32px}td img.imageFallback{width:32px;max-width:32px;height:32px;max-height:32px}td a{color:var(--link);font-weight:700;text-decoration:none}.addButton,.removeButton{border:1px solid var(--accent);border-radius:7px;min-height:36px;font-weight:800}.addButton{background:var(--accent);color:var(--accent-text);padding:0 12px}.removeButton{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border);padding:0 10px}.craftSummary,.pricePanel,.emptyCrafts,.plannerCard{background:var(--surface);border:2px solid var(--border-strong);border-radius:8px}.craftSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden}.craftSummary>div{background:var(--surface-soft);padding:18px}.craftSummary strong{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1;display:block}.profitPositive{color:var(--profit-positive)}.profitNegative{color:var(--profit-negative)}.pricePanel{margin-bottom:18px;overflow:hidden}.priceGrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;max-height:360px;padding:14px;display:grid;overflow:auto}.priceField,.itemPrice{color:var(--muted);gap:6px;font-size:.84rem;font-weight:800;display:grid}.priceField span,.resourceName,.craftedItem{align-items:center;gap:10px;display:flex}.priceField img,.resourceName img,.craftedItem img{object-fit:contain;flex:none;width:32px;height:32px}.priceField input,.itemPrice input,.smallNumber{border:1px solid var(--border);background:var(--surface);width:100%;height:38px;color:var(--text);border-radius:7px;padding:0 10px}.craftPlanner{gap:18px;display:grid}.plannerCard{padding:16px}.plannerHeader,.profitLine{justify-content:space-between;align-items:center;gap:14px;display:flex}.craftedItem h3{font-size:1.25rem}.itemPrice{width:min(280px,100%);margin:16px 0}.craftInputs{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.craftInputs .itemPrice{margin:0}.resourceList{gap:10px;display:grid}.resourceRow{border:1px solid var(--border-soft);background:var(--surface-soft);border-radius:8px;grid-template-columns:minmax(210px,1fr) minmax(160px,260px) 86px 110px;align-items:center;gap:12px;padding:10px;display:grid}.resourceName strong,.resourceName span{display:block}.resourceName span,.resourceRow label{color:var(--muted);font-size:.82rem;font-weight:700}.resourceRow label{gap:7px;display:grid}.stockLabel{justify-content:space-between;align-items:center;gap:10px;display:flex}.stockLabel strong{color:var(--text);font-size:.78rem}.resourceRow input[type=range]{appearance:none;border:1px solid var(--border-strong);background:linear-gradient(90deg, var(--focus) 0 var(--stock-progress), var(--surface) var(--stock-progress) 100%);width:100%;height:12px;box-shadow:inset 0 1px 3px color-mix(in srgb, var(--text) 18%, transparent);border-radius:999px;outline:none;margin:0}.resourceRow input[type=range]::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--focus);width:22px;height:22px;box-shadow:0 0 0 1px var(--border-strong), 0 2px 5px color-mix(in srgb, var(--text) 28%, transparent);border-radius:50%}.resourceRow input[type=range]::-moz-range-thumb{border:3px solid var(--surface);background:var(--focus);width:16px;height:16px;box-shadow:0 0 0 1px var(--border-strong), 0 2px 5px color-mix(in srgb, var(--text) 28%, transparent);border-radius:50%}.profitLine{border-top:1px solid var(--border-soft);margin-top:14px;padding-top:14px;font-size:1.05rem;font-weight:900}.emptyCrafts{padding:28px}.emptyCrafts h2{font-size:clamp(1.7rem,4vw,3rem)}.emptyCrafts p{color:var(--muted);margin:8px 0 0;font-weight:700}.state{border:1px solid var(--border-soft);background:var(--surface);color:var(--muted);border-radius:8px;margin:24px 0;padding:18px;font-weight:700}.compactState{margin-top:0;padding:12px 14px}@media (width<=760px){.shell{width:min(100% - 20px,1420px);padding-top:14px}.topbar,.controls{flex-direction:column;align-items:stretch}.sourceLink{width:fit-content}.redEnergyLink{width:100%}.hero{grid-template-columns:1fr;padding:18px}.dropsHero{grid-template-columns:1fr}.dropsStats{text-align:left;width:100%}.hero img{justify-self:start;max-width:500px}.counter{width:fit-content}.dropGrid{grid-template-columns:1fr}th,td{padding:10px}td:first-child,th:first-child{min-width:140px}td:last-child{min-width:260px}.craftSummary{grid-template-columns:1fr}.plannerHeader,.profitLine{flex-direction:column;align-items:stretch}.resourceRow{grid-template-columns:1fr}.smallNumber{width:100%}}