:root{--bg: #0b1020;--bg-elev: #141a2e;--bg-card: #161d33;--border: #26304d;--text: #e8ecf7;--muted: #97a1c0;--accent: #6ea8ff;--accent-2: #8be0c2;--gold: #ffd166;--tabbar-h: 64px;--topbar-h: 56px;--maxw: 920px;font-synthesis:none;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 70% -10%,#1a2b52 0%,transparent 60%),radial-gradient(900px 500px at 0% 0%,#182142 0%,transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45}.app{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;padding-top:env(safe-area-inset-top);background:#0b1020d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:.2px;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.brand-mark{color:var(--accent)}.topnav{display:none;gap:4px}.topnav-link{color:var(--muted);text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.95rem}.topnav-link.active{color:var(--text);background:var(--bg-elev);box-shadow:inset 0 0 0 1px var(--border)}.content{max-width:var(--maxw);margin:0 auto;padding:16px 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px)}.page-head h1{margin:8px 0 2px;font-size:1.6rem}.muted{color:var(--muted)}.page-head .muted{margin:0 0 12px;font-size:.92rem}.tabs{display:flex;gap:6px;background:var(--bg-elev);padding:4px;border-radius:12px;border:1px solid var(--border);margin-bottom:12px}.tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);padding:9px 10px;border-radius:9px;font-weight:600;font-size:.92rem;cursor:pointer}.tab-active{background:var(--bg-card);color:var(--text);box-shadow:0 1px #0000004d}.searchbar input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:16px;margin-bottom:14px}.searchbar input::placeholder{color:var(--muted)}.searchbar input:focus{outline:none;border-color:var(--accent)}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:12px}.card{background:linear-gradient(180deg,var(--bg-card),#131a2e);border:1px solid var(--border);border-radius:16px;padding:14px}.card-main{display:flex;gap:14px;align-items:flex-start}.card-body{flex:1;min-width:0}.card-body h3{margin:2px 0 8px;font-size:1.05rem;display:flex;align-items:center;gap:8px}.badge{font-size:.72rem;font-weight:700;color:var(--bg);background:var(--gold);border-radius:999px;padding:2px 8px}.card-link{text-decoration:none;color:inherit;cursor:pointer}.card-link:hover h3{color:var(--accent)}.back-link{display:inline-block;color:var(--accent);text-decoration:none;font-weight:600;margin:2px 0 10px}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.detail-head h1{margin:0;font-size:1.5rem}.type-badge{display:inline-block;margin-top:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.detail-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:16px}.calib-toggle-row{margin-bottom:12px}.cog-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);padding:8px 14px;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer}.cog-btn:hover,.cog-btn.active{border-color:var(--accent);color:var(--accent)}.calibrator{background:var(--bg-card);border:1px solid var(--accent);border-radius:14px;padding:14px;margin-bottom:16px}.calibrator-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.nudge{display:flex;align-items:center;gap:6px}.nudge button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);width:44px;height:36px;border-radius:8px;font-weight:700;font-size:.82rem;cursor:pointer}.nudge button:hover{border-color:var(--accent)}.cal-mult{width:84px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:16px;font-variant-numeric:tabular-nums;text-align:center}.cal-mult:focus{outline:none;border-color:var(--accent)}.calib-ingredients{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.calib-ingredients li{display:grid;grid-template-columns:1fr auto auto 96px;align-items:center;gap:8px}.ci-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-base,.ci-now{font-size:.76rem;font-variant-numeric:tabular-nums}.ci-now{color:var(--gold);font-weight:700}.ci-input{height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.ci-input:focus{outline:none;border-color:var(--accent)}.qty-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.qty-row label{font-weight:600}.qty-row input{width:110px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.qty-row input:focus{outline:none;border-color:var(--accent)}.detail-section{margin-bottom:18px}.detail-section h2{font-size:1.05rem;margin:0 0 10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{margin:0}.tree-controls{display:flex;gap:6px}.tree-controls button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--muted);padding:5px 10px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer}.tree-controls button:hover{border-color:var(--accent);color:var(--text)}.tree-controls button.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft, rgba(120, 160, 255, .16))}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;margin:2px 0 10px;font-size:.85rem}.breadcrumbs .crumb{display:inline-flex;align-items:center;gap:4px;min-width:0}.crumb-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-link:hover{text-decoration:underline}.crumb-sep{color:var(--muted)}.crumb-current{color:var(--muted);font-weight:600}.total-row .thumb{border-radius:7px}.galaxy{display:flex;flex-direction:column;gap:10px}.galaxy-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.galaxy-bar p{margin:0}.galaxy-canvas{overflow:auto;max-height:72vh;border:1px solid var(--border);border-radius:14px;background:#070b18;cursor:grab;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.galaxy-canvas:active{cursor:grabbing}.galaxy-canvas.is-tagging{cursor:crosshair}.galaxy-stage{position:relative;line-height:0}.galaxy-stage img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.galaxy-marker{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000080,0 0 6px #0009;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease,transform .12s ease}.galaxy-marker-no{font-size:9px;font-weight:800;line-height:1;color:#06101f;text-shadow:0 1px 0 rgba(255,255,255,.4)}.galaxy-marker.dim{opacity:.22}.galaxy-marker.sel{transform:translate(-50%,-50%) scale(1.45);border-color:#fff;box-shadow:0 0 0 2px #fff,0 0 10px #fffc;z-index:3}.galaxy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.tag-panel{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--bg-elev)}.tag-panel .hint{margin:6px 0 0}.tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.galaxy-infobar{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.galaxy-level{display:inline-flex;align-items:center;gap:8px}.galaxy-info{display:flex;align-items:center;gap:10px}.galaxy-tier{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);padding:5px 10px;border-radius:8px;font-size:.8rem;font-weight:600;max-width:60vw}.save-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent);background:var(--accent-soft, rgba(120, 160, 255, .16));color:var(--text);padding:5px 14px;border-radius:8px;font-weight:700;font-size:.8rem;cursor:pointer}.save-btn:disabled{opacity:.45;cursor:default}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.hint{font-size:.8rem;margin:4px 0 10px}.tree,.tree-children{list-style:none;margin:0;padding:0}.tree-children{margin-left:14px;padding-left:12px;border-left:1px dashed var(--border)}.tree-branch,.tree-leaf{padding:3px 0}.tree-label{display:flex;align-items:center;gap:8px}.tree-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);width:24px;height:24px;border-radius:6px;font-size:.7rem;cursor:pointer;flex:none;display:grid;place-items:center}.tree-toggle:hover{border-color:var(--accent)}.tree-toggle-spacer{width:24px;flex:none}.tree-more{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font-size:.76rem;cursor:pointer;padding:0 4px;text-decoration:underline dotted}.tree-more:hover{color:var(--accent)}.tree-qty{font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold);min-width:44px}.tree-name-link{color:var(--text);text-decoration:none}.tree-name-link:hover{color:var(--accent);text-decoration:underline}.tree-name.unknown,.total-name.unknown{color:var(--muted);font-style:italic}.type-dot{width:8px;height:8px;border-radius:50%;flex:none}.type-item{background:var(--accent)}.type-alloy{background:var(--accent-2)}.type-ore{background:var(--gold)}.type-unknown{background:var(--muted)}.totals{list-style:none;margin:0;display:grid;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:8px 12px}.total-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--border)}.total-row:last-child{border-bottom:0}.total-name{flex:1;color:var(--text);text-decoration:none}.total-name:hover{color:var(--accent)}.total-qty{font-variant-numeric:tabular-nums;font-weight:700}.thumb{flex:none;border-radius:12px;background:#0e1426;border:1px solid var(--border);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}.thumb-fallback{color:var(--muted);font-weight:700}.stats{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:6px}.stat{display:flex;flex-direction:column}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.stat-value{font-weight:700;font-variant-numeric:tabular-nums}.recipe{margin:6px 0 0;font-size:.9rem}.chips{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.78rem;color:var(--accent-2);background:#8be0c21a;border:1px solid rgba(139,224,194,.25);border-radius:999px;padding:2px 9px}.ore-mix{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.ore-mix li{display:grid;grid-template-columns:84px 1fr 42px;align-items:center;gap:8px;font-size:.85rem}.ore-name{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ore-bar{height:8px;border-radius:999px;background:#0e1426;border:1px solid var(--border);overflow:hidden}.ore-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.ore-pct{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.state{text-align:center;padding:48px 16px;color:var(--text)}.state-error{color:#ff9d9d}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;background:#0b1020eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.tabbar-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.72rem;font-weight:600}.tabbar-link.active{color:var(--accent)}.tabbar-icon{font-size:1.25rem;line-height:1}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);width:38px;height:38px;border-radius:10px;font-size:1.1rem;cursor:pointer;display:grid;place-items:center}.icon-btn:hover{border-color:var(--accent)}.topbar-mods{flex:none}.craft-time{display:inline-flex;flex-direction:column;line-height:1.15}.craft-base{font-size:.66rem;font-weight:600}.est-tag{margin-left:5px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--gold);background:#ffd1661f;border:1px solid rgba(255,209,102,.3);border-radius:5px;padding:1px 4px;vertical-align:middle;cursor:help}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#04071099;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:50;top:0;right:0;height:100vh;width:min(420px,92vw);background:var(--bg-elev);border-left:1px solid var(--border);box-shadow:-20px 0 50px #0006;transform:translate(100%);transition:transform .22s ease;padding:16px 16px calc(16px + env(safe-area-inset-bottom));padding-top:calc(16px + env(safe-area-inset-top));overflow-y:auto;display:flex;flex-direction:column;gap:14px}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{margin:0;font-size:1.3rem}.drawer-intro{margin:-6px 0 0;font-size:.88rem}.modifiers{display:grid;gap:18px}.modifier-group{display:grid;gap:14px}.modifier-group-title{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;color:var(--accent)}.modifier{display:grid;gap:6px}.modifier-label{font-weight:700}.modifier input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.modifier input:focus{outline:none;border-color:var(--accent)}.modifier-help{font-size:.8rem;line-height:1.4}.calib{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:6px}.calib-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}.strike{text-decoration:line-through}.btn-reset{margin-top:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:12px;border-radius:12px;font-weight:600;cursor:pointer}.btn-reset:disabled{opacity:.4;cursor:default}@media (min-width: 720px){.topnav{display:flex}.tabbar{display:none}.content{padding-bottom:32px}.cards{grid-template-columns:1fr 1fr}.page-head h1{font-size:1.9rem}}.small{font-size:.78rem}.ore-planets{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0 2px}.ore-planet{display:inline-flex;align-items:center;gap:6px;font-size:.82rem}.ore-planet-label{color:var(--muted, #8b93a7);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.ore-planet-name{display:inline-flex;align-items:center;gap:4px;font-weight:600}.ore-planet-yield{color:var(--muted, #8b93a7)}.tele-groups{display:flex;flex-direction:column;gap:22px}.tele-group{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 14px 16px;background:#ffffff05}.tele-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.tele-head h2{font-size:1.05rem;margin:0}.tele-count{color:var(--muted, #8b93a7);font-size:.8rem;white-space:nowrap}.tele-ores{margin:0 0 12px}.planet-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.planet-tile{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#ffffff08}.planet-tile .thumb{flex:0 0 auto}.planet-tile-body{min-width:0}.planet-tile-body h3{font-size:.92rem;margin:0 0 1px;display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.planet-tile-body p{margin:0}.planet-tile-ore{font-size:.78rem}