:root{--bg: #000;--bg-elevated: #0c0b0a;--bg-panel: #0f0e0d;--line: rgba(244, 239, 230, .1);--line-strong: rgba(244, 239, 230, .18);--text: #f4efe6;--text-dim: rgba(244, 239, 230, .7);--text-faint: rgba(244, 239, 230, .45);--accent: #ff6a1a;--accent-ink: #1a0e04;--project: #7eb6ff;--eth: #c8cdd6;--danger: #e85d4c;--positive: #b6f27a;--radius-panel: 16px;--radius-input: 10px;--radius-pill: 999px;--inner: inset 0 1px 0 rgba(244, 239, 230, .04);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--font-ui: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease: .18s ease-out}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--bg);background-image:radial-gradient(1px 1px at 12% 18%,rgba(244,239,230,.5),transparent),radial-gradient(1px 1px at 68% 7%,rgba(255,154,74,.5),transparent),radial-gradient(1px 1px at 38% 62%,rgba(244,239,230,.35),transparent),radial-gradient(1.5px 1.5px at 84% 44%,rgba(255,154,74,.4),transparent),radial-gradient(1px 1px at 22% 88%,rgba(244,239,230,.4),transparent),radial-gradient(1px 1px at 91% 81%,rgba(244,239,230,.3),transparent);background-size:640px 640px;color:var(--text);font:400 17px/26px var(--font-ui);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.label{font-size:11px;line-height:16px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint)}.dim{color:var(--text-dim)}.wrap{max-width:1240px;margin:0 auto;padding:0 var(--s6)}@media (min-width: 1480px){.wrap{max-width:1440px}}.header{position:sticky;top:0;z-index:10;height:64px;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:var(--s3)}.wordmark{font-size:19px;font-weight:700;letter-spacing:-.01em}.header-actions{display:flex;align-items:center;gap:var(--s4)}.text-btn{background:none;border:0;padding:var(--s2);color:var(--text-dim);text-decoration:none;font-weight:600;font-size:15px;transition:color var(--ease)}.text-btn:hover{color:var(--text)}.btn-primary{background:linear-gradient(100deg,#a9bce8,#f3ece4 38%,#ff9a4a 74%,#ff6a1a);color:var(--accent-ink);border:0;font-weight:700;font-size:14.5px;letter-spacing:-.01em;padding:12px 20px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px #ffffff38,0 10px 34px #ff6a1a52,0 2px 10px #00000080;transition:transform var(--ease),filter var(--ease)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}:focus-visible{outline:2px solid var(--text);outline-offset:2px}.hero{padding:var(--s8) 0 var(--s6)}.hero h1{margin:0;max-width:900px;font-size:70px;line-height:72px;font-weight:700;letter-spacing:-.035em}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{margin:var(--s5) 0 0;max-width:720px;font-size:21px;line-height:32px;color:var(--text-dim)}.sim{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5);align-items:start}.controls{grid-column:span 4}.stage-col{grid-column:span 8}.panel{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--inner)}.controls{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s5)}.section-title{margin:0;font-size:28px;line-height:32px;font-weight:700;letter-spacing:-.03em}.controls .sub{margin:var(--s2) 0 0;color:var(--text-dim)}.chips{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s2)}.chip-wrap{display:flex;flex-direction:column;gap:var(--s1)}.chip{background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:var(--s1) var(--s3);font-size:13px;color:var(--text-dim);transition:all var(--ease)}.chip:hover{color:var(--text)}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.chip-note{font-size:11px;line-height:16px;color:var(--text-faint);padding-left:var(--s3)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field-head{display:flex;justify-content:space-between;align-items:baseline}.field-value{font-size:28px;line-height:32px}.caption{font-size:13px;line-height:20px;color:var(--text-dim)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--line-strong);border-radius:2px}input[type=range]::-moz-range-track{height:4px;background:var(--line-strong);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--accent);border:0}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:0}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.locked{display:flex;align-items:center;gap:var(--s2);padding:var(--s3);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-input);color:var(--text-dim)}.reset{align-self:flex-start;background:none;border:0;padding:0;color:var(--text-dim);text-decoration:underline}.reset:hover{color:var(--text)}.canvas{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--inner);overflow:hidden;background-image:radial-gradient(circle at 50% 50%,rgba(255,106,26,var(--glow, .05)) 0%,transparent 58%),radial-gradient(rgba(244,239,230,.08) 1px,transparent 1px);background-size:100% 100%,24px 24px}.bracket{position:absolute;width:18px;height:18px;border:0 solid rgba(255,154,74,.55);pointer-events:none;z-index:1}.bracket.tl{top:8px;left:8px;border-top-width:1px;border-left-width:1px}.bracket.tr{top:8px;right:8px;border-top-width:1px;border-right-width:1px}.bracket.bl{bottom:8px;left:8px;border-bottom-width:1px;border-left-width:1px}.bracket.br{bottom:8px;right:8px;border-bottom-width:1px;border-right-width:1px}.annotation{left:36px!important;top:20px!important}.canvas svg{display:block;width:100%;height:auto}.annotation{position:absolute;top:var(--s4);left:var(--s4);font:400 12px/16px var(--font-mono);color:var(--text-dim)}.tooltip{position:absolute;z-index:2;width:240px;padding:var(--s3);background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-input);font-size:13px;line-height:20px;transform:translate(-50%,calc(-100% - 40px));pointer-events:none}.node{cursor:default;outline:none}.node:focus-visible circle.node-ring{stroke:var(--text)}.svg-label{font:400 10px var(--font-mono);fill:var(--text-faint)}.svg-mono{font:400 13px var(--font-mono);fill:var(--text)}.svg-dim{font:400 12px var(--font-ui);fill:var(--text-dim)}.particle{animation:flow var(--dur) linear infinite;animation-delay:var(--delay);opacity:0}@keyframes flow{0%{transform:translate(calc(var(--x0) * 1px),calc(var(--y0) * 1px));opacity:0}10%,90%{opacity:1}to{transform:translate(calc(var(--x1) * 1px),calc(var(--y1) * 1px));opacity:0}}.shock,.absorb,.spin,.breathe{transform-box:fill-box;transform-origin:center}.shock{animation:shock 1.1s ease-out forwards}.shock.s2{animation-delay:.12s;opacity:0;animation-fill-mode:both}@keyframes shock{0%{transform:scale(1);opacity:.9}to{transform:scale(3.4);opacity:0}}.absorb{animation:absorb var(--p) ease-out infinite;animation-delay:var(--d);opacity:0}@keyframes absorb{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.5);opacity:0}}.spin{animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.breathe{animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.06)}}.orbit{animation:orbit 40s linear infinite}@keyframes orbit{to{stroke-dashoffset:-240}}.wave{animation:wave 1.6s linear infinite}@keyframes wave{to{transform:translate(-56px)}}.logo{height:30px;width:auto;display:block}.sound{display:inline-flex;align-items:center}.sound[aria-pressed=true]{color:var(--accent)}.card.hot{box-shadow:var(--inner),0 0 #ff6a1a00;transition:box-shadow .4s ease-out,border-color .4s ease-out}.card.hot.flash{border-color:#ff6a1ab3;box-shadow:var(--inner),0 0 36px #ff6a1a59}.hero h1 em{background:linear-gradient(90deg,#ff6a1a,#ffb36b,#ff6a1a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.panel{background-image:linear-gradient(180deg,#f4efe609,#f4efe600 40%)}.bar-fill{transition:width .18s ease-out}.legend{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);padding:var(--s3) 0 0;font-size:13px;color:var(--text-dim)}.legend span{display:inline-flex;align-items:center;gap:var(--s2)}.sw-square{width:8px;height:8px;background:var(--accent);display:inline-block}.sw-ring{width:12px;height:12px;border:1px solid var(--project);border-radius:50%;display:inline-block}.rail{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4);margin-top:var(--s5)}.card{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2)}.card .big{font-size:40px;line-height:44px}.card .big.accent{color:var(--accent)}.card p{margin:0;font-size:13px;line-height:20px;color:var(--text-dim)}.note{color:var(--text)!important}.rail-foot{grid-column:1 / -1;margin:0;font-size:13px;line-height:20px;color:var(--text-dim)}.how{padding:var(--s8) 0 var(--s5);scroll-margin-top:80px}.how .section-title{font-size:56px;line-height:60px}.step .label{color:var(--accent);letter-spacing:.2em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);margin:var(--s5) 0 var(--s6)}.step{padding:var(--s5)}.step h3{margin:var(--s2) 0;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.02em}.step p{margin:0;color:var(--text-dim)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);vertical-align:top}thead th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);font-weight:400}tbody th{font-weight:500;color:var(--text);width:18%}td{color:var(--text-dim)}td:last-child{color:var(--text)}.source{margin:var(--s4) 0 0;font-size:13px;color:var(--text-dim)}.source a{color:var(--text)}.footer{padding:var(--s6) 0 var(--s8);scroll-margin-top:80px}.disclaimer{margin:0;max-width:880px;font-size:12px;line-height:18px;color:var(--text-faint)}@media (max-width: 1179px){.sim{display:flex;flex-direction:column}.stage-col{order:1;width:100%}.controls{order:2;width:100%}}@media (max-width: 720px){.wrap{padding:0 var(--s4)}.hero{padding-top:var(--s5)}.hero h1{font-size:40px;line-height:44px}.hero p{font-size:17px;line-height:26px}.how .section-title{font-size:36px;line-height:40px}.brand .label{display:none}.logo{height:24px}.header-actions{gap:0}.header-actions>*{white-space:nowrap}.text-btn{padding:var(--s2) var(--s2);font-size:14px}.btn-primary{padding:10px 14px;font-size:13px}.steps{grid-template-columns:1fr}.card .big{font-size:28px;line-height:32px}.card{padding:var(--s4)}th,td{padding:var(--s2);font-size:13px;line-height:20px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.particle,.shock,.absorb{display:none}.spin,.breathe,.orbit,.wave,.hero h1 em{animation:none}*{transition:none!important}}