:root{--ink: #0c1210;--line: #2e4a3f;--paper: #e9e4d4;--muted: #8fa396;--gold: #c8a557;--oxide: #c2604e;--serif: "Fraunces", "Bodoni 72", Didot, Georgia, serif;--mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--serif);background:var(--ink);background-image:linear-gradient(180deg,rgba(46,74,63,.1),transparent 30%);color:var(--paper);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column;padding:40px clamp(24px,7vw,110px)}.masthead{display:flex;align-items:center;gap:12px}.mark{width:22px;height:22px}.mark circle,.mark rect{fill:none;stroke-width:1}.mark circle{stroke:var(--gold)}.mark rect{stroke:var(--muted)}.wordmark{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.42em;color:var(--paper)}main{flex:1;display:flex;align-items:center;position:relative}.tape{position:absolute;right:0;top:50%;transform:translateY(-50%);height:min(48vh,400px);width:clamp(380px,46vw,720px);overflow:hidden;display:flex;justify-content:flex-end;gap:clamp(6px,1vw,14px);pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%),linear-gradient(180deg,transparent,#000 22% 78%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 38%),linear-gradient(180deg,transparent,#000 22% 78%,transparent);mask-composite:intersect}.candle{position:relative;width:clamp(9px,1vw,13px);height:100%}.candle .wick{position:absolute;left:50%;width:1px;transform:translate(-50%);background:#8fa39659;transition:top 2.4s ease-in-out,height 2.4s ease-in-out}.candle .body{position:absolute;left:0;right:0;border:1px solid rgba(143,163,150,.5);background:transparent;transition:top 2.4s ease-in-out,height 2.4s ease-in-out,background-color 2.4s ease-in-out,border-color 2.4s ease-in-out}.candle.down .body{border-color:#c2604e66;background:#c2604e38}.candle.live .body{border-color:#c8a5578c}.candle.live.down .body{background:#c8a55724}.candle.live .wick{background:#c8a55766}@media(max-width:900px){.tape{display:none}}.block{position:relative;z-index:1;max-width:470px;border-left:1px solid var(--line);padding:8px 0 8px clamp(26px,4vw,44px);margin-left:clamp(0px,4vw,60px)}.block:before{content:"";position:absolute;left:-1px;top:8px;width:1px;height:56px;background:var(--gold)}@media(prefers-reduced-motion:no-preference){.block{animation:rise .6s cubic-bezier(.2,.6,.2,1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}h1{font-size:clamp(34px,5vw,46px);font-weight:300;font-variation-settings:"opsz" 72;line-height:1.14;margin-bottom:20px}h1 em{font-style:italic;font-weight:400;color:var(--gold)}.intro{font-size:15.5px;font-weight:300;line-height:1.65;color:var(--muted);max-width:42ch;margin-bottom:38px}.intro strong{color:var(--paper);font-weight:400}.connect{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:1px solid var(--line);border-bottom:2px solid var(--gold);color:var(--paper);font-family:var(--serif);font-size:17px;font-weight:400;padding:15px 20px 13px;cursor:pointer;transition:background .25s ease,border-color .25s ease}.connect .arrow{font-family:var(--mono);color:var(--gold);transition:transform .25s ease}.connect:hover:not(:disabled),.connect:focus-visible{background:#c8a55712;border-color:#c8a55780}.connect:hover:not(:disabled) .arrow{transform:translate(4px)}.connect:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.connect:disabled{opacity:.45;cursor:wait}#status{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--muted);margin-top:18px;min-height:20px}#status.error{color:var(--oxide)}#status.success{color:var(--gold)}footer{font-family:var(--mono);font-size:10px;letter-spacing:.22em;color:var(--muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:560px){#root{padding:28px 22px}.block{margin-left:0}}