.bitcoin{overflow-x:clip}.bitcoin :is(button,a,input,summary,[role=button]):focus-visible{outline:2px solid #ffd492;outline-offset:5px}.bitcoin .btc-art{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out}.bitcoin .btc-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#edb65f15,transparent 50%)}.bitcoin .btc-lab{margin:65px auto 15px;padding:38px;max-width:1296px;border:1px solid #5f482a;background:radial-gradient(ellipse at 85% 20%,#a7692220,transparent 50%),#14130f;position:relative;isolation:isolate}.bitcoin .lab-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.bitcoin .lab-heading h2{font-size:32px;line-height:1.4;margin:16px 0}.bitcoin .lab-heading p,.bitcoin .sats-converter p{color:#ada28e;font-size:12px;line-height:1.9;margin:0}.bitcoin .motion-switch,.bitcoin .journey-play,.bitcoin .idea-toggle,.bitcoin .amount-presets button{background:#201b12;border:1px solid #6e512c;color:#e9c083;padding:10px 14px;font-size:10px;line-height:1.6;cursor:pointer}.bitcoin .motion-switch{flex:none}.bitcoin .journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px;align-items:center}.bitcoin .journey-controls{display:flex;gap:8px;flex-wrap:wrap}.bitcoin .journey-controls button{color:#9b9586;background:#1b1914;border:1px solid #423728;font-size:11px;padding:12px 14px;line-height:1.4;cursor:pointer;transition:background .25s,border-color .25s,color .25s}.bitcoin .journey-controls button.active{color:#ffcf87;border-color:#bd8a44;background:#4a3419}.bitcoin .journey-explanation{padding:28px 0 16px;min-height:192px}.bitcoin .journey-number{font:9px monospace;letter-spacing:2px;color:#a28a61}.bitcoin .journey-title{font-size:24px;line-height:1.4;margin:12px 0}.bitcoin .journey-description{color:#ada28e;font-size:13px;line-height:2;max-width:460px;margin:0;min-height:80px}.bitcoin .journey-footer{display:flex;align-items:center;gap:20px}.bitcoin .journey-progress{display:block;flex:1;height:2px;background:#3b3020;overflow:hidden}.bitcoin .journey-progress i{height:100%;display:block;background:#f2b455;transform-origin:left;transform:scaleX(0)}.bitcoin .journey-running .journey-progress i{animation:journey-clock 3s linear forwards}.bitcoin .network-scene{position:relative;min-width:0;min-height:320px;display:flex;align-items:center;justify-content:space-between;padding:35px 15px}.bitcoin .network-grid{position:absolute;inset:0;background:linear-gradient(#a77c3211 1px,transparent 1px),linear-gradient(90deg,#a77c3211 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000,transparent 70%);transform:perspective(400px) rotateX(25deg)}.bitcoin .network-halo{position:absolute;width:270px;height:270px;border:1px solid #966a2d33;border-radius:50%;left:50%;top:50%;translate:-50% -50%;box-shadow:0 0 0 35px #9f762408,0 0 0 65px #9f762405;animation:network-breathe 4s ease-in-out infinite}.bitcoin .network-node{position:relative;z-index:1;width:95px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid #5a4225;background:linear-gradient(140deg,#302414,#15120e);box-shadow:6px 8px 0 #8a582117;transform:translateY(0);transition:transform .5s,border-color .5s,box-shadow .5s;flex:none}.bitcoin .network-node>span{font:38px Arial;color:#a78249}.bitcoin .network-node small{font-size:7px;letter-spacing:1px;color:#ac946f;text-align:center}.bitcoin .network-scene[data-stage="0"] .node-wallet,.bitcoin .network-scene[data-stage="1"] .node-pool,.bitcoin .network-scene[data-stage="2"] .node-block{border-color:#e4b15e;box-shadow:0 0 35px #d28c2326,6px 8px 0 #b0773022;transform:translateY(-12px)}.bitcoin .network-scene[data-stage="0"] .node-wallet>span,.bitcoin .network-scene[data-stage="1"] .node-pool>span,.bitcoin .network-scene[data-stage="2"] .node-block>span{color:#ffd18a}.bitcoin .network-route{position:absolute;left:40px;right:40px;top:50%;height:1px;background:#7e5c2f}.bitcoin .network-route i{position:absolute;width:6px;height:6px;background:#ffd487;border-radius:50%;box-shadow:0 0 10px #ffbd57;top:-2px;animation:packet-flow 3s linear infinite}.bitcoin .network-route i:nth-child(2){animation-delay:-1s}.bitcoin .network-route i:nth-child(3){animation-delay:-2s}.bitcoin .network-signal{position:absolute;bottom:18px;left:0;right:0;display:flex;gap:7px;align-items:center;justify-content:center;font:8px monospace;letter-spacing:1.5px;color:#cba56c}.bitcoin .network-signal>i{width:5px;height:5px;background:#d9ae65;border-radius:50%;animation:network-breathe 2s infinite}.bitcoin .demo-label{font-size:8px;letter-spacing:1px;color:#94816a;text-align:right;padding-bottom:24px;border-bottom:1px solid #443626}.bitcoin .sats-converter{padding-top:28px;display:grid;grid-template-columns:1fr 1fr .8fr;gap:20px;align-items:center}.bitcoin .sats-converter h3{font-size:21px;line-height:1.5;margin:10px 0}.bitcoin .converter-controls label{font-size:10px;color:#ac9b7f;display:block;margin-bottom:9px}.bitcoin .amount-field{display:flex;align-items:center;border:1px solid #79603a;background:#0e0e0b;padding-right:15px;gap:8px}.bitcoin .amount-field input{min-width:0;width:100%;background:none;color:#fff0d7;border:0;padding:13px 12px;font:20px monospace;outline-offset:0}.bitcoin .amount-field>span{font:11px monospace;color:#c69a59}.bitcoin .amount-presets{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.bitcoin .amount-presets button{padding:5px 7px;font:8px monospace}.bitcoin .amount-presets button.active{border-color:#ce9a53;color:#ffe3b2}.bitcoin .sats-result{padding-left:20px;border-left:1px solid #584329;min-width:0}.bitcoin .sats-value{font:clamp(18px,2.4vw,32px) monospace;letter-spacing:-1px;color:#f5c87f;display:block;overflow-wrap:anywhere}.bitcoin .sats-result>span{font:9px monospace;color:#ad9b7c;letter-spacing:1.5px;display:block;margin-top:8px}.bitcoin .sats-converter .unit-note{grid-column:1/-1;font-size:9px;color:#95866c}.bitcoin .amount-error{font-size:10px;line-height:1.7;color:#ffba8b;margin-top:8px}.bitcoin .btc-interactive-card{position:relative;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s,border-color .3s;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#cda15417,transparent 55%),linear-gradient(135deg,#201c15,#14130f)}.bitcoin .btc-interactive-card:hover{border-color:#ae8249}.bitcoin .idea-toggle{display:block;margin-top:22px;width:100%;text-align:left}.bitcoin .btc-interactive-card .idea-note{border-left:1px solid #a0773c;margin:15px 0 0;padding-left:12px;color:#d1b98f;font-size:11px;min-height:0}.bitcoin .btc-story{grid-template-rows:auto auto;row-gap:22px}.bitcoin .btc-story .story-copy{grid-column:2;grid-row:1/3}.bitcoin .chain-note{grid-column:1;margin:0;line-height:1.9;color:#bba17a;font-size:11px;min-height:44px}.bitcoin .block-chain>div{cursor:pointer;transition:border-color .3s,box-shadow .3s}.bitcoin .block-chain>.selected-block{border-color:#efbe72;box-shadow:8px 8px 0 #a8742844,0 0 25px #b0782222}.bitcoin .btc-path>div{grid-column:1;grid-row:1/3}.bitcoin .btc-path{row-gap:16px}.bitcoin .btc-path li{cursor:pointer;transition:background .25s,padding .25s;border-left:2px solid transparent}.bitcoin .btc-path li.selected-check{border-left-color:#dca855;padding-left:14px;background:linear-gradient(90deg,#d09b3617,transparent)}.bitcoin .path-check{grid-column:2;border:1px solid #5b452a;background:#1b1811;color:#d0b284;font-size:11px;line-height:1.9;padding:15px 18px;margin:0;min-height:70px}.bitcoin .btc-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.bitcoin .btc-reveal.btc-visible,.bitcoin[data-btc-motion=off] .btc-reveal{opacity:1;transform:translateY(0)}.bitcoin .btc-back-top{position:fixed;right:24px;bottom:24px;width:40px;height:40px;padding:0;background:#211a10;color:#f2c580;border:1px solid #866033;z-index:20;cursor:pointer}.bitcoin [hidden]{display:none!important}.bitcoin[data-btc-motion=off] :is(.btc-coin,.btc-orbit,.block-chain>div,.network-route i,.network-halo,.network-signal>i){animation-play-state:paused}.bitcoin[data-btc-motion=off] :is(.btc-art,.btc-interactive-card){transform:none}.bitcoin[data-btc-motion=off] .network-node{transition:none}@keyframes journey-clock{to{transform:scaleX(1)}}@keyframes packet-flow{from{left:0;opacity:0}10%,85%{opacity:1}to{left:100%;opacity:0}}@keyframes network-breathe{50%{opacity:.5;scale:1.04}}
@media(max-width:1100px){.bitcoin .btc-lab{margin-inline:5%;padding:28px}.bitcoin .journey-layout{gap:24px}.bitcoin .network-node{width:75px;height:105px}.bitcoin .journey-controls button{font-size:10px;padding:11px 9px}.bitcoin .sats-converter{grid-template-columns:1fr 1fr}.bitcoin .sats-result{grid-column:2}.bitcoin .sats-converter>div:first-child{grid-column:1;grid-row:1/3}.bitcoin .sats-value{font-size:28px}}
@media(max-width:640px){.bitcoin .btc-lab{margin:35px 6% 0;padding:22px 18px}.bitcoin .lab-heading{display:block}.bitcoin .lab-heading h2{font-size:25px}.bitcoin .motion-switch{margin-top:15px;padding:7px 10px}.bitcoin .journey-layout{grid-template-columns:1fr;gap:8px;margin-top:24px}.bitcoin .journey-controls button{flex:1;font-size:9px;padding:11px 5px}.bitcoin .journey-explanation{min-height:210px;padding-bottom:8px}.bitcoin .journey-description{font-size:12px}.bitcoin .journey-title{font-size:22px}.bitcoin .network-scene{min-height:255px;padding:20px 5px}.bitcoin .network-node{width:69px;height:100px;gap:13px}.bitcoin .network-node small{font-size:6px;letter-spacing:.3px}.bitcoin .network-node>span{font-size:31px}.bitcoin .network-halo{width:190px;height:190px}.bitcoin .demo-label{font-size:7px;text-align:left;line-height:1.8}.bitcoin .sats-converter{grid-template-columns:1fr;gap:18px}.bitcoin .sats-converter>div:first-child,.bitcoin .sats-result{grid-column:1;grid-row:auto}.bitcoin .sats-result{padding:18px 0;border-left:0;border-block:1px solid #3c3020}.bitcoin .sats-value{font-size:33px}.bitcoin .sats-converter h3{font-size:22px}.bitcoin .btc-story .story-copy{grid-column:1;grid-row:3}.bitcoin .chain-note{grid-row:2}.bitcoin .btc-story{row-gap:22px}.bitcoin .btc-path>div{grid-column:1;grid-row:auto}.bitcoin .path-check{grid-column:1}.bitcoin .btc-back-top{right:16px;bottom:16px}.bitcoin .btc-path{gap:16px}}
@media(prefers-reduced-motion:reduce){.bitcoin .btc-reveal{opacity:1;transform:none}.bitcoin .btc-reveal,.bitcoin .network-node{transition:none}}
.bitcoin .network-scene{overflow:hidden}
.bitcoin .btc-lab{width:calc(100% - 10%)}@media(max-width:640px){.bitcoin .btc-lab{width:auto}}
.bitcoin[data-btc-motion=on] .btc-coin{animation:btc-turn 5s linear infinite}.bitcoin[data-btc-motion=on] .btc-orbit{animation:btc-orbit 40s linear infinite}.bitcoin[data-btc-motion=on] .block-chain>div{animation:block-bob 6s ease-in-out infinite}.bitcoin[data-btc-motion=on] .block-chain>div:nth-of-type(2){animation-delay:-2s}.bitcoin[data-btc-motion=on] .block-chain>div:nth-of-type(3){animation-delay:-4s}
.bitcoin .quote-panel{grid-column:1/-1;border-top:1px solid #473622;padding-top:16px}.bitcoin .quote-rate{font:15px monospace;color:#f3cb8c;line-height:1.8;overflow-wrap:anywhere}.bitcoin .quote-meta{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-top:8px}.bitcoin .quote-status{font-size:10px;color:#a99575;line-height:1.8}.bitcoin .quote-refresh{background:#211b12;color:#e1bb80;border:1px solid #70512c;font-size:10px;padding:7px 12px;cursor:pointer;flex:none}.bitcoin .quote-refresh:disabled{opacity:.5;cursor:wait}.bitcoin .quote-panel[data-state=error] .quote-status,.bitcoin .quote-panel[data-state=error] .quote-rate{color:#d9a47e}.bitcoin .sats-result{min-width:0}.bitcoin .sats-value{font-size:clamp(21px,2.2vw,32px)}@media(max-width:640px){.bitcoin .quote-meta{align-items:flex-start;gap:10px}.bitcoin .quote-rate{font-size:14px}.bitcoin .sats-value{font-size:32px}}