:root{color:#f5edf2;font-synthesis:none;--paper:#1b171d;--panel:#252027;--ink:#0d0c0f;--text:#f5edf2;--muted:#b9adb6;--line:#4c424b;--signal:#d66f9e;--signal-dark:#963f69;--white:#fffef8;background:#100e12;font-family:Segoe UI Variable Text,Avenir Next,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:#100e12;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:24px 24px;min-width:320px;min-height:100vh;margin:0;padding:32px 20px 64px}button,body{font:inherit}.card{border:1px solid var(--line);background:var(--paper);border-radius:24px;width:min(860px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000006b}.masthead{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:20px;padding:15px 52px;display:flex}.masthead-actions{align-items:center;gap:14px;display:flex}.github-link{border:1px solid var(--line);width:34px;height:34px;color:var(--text);background:#ffffff06;border-radius:10px;flex:none;place-items:center;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid}.github-link:hover{border-color:var(--signal);color:var(--ink);background:var(--signal);transform:translateY(-1px)}.github-link:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.github-link svg{fill:currentColor;width:18px;height:18px}.eyebrow,.section-label,.hero-index,.stage-code,.network-status,dt{text-transform:uppercase;letter-spacing:.11em;font-family:Courier New,ui-monospace,monospace}.eyebrow,.section-label{margin:0;font-size:.73rem;font-weight:800}.network-status{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.68rem;font-weight:700;display:flex}.network-status span{border:1px solid var(--text);background:var(--signal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #d66f9e3d}.hero{grid-template-columns:minmax(0,1.1fr) minmax(230px,.7fr);align-items:end;gap:44px;padding:48px 52px 42px;display:grid}.hero-index{color:var(--signal);margin:0 0 15px;font-size:.68rem;font-weight:800}h1{letter-spacing:-.065em;margin:0;font-size:clamp(3.4rem,9vw,6.8rem);font-weight:900;line-height:.78}.intro{border-left:5px solid var(--signal);color:#cfc2cb;margin:0;padding-left:18px;font-family:inherit;font-size:.98rem;line-height:1.6}.oracle-stage{min-height:260px;color:var(--white);background:var(--ink);border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 20px;padding:30px 52px;display:grid;position:relative;overflow:hidden}.oracle-stage:before{content:"";opacity:.12;background:repeating-linear-gradient(135deg, transparent 0 18px, var(--white) 18px 19px);pointer-events:none;position:absolute;inset:0}.stage-code{color:#aaa0a8;writing-mode:vertical-rl;align-self:start;margin:4px 0 0;font-size:.68rem;position:relative;transform:rotate(180deg)}.eight-ball{width:174px;height:174px;color:var(--ink);cursor:pointer;background:radial-gradient(circle at 36% 28%,#57545a 0,#262329 30%,#050505 72%);border:1px solid #73766e;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;position:relative;box-shadow:0 22px #00000061,inset -18px -24px 34px #000}.eight-ball:after{content:"RUN";border:1px solid var(--ink);color:var(--ink);background:var(--signal);letter-spacing:.12em;padding:5px 8px;font-family:Courier New,monospace;font-size:.62rem;font-weight:900;position:absolute;bottom:11px;right:-18px}.eight-ball:hover:not(:disabled){transform:translateY(-5px)rotate(-2deg);box-shadow:0 28px #00000052,inset -18px -24px 34px #000}.eight-ball:focus-visible{outline:4px solid var(--signal);outline-offset:6px}.eight-ball:disabled{cursor:wait}.eight-ball.thinking{animation:.7s ease-in-out infinite shake}.eight-ball-center{border:2px solid var(--ink);background:var(--white);border-radius:50%;place-items:center;width:76px;height:76px;font-size:3rem;font-weight:900;display:grid}.eight-ball-glint{filter:blur(2px);background:#ffffff40;border-radius:50%;width:30px;height:13px;position:absolute;top:23px;left:40px;transform:rotate(-28deg)}.stage-copy{align-self:end;max-width:190px;margin-left:34px;position:relative}.click-label{color:var(--signal);text-transform:uppercase;margin:0 0 8px;font-family:Courier New,monospace;font-size:.72rem;font-weight:800}.status{color:#d9dbd2;min-height:42px;margin:0;font-size:.86rem;line-height:1.45}.status.error{color:#ff8f75}.how-it-works,.transaction-card,.result-card{border:1px solid var(--line);background:#252027d1;border-radius:18px;margin:20px;padding:26px 30px}.how-it-works{grid-template-columns:165px 1fr;gap:30px;display:grid}.how-it-works p:last-child{color:#cfc3cc;margin:0;line-height:1.6}.transaction-card{padding-top:22px;padding-bottom:22px}.transaction-heading{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;list-style:none;display:flex}.transaction-heading::-webkit-details-marker{display:none}.transaction-heading:after{content:"+";border:1px solid var(--signal-dark);color:#211219;background:var(--signal);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-family:Courier New,monospace;font-size:1.25rem;font-weight:800;display:grid}.transaction-card[open]>.transaction-heading:after{content:"-";color:var(--text);background:#382e39}.transaction-heading h2{margin:4px 0 0;font-size:1.4rem}.transaction-content{padding-top:12px}.transaction-description{color:var(--muted);line-height:1.55}.amount-block{border:1px solid var(--signal-dark);background:var(--signal);color:#211219;border-radius:14px;grid-template-columns:1fr auto;gap:5px 18px;margin:18px 0;padding:16px;display:grid}.amount-block strong{font-family:Courier New,monospace;font-size:1.1rem}.amount-caption{grid-column:1/-1}.field-label,.amount-caption{color:#5c263e;text-transform:uppercase;font-family:Courier New,monospace;font-size:.7rem}.usd-equivalent{border-top:1px solid #21121947;grid-column:1/-1;margin-top:8px;padding-top:10px;font-size:.85rem;font-weight:750}.transaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.transaction-grid>div{background:var(--panel);border:1px solid #443a44;border-radius:12px;min-width:0;padding:13px}dt{color:var(--muted);font-size:.65rem;font-weight:700}dd{overflow-wrap:anywhere;color:var(--text);margin:6px 0 0;font-family:Courier New,monospace;font-size:.78rem}dd a,.explorer-actions a{color:#ef9fc3;-webkit-text-decoration-color:var(--signal-dark);text-decoration-color:var(--signal-dark);text-underline-offset:3px;text-decoration-thickness:2px}dd a:hover,.explorer-actions a:hover{color:#211219;background:var(--signal)}.technical-details{margin-top:18px}.technical-details summary{color:var(--muted);cursor:pointer;font-family:Courier New,monospace;font-size:.75rem}.technical-details pre{border:1px solid var(--line);color:#ef9fc3;background:var(--ink);border-radius:14px;max-height:340px;padding:15px;font-size:.72rem;overflow:auto}.result-card{color:var(--white);text-align:left;background:#71334f;border-color:#71334f;padding-top:38px;padding-bottom:38px;position:relative}.result-card:after{content:"08";color:#ffffff1f;font-size:7rem;font-weight:900;line-height:1;position:absolute;top:18px;right:40px}.result-card .section-label{color:var(--signal)}.result-card blockquote{z-index:1;letter-spacing:-.05em;text-transform:uppercase;max-width:620px;margin:24px 0 14px;font-size:clamp(2rem,6vw,4rem);font-weight:900;line-height:.95;position:relative}.answer-caption{z-index:1;color:#efd4e0;margin:0;font-family:Courier New,monospace;font-size:.7rem;line-height:1.5;position:relative}.payment-summary{border:1px solid var(--line);width:min(860px,100%);color:var(--text);background:var(--paper);border-radius:20px;margin:24px auto 0;padding:20px;box-shadow:0 20px 60px #00000061}.payment-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding-bottom:12px;display:flex}.payment-heading span{color:var(--muted);text-transform:uppercase;font-family:Courier New,monospace;font-size:.65rem}.explorer-actions{text-align:right;margin:16px 0 0}.explorer-actions a{text-transform:uppercase;font-family:Courier New,monospace;font-size:.72rem;font-weight:800}.payment-notification{z-index:10;border:1px solid var(--signal-dark);color:#211219;background:var(--signal);text-transform:uppercase;border-radius:999px;max-width:calc(100vw - 48px);padding:14px 18px;font-family:Courier New,monospace;font-size:.75rem;font-weight:800;text-decoration:none;animation:.22s ease-out notification-in;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 36px #0006}.payment-notification:hover{transform:translateY(-2px);box-shadow:0 16px 42px #00000075}.payment-notification:focus-visible{outline:3px solid var(--white);outline-offset:3px}[hidden]{display:none!important}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)scale(1.01)}75%{transform:rotate(3deg)scale(1.01)}}@keyframes notification-in{0%{opacity:0;transform:translateY(12px)}}@media (width>=1640px){.payment-summary{width:340px;max-height:calc(100vh - 64px);margin:0;position:fixed;top:32px;right:max(20px,50vw - 800px);overflow-y:auto}.payment-summary .transaction-grid{grid-template-columns:1fr}}@media (width<=720px){body{padding:12px 10px 40px}.card{border-radius:18px;box-shadow:0 16px 44px #00000061}.masthead{align-items:flex-start;padding:14px 20px}.masthead-actions{gap:9px}.network-status{text-align:right;justify-content:flex-end;max-width:105px}.github-link{border-radius:9px;width:32px;height:32px}.hero{grid-template-columns:1fr;gap:30px;padding:38px 24px 34px}h1{font-size:clamp(3.2rem,18vw,5.6rem)}.intro{max-width:500px}.oracle-stage{border-radius:18px;grid-template-columns:24px 1fr;gap:12px;margin:0 10px;padding:30px 22px}.eight-ball{justify-self:center;width:158px;height:158px}.stage-copy{text-align:center;grid-column:1/-1;justify-self:center;max-width:280px;margin:22px 0 0}.how-it-works{grid-template-columns:1fr;gap:12px;margin:14px 10px;padding:24px}.transaction-card,.result-card{margin:14px 10px;padding-left:24px;padding-right:24px}.transaction-grid{grid-template-columns:1fr}.payment-summary{width:calc(100% - 20px)}.payment-notification{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}