:root{color:#edf3e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10140f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#10140f;overflow-x:hidden}body{background-color:#10140f;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}img{image-rendering:pixelated;-webkit-user-select:none;user-select:none}#root{min-height:100svh}:root{--bg:#10140f;--panel:#121811;--panel-strong:#182217;--tile:#1d271a;--tile-2:#26321f;--line:#d9e6cb29;--text:#edf3e8;--muted:#aebba5;--soft:#d9e6cb;--green:#67c56f;--cyan:#55b6c9;--gold:#d7b24a;--red:#e26f5d;--shadow:0 18px 45px #00000059}.app-shell{width:100%;max-width:100vw;min-height:100svh;color:var(--text);overflow-x:hidden}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10140feb;justify-content:space-between;align-items:center;gap:16px;padding:14px 14px 10px;display:flex;position:sticky;top:0}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:750;line-height:1.2}h1{color:var(--soft);letter-spacing:0;margin:0;font-size:19px;font-weight:800;line-height:1.1}.stat-line{grid-template-columns:repeat(3,auto);gap:6px;display:grid}.stat-line span{border:1px solid var(--line);min-width:42px;color:var(--soft);text-align:center;background:#ffffff0b;border-radius:7px;padding:6px 8px;font-size:12px;font-weight:800;line-height:1}.controls{z-index:18;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10140feb;padding:10px 12px 12px;position:sticky;top:58px}.search-box{height:42px;color:var(--muted);background:#080c08c7;border:1px solid #67c56f57;border-radius:8px;grid-template-columns:20px 1fr 28px;align-items:center;padding:0 8px 0 12px;display:grid}.search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #67c56f29}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.search-box input::placeholder{color:#819078}.search-box button{background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.filter-row{scrollbar-width:none;gap:8px;margin-top:10px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff0b;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:750;display:inline-flex}.filter-chip b{color:#829177;font-size:11px}.filter-chip.active{color:var(--text);background:#67c56f29;border-color:#67c56f94}.content{display:block}.item-browser{min-height:calc(100svh - 156px);padding:10px 10px 54svh}.result-meta{height:22px;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;padding:0 4px;font-size:12px;font-weight:800;line-height:1;display:flex}.result-meta span:first-child{color:var(--gold)}.item-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:7px;display:grid}.item-tile{aspect-ratio:1;background:linear-gradient(180deg, #ffffff0e, transparent), var(--tile);border:1px solid #d9e6cb1c;border-radius:8px;place-items:center;min-height:48px;padding:0;display:grid;position:relative;box-shadow:inset 0 -2px #00000042}.item-tile img{width:30px;height:30px}.item-tile.selected{border-color:var(--gold);background:linear-gradient(180deg, #d7b24a33, #67c56f14), var(--tile-2);box-shadow:0 0 0 2px #d7b24a38,inset 0 -2px #0000004d}.detail-panel{z-index:30;background:var(--panel);width:100%;min-width:0;max-width:100vw;max-height:55svh;box-shadow:var(--shadow);border-top:1px solid #d9e6cb38;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden auto}.detail-panel>*{min-width:0;max-width:100%}.selected-summary{z-index:2;border-bottom:1px solid var(--line);background:#121811fa;grid-template-columns:62px 1fr;align-items:center;gap:12px;padding:12px;display:grid;position:sticky;top:0}.selected-icon{background:#0c100b;border:1px solid #d7b24a61;border-radius:8px;width:56px;height:56px;padding:8px}.selected-copy{min-width:0}.selected-copy p{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:20px;font-weight:850;line-height:1.1;overflow:hidden}.mini-stats{flex-wrap:wrap;gap:6px;display:flex}.mini-stats span{border:1px solid var(--line);min-height:25px;color:var(--muted);background:#ffffff0d;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:12px;font-weight:850;display:inline-flex}.mini-stats b{color:var(--gold);font-size:11px}.history-strip{color:var(--muted);grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:10px 12px 2px;display:grid}.history-strip>span{text-transform:uppercase;font-size:11px;font-weight:850}.history-strip div{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.history-strip div::-webkit-scrollbar{display:none}.history-strip button{border:1px solid var(--line);background:#ffffff0b;border-radius:7px;flex:none;place-items:center;width:34px;height:34px;display:grid}.history-strip img{width:23px;height:23px}.detail-section{padding:12px;overflow-x:hidden}.detail-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px 0;display:grid}.detail-tabs button{border:1px solid var(--line);min-width:0;min-height:38px;color:var(--muted);background:#ffffff0b;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:850;display:flex}.detail-tabs button.active{color:var(--soft);background:#67c56f26;border-color:#67c56f9e}.detail-tabs b{color:var(--gold);font-size:11px}.section-title{color:var(--green);align-items:center;gap:7px;margin-bottom:9px;display:flex}.section-title h2{color:var(--soft);letter-spacing:0;margin:0;font-size:14px;font-weight:850;line-height:1}.section-title span{border:1px solid var(--line);min-width:23px;height:20px;color:var(--gold);border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:11px;font-weight:900;display:inline-flex}.recipe-node-list{scrollbar-width:none;gap:10px;min-width:0;max-width:100%;padding:1px 0 12px;display:flex;overflow-x:auto}.recipe-node-list::-webkit-scrollbar{display:none}.recipe-node{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;flex:0 0 74px;justify-items:center;gap:5px;min-height:86px;padding:8px 6px 7px;display:grid}.recipe-node.active{background:#d7b24a21;border-color:#d7b24ab8}.recipe-node img{width:48px;height:48px}.recipe-node span{color:var(--muted);font-size:11px;font-weight:850;line-height:1}.recipe-breakdown{border:1px solid var(--line);background:linear-gradient(#ffffff0e,#0000),#141d13;border-radius:8px;min-width:0;max-width:100%;padding:12px;overflow:hidden}.breakdown-labels{color:var(--muted);text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:12px;font-weight:850;display:flex}.tree-flow{grid-template-columns:minmax(0,1fr) 24px 64px;align-items:center;gap:10px;min-width:0;max-width:100%;display:grid}.tree-grid{grid-template-columns:repeat(var(--cols), 56px);grid-template-rows:repeat(var(--rows), 56px);scrollbar-width:none;place-content:center;gap:7px;min-width:0;max-width:100%;padding:1px;display:grid;overflow-x:auto}.tree-grid::-webkit-scrollbar{display:none}.tree-slot{background:#080c08a8;border:1px solid #d9e6cb24;border-radius:8px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}.tree-slot.empty{background:#080c0838;border-color:#d9e6cb0f}.tree-slot.active{background:#d7b24a29;border-color:#d7b24ac7}.tree-slot img{width:42px;height:42px}.tree-arrow{color:var(--gold);text-align:center;font-size:20px;font-weight:900}.result-icon{background:#55b6c91c;border-color:#55b6c975}.result-count{background:var(--gold);color:#151108;border:1px solid #090d08;border-radius:7px;min-width:27px;height:20px;padding:0 5px;font-size:11px;font-weight:950;line-height:18px;position:absolute;bottom:-5px;right:-5px}.source-grid{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;max-width:100%;display:grid}.source-chip{border:1px solid var(--line);text-align:left;background:#ffffff0b;border-radius:8px;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-width:0;max-width:100%;height:42px;padding:0 9px;display:grid}.source-chip img{width:26px;height:26px}.source-chip span{min-width:0;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760;line-height:1.1;overflow:hidden}.source-more,.empty-state{border:1px dashed var(--line);min-height:42px;color:var(--muted);border-radius:8px;place-items:center;font-size:13px;font-weight:750;display:grid}.empty-state{margin:0}.data-note{color:#819078;align-items:center;gap:6px;padding:8px 12px 14px;font-size:11px;line-height:1.2;display:flex}.item-tile,.filter-chip,.detail-tabs button,.recipe-node,.tree-slot,.source-chip,.history-strip button,.search-box button{cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s}.item-tile:active,.filter-chip:active,.detail-tabs button:active,.recipe-node:active,.tree-slot:active,.source-chip:active,.history-strip button:active,.search-box button:active{transform:translateY(1px)}.item-tile:focus-visible,.filter-chip:focus-visible,.detail-tabs button:focus-visible,.recipe-node:focus-visible,.tree-slot:focus-visible,.source-chip:focus-visible,.history-strip button:focus-visible,.search-box button:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (width>=760px){.topbar{padding:16px 22px 12px}h1{font-size:23px}.controls{padding-inline:22px;top:64px}.content{grid-template-columns:minmax(360px,.94fr) minmax(430px,1.06fr);min-height:calc(100svh - 157px);display:grid}.item-browser{border-right:1px solid var(--line);min-height:0;max-height:calc(100svh - 157px);padding:14px 14px 18px 22px;overflow-y:auto}.item-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.item-tile{min-height:56px}.item-tile img{width:35px;height:35px}.detail-panel{max-height:calc(100svh - 157px);box-shadow:none;border-top:0;position:sticky;inset:157px auto auto}.recipe-node-list{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));display:grid;overflow:visible}.recipe-node{min-width:0}.source-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}}@media (width>=1120px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr))}.item-tile{min-height:62px}.item-tile img{width:39px;height:39px}}