:root{--bg:#010204;--surface:#040810;--surface2:#070c16;--surface3:#0a1220;--border:#0f1e30;--text:#a0bcc8;--text-dim:#375060;--text-faint:#132030;--mfg:#00c8f0;--mfg-bg:#020c14;--pi:#1ec85a;--pi-bg:#031408;--rxn:#d88818;--rxn-bg:#120c02;--mineral:#5a7a96;--mineral-bg:#060e18;--pi-raw:#10c0d8;--pi-raw-bg:#021418;--moon-mat:#a030d0;--moon-bg:#080414;--ice:#10d8f8;--ice-bg:#021420;--invent:#e0c828;--invent-bg:#121000;--bpc:#4898e0;--bpc-bg:#021020;--datacore:#d87840;--datacore-bg:#120800;--relic:#c060d8;--relic-bg:#0e0414;--gas:#10c0d8;--gas-bg:#021418;--salvage:#c89040;--salvage-bg:#120c00;--sleeper:#7090c0;--sleeper-bg:#060c18;--raw:#3c5468;--raw-bg:#050a10;--circular:#d02020}*{box-sizing:border-box;margin:0;padding:0}.scroll-spacer{color:#0000;display:none}body{background:var(--bg);color:var(--text);flex-direction:column;height:100vh;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;display:flex;overflow:hidden}.shared-banner{background:color-mix(in srgb, var(--mfg) 10%, var(--surface));border:1px solid var(--mfg);color:var(--text);border-radius:4px;flex-shrink:0;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.shared-banner-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:18px;line-height:1}.shared-banner-close:hover{color:var(--text)}footer{background:var(--surface);color:var(--text-dim);text-align:center;border-top:1px solid #00c8f026;flex-shrink:0;padding:8px 16px;font-size:12px}footer strong{color:var(--mfg)}header{background:var(--surface);border-bottom:1px solid #00c8f026;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:flex}header h1{color:var(--mfg);white-space:nowrap;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 0 12px #00c8f080;font-size:16px;font-weight:600}.controls-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;outline:none;max-width:200px;padding:5px 8px;font-size:12px}.plan-select:focus{border-color:var(--mfg)}.plan-select option{background:var(--surface2)}.plan-btn{background:var(--surface3);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;padding:5px 12px;font-size:12px;transition:background .15s,border-color .15s}.plan-btn:hover:not(:disabled){background:var(--mfg-bg);border-color:var(--mfg)}.plan-btn:disabled{color:var(--text-faint);cursor:default}.plan-btn--active{background:var(--mfg-bg);border-color:var(--mfg);color:var(--mfg)}.search-wrap{align-items:center;gap:4px;display:flex;position:relative}.search-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;width:200px;padding:5px 10px;font-size:12px}.search-input:focus{border-color:var(--mfg)}.qty-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:4px;outline:none;width:60px;padding:5px 8px;font-size:12px}.qty-input:focus{border-color:var(--mfg)}.search-results{z-index:100;background:var(--surface2);border:1px solid var(--border);border-top:none;border-radius:0 0 4px 4px;min-width:240px;max-height:200px;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.search-results.open{display:block}.search-result-item{cursor:pointer;white-space:nowrap;padding:6px 10px;font-size:12px}.search-result-item:hover,.search-result-item.highlighted{background:var(--surface3);color:#fff}.add-btn{background:var(--mfg-bg);border:1px solid var(--mfg);color:var(--mfg);cursor:pointer;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.add-btn:hover:not(:disabled){background:var(--mfg);color:#fff}.add-btn:disabled{border-color:var(--border);color:var(--text-faint);cursor:default;background:0 0}.me-group{align-items:center;gap:6px;margin-left:8px;display:flex}.me-group label{color:var(--text-dim);font-size:12px}.legend{background:var(--surface);border-bottom:1px solid var(--border);color:var(--text-dim);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:4px 16px;font-size:11px;display:flex}.chip-field-label{color:var(--text-dim);letter-spacing:.3px;font-size:10px}.chip-me-input{border:1px solid var(--border);width:36px;color:var(--pi);text-align:center;background:0 0;border-radius:3px;outline:none;padding:1px 3px;font-size:12px;font-weight:600}.chip-me-input:focus{border-color:var(--pi);background:var(--surface2)}.chip-qty-input{border:1px solid var(--border);width:52px;color:var(--mfg);text-align:center;background:0 0;border-radius:3px;outline:none;padding:1px 3px;font-size:12px;font-weight:600}.chip-qty-input:focus{border-color:var(--mfg);background:var(--surface2)}main{flex:1;min-height:0;display:flex;overflow:hidden}#bom-panel{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;min-height:0;padding:12px;display:flex;overflow:auto}.plan-overview{background:var(--surface2);border:1px solid var(--border);border-radius:5px;flex-shrink:0;overflow:hidden}.plan-item-row{cursor:pointer;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:7px 10px;transition:background .1s;display:flex}.plan-item-row:last-child{border-bottom:none}.plan-item-row:hover{background:var(--surface3)}.plan-item-row.active{background:var(--surface3);border-left:2px solid var(--mfg);padding-left:8px}.plan-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.plan-item-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;line-height:1;transition:background .1s,color .1s;display:flex}.plan-item-remove:hover{color:var(--circular);background:#3a0808}.plan-detail{flex:1 1 0;min-height:0;overflow:auto}.plan-pane{flex-direction:column;gap:12px;padding:12px 0;display:none}.plan-pane.active{display:flex}.bom-pane-controls{background:var(--surface2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;display:flex}.bom-section{background:var(--surface);border:1px solid var(--border);border-radius:6px;flex-shrink:0;overflow-x:auto}.section-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:2px 8px;font-size:11px}.section-btn:hover{color:var(--text);border-color:var(--text-dim)}.tree-root{padding:8px 0}.node{margin:0}.node-header{cursor:default;white-space:nowrap;border-radius:3px;align-items:baseline;gap:6px;padding:3px 12px 3px 0;transition:background .1s;display:flex}.node-header:hover{background:#ffffff08}.indent{flex-shrink:0;width:16px;display:inline-block}.toggle-btn{cursor:pointer;width:16px;color:var(--text-dim);-webkit-user-select:none;user-select:none;text-align:center;flex-shrink:0;font-size:10px}.toggle-btn:hover{color:var(--text)}.badge{letter-spacing:.2px;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:600}.badge-manufacturing{background:var(--mfg-bg);color:var(--mfg);border:1px solid var(--mfg)}.badge-pi{background:var(--pi-bg);color:var(--pi);border:1px solid var(--pi)}.badge-reaction{background:var(--rxn-bg);color:var(--rxn);border:1px solid var(--rxn)}.badge-mineral{background:var(--mineral-bg);color:var(--mineral);border:1px solid var(--mineral)}.badge-pi_raw{background:var(--pi-raw-bg);color:var(--pi-raw);border:1px solid var(--pi-raw)}.badge-raw_moon_mat{background:var(--moon-bg);color:var(--moon-mat);border:1px solid var(--moon-mat)}.badge-moon_ore{background:var(--moon-bg);color:#c060e0;border:1px solid #7020a0}.badge-ice{background:var(--ice-bg);color:var(--ice);border:1px solid var(--ice)}.badge-invention{background:var(--invent-bg);color:var(--invent);border:1px solid var(--invent)}.badge-bpc{background:var(--bpc-bg);color:var(--bpc);border:1px solid var(--bpc)}.badge-datacore{background:var(--datacore-bg);color:var(--datacore);border:1px solid var(--datacore)}.badge-ancient_relic{background:var(--relic-bg);color:var(--relic);border:1px solid var(--relic)}.badge-gas{background:var(--gas-bg);color:var(--gas);border:1px solid var(--gas)}.badge-salvage{background:var(--salvage-bg);color:var(--salvage);border:1px solid var(--salvage)}.badge-sleeper{background:var(--sleeper-bg);color:var(--sleeper);border:1px solid var(--sleeper)}.badge-raw{background:var(--raw-bg);color:var(--raw);border:1px solid var(--raw)}.badge-circular{color:var(--circular);border:1px solid var(--circular);background:#180808}.node-name{flex-shrink:0;font-size:12px}.node-qty{color:#c8a020;flex-shrink:0;font-size:12px;font-weight:600}.node-info{color:var(--text-dim);flex-shrink:0;font-size:11px}.planet-pill{background:var(--pi-raw-bg);border:1px solid var(--pi-raw);color:#58d8e8;border-radius:3px;flex-shrink:0;margin-left:2px;padding:1px 5px;font-size:10px}.moon-ore-pill{background:var(--moon-bg);border:1px solid var(--moon-mat);color:#c060e0;border-radius:3px;flex-shrink:0;margin-left:2px;padding:1px 5px;font-size:10px}.node-children{padding-left:16px}#summary-panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;gap:6px;width:420px;min-height:0;padding:12px;display:flex;overflow-y:auto}.summary-section{background:var(--surface2);border:1px solid var(--border);border-radius:5px;flex-shrink:0;overflow-y:auto}.summary-title{letter-spacing:.5px;text-transform:uppercase;background:var(--surface3);border-bottom:1px solid var(--border);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.summary-title:hover{background:var(--surface2)}.summary-title.collapsed{border-bottom:none}.summary-chevron{color:var(--text-dim);text-align:center;flex-shrink:0;width:10px;font-size:9px}.summary-rows{padding:4px 0}.summary-row{align-items:baseline;gap:6px;padding:3px 10px;font-size:12px;display:flex}.summary-row:hover{background:#ffffff08}.summary-row--invented{border-left:2px solid var(--bpc);background:#4898e00a;padding-left:8px}.summary-row--invented .summary-name{color:var(--bpc);font-style:italic}.summary-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.summary-qty{color:#c8a020;flex-shrink:0;font-weight:600}.summary-hint{color:var(--text-dim);flex-shrink:0;font-size:10px}.summary-hint--price{color:var(--invent);margin-left:auto}.summary-stocked{color:var(--pi);flex-shrink:0;font-size:10px;font-weight:700}.summary-skill-level{color:var(--bpc)}.section-all-done{color:var(--pi);margin-left:4px;font-weight:700}.skill-tree-row{align-items:center}#summary-panel:not(.stockpile-mode) .skill-tree-row{grid-template-columns:1fr 24px 12px 24px 52px;align-items:center;display:grid}.skill-lvl-sp{color:var(--text-dim);text-align:right;flex-shrink:0;font-size:10px}.skill-partial .skill-lvl-sp{color:var(--rxn)}.skill-lvl-current,.skill-lvl-sep,.skill-lvl-needed{flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-lvl-current{color:var(--text-dim);font-size:11px}.skill-done .skill-lvl-current{color:var(--pi)}.skill-partial .skill-lvl-current{color:var(--rxn)}.skill-lvl-sep{color:var(--text-faint);font-size:10px}.skill-lvl-needed{color:var(--bpc);font-size:11px;font-weight:600}.skill-need-of{color:var(--text-dim);text-align:left;flex-shrink:0;min-width:20px;font-size:10px}.skill-done .summary-name{color:var(--pi)}.skill-done .skill-need-of{color:var(--text-faint)}.skill-done .skill-lvl-btn{opacity:.45}.skill-partial .summary-name{color:var(--rxn)}.skill-lvl-btns{flex-shrink:0;gap:2px;display:flex}.skill-lvl-btn{background:var(--surface3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;border-radius:3px;min-width:18px;padding:1px 5px;font-family:inherit;font-size:9px;line-height:1.5}.skill-lvl-btn:hover{border-color:var(--mfg);color:var(--text)}.skill-lvl-active{background:var(--mfg-bg);border-color:var(--mfg);color:var(--mfg);font-weight:700}.summary-row--stacked{flex-direction:column;align-items:stretch;gap:3px}.summary-row-head{align-items:baseline;gap:6px;display:flex}.summary-row-tags{flex-wrap:wrap;gap:3px;display:flex}.summary-pi-combined{border-top:1px solid var(--border);margin-top:3px;padding-top:5px}.summary-pi-combined .summary-name{color:var(--pi-raw);font-size:11px}.summary-row .badge{flex-shrink:0}.planet-tag{background:var(--pi-raw-bg);border:1px solid var(--pi-raw);color:#58d8e8;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:10px}.ore-tag{background:var(--moon-bg);border:1px solid var(--moon-mat);color:#c060e0;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:10px}#empty-state{color:var(--text-faint);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}#empty-state h2{color:var(--text-dim);font-size:18px}#empty-state p{font-size:12px}.loading-overlay{color:var(--text-dim);justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}#summary-panel.stockpile-mode{width:500px}.sp-rows{flex-direction:column;display:flex}.sp-row{grid-template-columns:1fr 58px 68px 46px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:grid}.sp-header-row{border-bottom:1px solid var(--border);margin-bottom:2px;padding-bottom:4px}.sp-col-label{color:var(--text-dim);text-align:right;font-size:10px}.sp-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sp-need{color:var(--text-dim);text-align:right;font-size:11px}.sp-have{background:var(--surface3);border:1px solid var(--border);width:100%;color:var(--text);text-align:right;-moz-appearance:textfield;border-radius:3px;padding:2px 5px;font-size:11px}.sp-have::-webkit-outer-spin-button{-webkit-appearance:none}.sp-have::-webkit-inner-spin-button{-webkit-appearance:none}.sp-have:focus{border-color:var(--mfg);outline:none}.sp-have-check{cursor:pointer;accent-color:var(--mfg);justify-self:center;width:14px;height:14px}.sp-delta{text-align:right;font-size:11px;font-weight:600}.sp-ok{color:var(--pi)}.sp-need-delta{color:var(--rxn)}.sp-done .sp-name{color:var(--text-dim)}.sp-done .sp-need{color:var(--text-faint)}.sp-done .sp-have{opacity:.5}.sp-row:not(.sp-header-row):hover{background:#ffffff08}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border)}[title]{cursor:help}@media (width<=900px){main{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;padding:10px;overflow:hidden auto}#bom-panel{flex:none;gap:0;max-height:none;padding:0;overflow:visible}#summary-panel{border-top:none;border-left:none;flex:none;gap:8px;width:100%;height:auto;min-height:0;max-height:none;padding:0;overflow:visible}.plan-overview{flex-shrink:0}.plan-detail{flex:none;overflow:visible}.plan-pane.active{height:auto;overflow:visible}#summary-panel.stockpile-mode{width:100%}.sp-row{grid-template-columns:1fr 48px 56px 38px;gap:3px;padding:3px 8px}.sp-have{padding:2px 3px;font-size:10px}#summary-panel{margin-bottom:0}.scroll-spacer{height:max(80px, calc(env(safe-area-inset-bottom) + 40px));padding-bottom:max(16px, env(safe-area-inset-bottom));color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.scroll-spacer strong{color:var(--mfg);display:inline}}