.content{position:relative;z-index:1;padding:40px 28px 100px;max-width:1100px;margin:0 auto}.page-intro{text-align:center;padding:28px 0 52px}.page-intro h1{font-family:var(--mono);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:600;letter-spacing:-.03em}.page-intro p{margin-top:10px;font-size:.88rem;color:var(--dim);max-width:52ch;margin-left:auto;margin-right:auto;line-height:1.6}.sec-nav{display:flex;justify-content:center;gap:8px;margin-bottom:52px;flex-wrap:wrap}.sec-nav a{font-family:var(--mono);font-size:.65rem;color:var(--ink-dim);border:1px solid var(--line);padding:5px 14px;border-radius:4px;text-decoration:none;transition:color .2s,border-color .2s}.sec-nav a:hover{color:var(--ink);border-color:var(--ink-dim)}.section{margin-bottom:72px}.section-head{margin-bottom:28px}.section-head h2{font-family:var(--mono);font-size:clamp(1.2rem,2.5vw,1.7rem);font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.section-head p{font-size:.84rem;color:var(--dim);line-height:1.55}.section-divider{width:100%;height:1px;background:var(--line);margin-bottom:28px}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line);font-family:var(--mono);font-size:.62rem;margin-right:8px;vertical-align:middle}.flow-arrow{text-align:center;font-size:.62rem;letter-spacing:.12em;color:var(--dim);margin:-36px 0 36px;font-family:var(--mono)}.inv-bar{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:12px 16px;background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;margin-bottom:22px}.inv-bar-label{font-family:var(--mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-right:6px;flex-shrink:0}.inv-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.65rem;padding:3px 9px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft)}.inv-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.inv-chip-dot.p{background:var(--p-col)}.inv-chip-dot.n{background:var(--n-col)}.inv-empty{font-family:var(--mono);font-size:.62rem;color:var(--ink-dim);font-style:italic}.inv-atom-chip{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:.7rem;padding:4px 10px;border-radius:12px;border:1px solid var(--line);background:var(--bg-soft)}.inv-atom-sym{font-weight:600}.inv-atom-cnt{color:var(--dim)}.action-btn{font-family:var(--mono);font-size:.66rem;padding:8px 16px;border-radius:5px;border:1px solid;cursor:pointer;transition:background .18s,border-color .18s,color .18s;white-space:nowrap}.action-btn.primary{background:#fff;color:#000;border-color:var(--ink)}.action-btn.primary:hover:not(:disabled){background:#dfe3e9;border-color:#dfe3e9}.action-btn.primary:disabled{background:var(--bg-soft);color:var(--ink-dim);border-color:var(--ink-dim);cursor:default}.action-btn.ghost{background:none;color:var(--ink-dim);border-color:var(--ink-dim)}.action-btn.ghost:hover{color:var(--ink);border-color:var(--ink-dim)}.quark-layout{display:grid;grid-template-columns:220px 1fr;gap:32px;align-items:start}.quark-ref-panel{display:flex;flex-direction:column;gap:12px}.quark-ref-title{font-family:var(--mono);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:4px}.qref-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:14px;text-align:center}.qref-label{font-family:var(--mono);font-size:.62rem;margin-top:8px;color:var(--dim)}.qref-charge{font-weight:600;color:var(--ink)}.quark-builder{display:flex;flex-direction:column;gap:16px}.quark-canvas-wrap{display:flex;justify-content:center}#quark-canvas{border-radius:8px}.quark-charge-row{font-family:var(--mono);font-size:.72rem;text-align:center;color:var(--dim)}.quark-charge-row strong{color:var(--ink)}.quark-status{font-family:var(--mono);font-size:.7rem;min-height:1.4em;text-align:center}.quark-status.ok{color:var(--ok)}.quark-status.invalid,.quark-status.partial{color:var(--ink-dim)}.quark-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.qbtn{font-family:var(--mono);font-size:.66rem;padding:7px 14px;border-radius:5px;border:1px solid;background:none;cursor:pointer;transition:background .15s,color .15s}.qbtn-u{color:var(--u-col);border-color:var(--u-col)}.qbtn-u:hover{background:#ff9f0026}.qbtn-d{color:var(--d-col);border-color:var(--d-col)}.qbtn-d:hover{background:#00c8c026}.qbtn-clear{color:var(--dim);border-color:var(--ink-dim)}.qbtn-clear:hover{color:var(--ink);border-color:var(--ink-dim)}.build-nucleon-panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.build-nucleon-panel.hidden{display:none}.nucleon-recipe-name{font-family:var(--mono);font-size:.72rem;font-weight:600;flex:1;min-width:60px}.qty-row{display:flex;align-items:center;gap:6px}.qty-btn{background:none;border:1px solid var(--line);color:var(--ink);width:22px;height:22px;border-radius:4px;cursor:pointer;font-family:var(--mono);font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center}.qty-btn:hover{border-color:var(--ink-dim)}.qty-val{font-family:var(--mono);font-size:.85rem;min-width:24px;text-align:center}.kern-layout{display:grid;grid-template-columns:190px 1fr 1fr;gap:24px;align-items:start}.kern-controls{display:flex;flex-direction:column;gap:14px}.nucleon-row{display:flex;align-items:center;gap:8px}.nucleon-dot{width:15px;height:15px;border-radius:50%;flex-shrink:0}.nucleon-dot.p{background:var(--p-col);box-shadow:0 0 7px #ff3b5780}.nucleon-dot.n{background:var(--n-col);box-shadow:0 0 7px #4d8aff80}.nucleon-label{font-family:var(--mono);font-size:.6rem;color:var(--dim);flex:1}.nucleon-count{font-family:var(--mono);font-size:1rem;font-weight:600;min-width:26px;text-align:center}.btn-nucleon{background:none;border:1px solid var(--line);color:var(--ink);width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:.9rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s;font-family:var(--mono)}.btn-nucleon:hover:not(:disabled){border-color:var(--ink-dim);background:var(--bg-soft)}.btn-nucleon:disabled{opacity:.25;cursor:default}.presets{margin-top:4px}.presets-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.preset-grid{display:flex;flex-direction:column;gap:5px}.preset-btn{background:none;border:1px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:.6rem;padding:4px 8px;border-radius:4px;cursor:pointer;text-align:left;transition:border-color .15s,color .15s}.preset-btn:hover{border-color:var(--ink-dim);color:var(--ink)}.preset-cost{font-size:.52rem;color:var(--ink-dim);margin-left:auto;padding-left:6px}.nucleus-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}#nucleus-canvas{border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04) 0%,transparent 100%)}.nucleus-legend{display:flex;gap:14px}.legend-item{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:.55rem;color:var(--dim)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.p{background:var(--p-col)}.legend-dot.n{background:var(--n-col)}.el-info{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}.el-symbol-wrap{display:flex;align-items:flex-start;gap:10px}.el-nuclide{font-family:var(--mono);font-size:.7rem;color:var(--dim);display:flex;flex-direction:column;align-items:center;padding-top:3px}.el-big-sym{font-family:var(--mono);font-size:2.6rem;font-weight:600;line-height:1}.el-name-big{font-family:var(--mono);font-size:1rem;font-weight:600}.el-name-line{font-family:var(--mono);font-size:.68rem;color:var(--dim)}.el-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.el-stat{background:var(--bg-soft);border-radius:6px;padding:7px 8px;text-align:center}.el-stat-val{font-family:var(--mono);font-size:1rem;font-weight:600}.el-stat-key{font-family:var(--mono);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-top:2px}.stability{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.64rem;padding:5px 11px;border-radius:20px;border:1px solid}.stability.stabil{color:#00e06a;border-color:#00e06a59;background:#00e06a14}.stability.radio{color:#ffb02e;border-color:#ffb02e59;background:#ffb02e14}.stability.invalid{color:var(--dim);border-color:var(--line);background:transparent}.el-note{font-size:.7rem;color:var(--dim);line-height:1.5;border-top:1px solid var(--line);padding-top:10px}.fusionieren-wrap{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.fusionieren-cost{font-family:var(--mono);font-size:.6rem;color:var(--dim)}#fusionieren-btn{font-size:.72rem;padding:9px 18px}#btn-build-nucleon{min-width:150px}.mol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mol-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,background .2s}.mol-card.buildable{border-color:#00e06a4d}.mol-card.buildable:hover{background:#00e06a0d}.mol-card.built{background:#00e06a14;border-color:#00e06a73}.mol-svg-wrap{display:flex;justify-content:center;align-items:center;height:104px}.mol-svg-wrap svg{overflow:visible;height:100%;width:auto;max-width:100%}.mol-formula{font-family:var(--mono);font-size:.92rem;font-weight:600}.mol-name{font-family:var(--mono);font-size:.56rem;color:var(--dim)}.mol-ingredients{display:flex;flex-wrap:wrap;gap:4px 8px;padding-top:6px;border-top:1px solid var(--line)}.mol-ing-chip{font-family:var(--mono);font-size:.6rem}.mol-ing-chip.ok{color:var(--ok)}.mol-ing-chip.bad{color:#f57}.mol-build-btn{font-family:var(--mono);font-size:.62rem;padding:6px 12px;border-radius:5px;border:1px solid;cursor:pointer;transition:background .15s,color .15s;background:none;color:var(--ink-dim);border-color:var(--ink-dim)}.mol-build-btn:not(:disabled):hover{color:var(--ink);border-color:var(--ink-dim)}.mol-build-btn.can-build{color:var(--ok);border-color:#00e06a80}.mol-build-btn.can-build:hover{background:#00e06a1f}.mol-build-btn:disabled{opacity:.3;cursor:default}.mol-built-badge{font-family:var(--mono);font-size:.58rem;color:var(--dim);text-align:right}.mol-built-badge span{color:var(--ink);font-weight:600}@media (max-width:900px){.quark-layout{grid-template-columns:1fr}.kern-layout{grid-template-columns:1fr;justify-items:center}.kern-controls{flex-direction:row;flex-wrap:wrap;justify-content:center}.presets{display:none}.mol-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.mol-grid{grid-template-columns:1fr}}