*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#080810;--color-surface:#0f0f1c;--color-card:#161628;--color-border:#1e1e38;--color-text:#c8d0e0;--color-text-muted:#6b7a95;--color-accent:#00e5ff;--color-accent-bg:#001f26;--color-bar:#080810;--color-bar-text:#c8d0e0;--color-bar-muted:#6b7a95;--color-tab-active:#00e5ff;--color-gold:#f59e0b;--color-green:#10b981;--color-red:#ef4444;--color-purple:#8b5cf6;--color-stackable:#3b82f6;--color-token:#f59e0b;--color-energy:#10b981;--color-merge:#8b5cf6;--color-consumable:#f97316;--color-source:#10b981;--color-sink:#ef4444;--color-converter:#f59e0b;--color-generator:#00e5ff;--color-drain:#8b5cf6;--bar-h:48px;--left-w:240px;--right-w:300px;--radius:6px;--shadow:0 1px 3px #0006}[data-theme=light]{--color-bg:#f0f0f0;--color-surface:#fff;--color-card:#f5f5f5;--color-border:#e0e0e0;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-accent:#0097aa;--color-accent-bg:#e0f7fa;--color-bar:#111827;--color-bar-text:#f9fafb;--color-bar-muted:#9ca3af;--color-tab-active:#00e5ff;--color-gold:#d97706;--color-green:#059669;--color-red:#dc2626;--color-purple:#7c3aed;--color-source:#059669;--color-sink:#dc2626;--color-converter:#d97706;--color-generator:#0891b2;--color-drain:#7c3aed;--shadow:0 1px 3px #0000001a}[data-theme=light] button{color:var(--color-text)}[data-theme=light] button.danger:hover{background:#fee2e2}[data-theme=light] tr:hover td,[data-theme=light] tr.selected td{background:var(--color-accent-bg)}button{color:var(--color-text)}tr:hover td,tr.selected td{background:var(--color-accent-bg)}body{color:var(--color-text);background:var(--color-bg);height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;overflow:hidden}h1,h2,h3,h4,h5,h6,.font-ui{font-family:Space Grotesk,Inter,sans-serif}#root{flex-direction:column;height:100vh;display:flex}button{cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:4px 10px;font-size:13px;transition:background .1s}button:hover{background:var(--color-bg)}button.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}button.primary:hover{opacity:.9}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{background:var(--color-bg)}button.danger{color:var(--color-sink);background:0 0;border-color:#0000}button.danger:hover{background:#fee2e2}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:var(--color-surface);width:100%;padding:4px 8px;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:-1px}label{color:var(--color-text-muted);margin-bottom:3px;font-size:12px;display:block}.badge{color:#fff;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.badge-stackable{background:var(--color-stackable)}.badge-token{background:var(--color-token)}.badge-energy{background:var(--color-energy)}.badge-merge{background:var(--color-merge)}.badge-consumable{background:var(--color-consumable)}.badge-source{background:var(--color-source)}.badge-sink{background:var(--color-sink)}.badge-converter{background:var(--color-converter)}.badge-generator{background:var(--color-generator)}.badge-drain{background:var(--color-drain)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg);padding:6px 10px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--color-border);vertical-align:top;padding:8px 10px}tr:hover td{background:var(--color-accent-bg);cursor:pointer}tr.selected td{background:var(--color-accent-bg)}.form-row{flex-direction:column;gap:12px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}