:root{--void: #0e1518;--hull: #18232a;--hull-2: #22303a;--rule: #2e3f4a;--text: #c8d6dc;--text-dim: #7a8e97;--signal: #f0b429;--danger: #d8663f;--sans: "Chivo", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--mono: "Chivo Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--sidebar-w: 13.5rem;--gutter: 1.25rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%}.shell-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.shell-content{flex:1;overflow-y:auto;padding:calc(var(--gutter) * 1.5) var(--gutter)}.sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 0;background:var(--hull);border-right:1px solid var(--rule);overflow-y:auto}.brand{display:flex;flex-direction:column;padding:0 var(--gutter)}.brand-name{font-weight:700;font-size:1.0625rem;letter-spacing:.06em}.brand-sub{color:var(--text-dim);font-size:.8125rem}.nav{display:flex;flex-direction:column}.nav-item{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.5rem var(--gutter);background:none;border:0;border-left:2px solid transparent;text-align:left;cursor:pointer}.nav-item[aria-selected=true]{border-left-color:var(--signal);background:var(--hull-2)}.nav-item[data-locked]{color:var(--text-dim);cursor:not-allowed}.nav-lock{font-size:.6875rem;color:var(--text-dim)}.nav-hint{margin:0 var(--gutter);color:var(--text-dim);font-size:.8125rem}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem var(--gutter);padding:.75rem var(--gutter);background:var(--hull);border-bottom:1px solid var(--rule)}.topbar-resources,.topbar-meters{display:flex;gap:1.5rem}.readout{display:flex;flex-direction:column}.readout-label{color:var(--text-dim);font-size:.75rem;line-height:1.3}.readout-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:500;letter-spacing:-.01em}.meter{display:flex;flex-direction:column;gap:.25rem;min-width:8.5rem}.meter-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.meter-figure{font-size:.875rem}.meter-figure[data-alert=true]{color:var(--danger)}.gauge{display:flex;gap:2px}.gauge-seg{flex:1;height:6px;background:var(--rule)}.gauge-seg[data-lit=true]{background:var(--text-dim)}.gauge[data-full=true] .gauge-seg[data-lit=true]{background:var(--danger)}.panel{max-width:54rem}.panel-title{margin:0 0 .25rem;font-size:1.375rem;font-weight:600;letter-spacing:.02em}.panel-lede{margin:0 0 1.5rem;max-width:48ch;color:var(--text-dim)}.panel-rate{margin:0 0 .25rem;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--signal)}.panel-alert{margin-top:1rem;color:var(--danger)}.section-title{margin:2rem 0 .5rem;font-size:.9375rem;font-weight:600}.nodes{border:1px solid var(--rule)}.node-head,.node{display:grid;grid-template-columns:1fr 4.5rem 4.5rem 5rem 9rem;align-items:center;gap:.75rem;padding:.6875rem .875rem}.node-head{color:var(--text-dim);font-size:.75rem;border-bottom:1px solid var(--rule)}.node-head span:not(:first-child):not(:last-child),.node-figure{text-align:right}.node+.node{border-top:1px solid var(--rule)}.node[data-current]{position:relative;background:var(--hull)}.node[data-current]:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--sweep, 0%);background:color-mix(in srgb,var(--signal) 14%,transparent);border-right:2px solid var(--signal);pointer-events:none}.node[data-current][data-paused]:before{background:color-mix(in srgb,var(--danger) 14%,transparent);border-right-color:var(--danger)}.node[data-locked]{color:var(--text-dim)}.node-name,.node-action{position:relative}.node-figure{position:relative;font-family:var(--mono);font-variant-numeric:tabular-nums}.node-action{text-align:right}.node-requirement{color:var(--text-dim);font-size:.8125rem}.button,.node-button{padding:.3125rem .875rem;background:var(--hull-2);border:1px solid var(--rule);cursor:pointer}.button:hover,.node-button:hover{border-color:var(--text-dim)}.button-primary{background:var(--signal);border-color:var(--signal);color:var(--void);font-weight:600}.stat-row{display:flex;flex-wrap:wrap;gap:var(--gutter);margin-bottom:1.5rem}.stat{flex:1 1 14rem;display:flex;flex-direction:column;padding:.875rem 1rem;background:var(--hull);border:1px solid var(--rule)}.stat-figure{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1.875rem;font-weight:500;line-height:1.2}.stat-denominator{color:var(--text-dim);font-size:1rem}.resource-table{border:1px solid var(--rule)}.resource-row{display:flex;justify-content:space-between;padding:.5rem .875rem}.resource-row+.resource-row{border-top:1px solid var(--rule)}.transfer-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.transfer-box,.transfer-input{width:100%;padding:.5rem .75rem;background:var(--void);border:1px solid var(--rule);font-family:var(--mono);font-size:.8125rem;resize:vertical}.transfer-input{flex:1 1 16rem;width:auto}.toasts{position:fixed;right:var(--gutter);bottom:var(--gutter);display:flex;flex-direction:column;gap:.5rem;pointer-events:none;z-index:10}.toast{display:flex;align-items:baseline;gap:.75rem;padding:.5rem .875rem;background:var(--hull-2);border-left:2px solid var(--signal);font-size:.875rem}.toast[data-kind=cargoFull],.toast[data-kind=saveFailed]{border-left-color:var(--danger)}.toast-count{font-family:var(--mono);color:var(--text-dim)}.banner{display:flex;flex-wrap:wrap;gap:.5rem .75rem;padding:.75rem var(--gutter);background:color-mix(in srgb,var(--danger) 18%,var(--hull));border-bottom:1px solid var(--danger);font-size:.875rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--gutter);background:#060a0cb8;z-index:20}.modal{width:min(32rem,100%);max-height:100%;overflow-y:auto;padding:1.5rem;background:var(--hull);border:1px solid var(--rule);border-top:2px solid var(--signal)}.modal-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.modal-lede{margin:0 0 1rem;color:var(--text-dim)}.modal-note{margin:.75rem 0 0;color:var(--text-dim);font-size:.875rem}.modal-alert{margin-top:1.25rem;padding:.75rem .875rem;background:color-mix(in srgb,var(--danger) 12%,transparent);border-left:2px solid var(--danger)}.modal-alert p{margin:0;font-size:.875rem}.modal .button{margin-top:1.5rem}@media(max-width:40rem){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{flex-direction:row;align-items:center;gap:.75rem;padding:.625rem var(--gutter);border-right:0;border-bottom:1px solid var(--rule);overflow-x:auto}.brand-sub,.nav-lock{display:none}.nav{flex-direction:row}.nav-item{padding:.25rem .625rem;border-left:0;border-bottom:2px solid transparent;white-space:nowrap}.nav-item[aria-selected=true]{border-left-color:transparent;border-bottom-color:var(--signal)}.node-head,.node{grid-template-columns:1fr 4rem 4rem 7rem}.node-head>:nth-child(2),.node>:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}