:root{--bg:#080b0d;--panel:#0d1215;--line:#1d292e;--text:#edf7f5;--muted:#7f9297;--accent:#56f0c7;--accent2:#8bffd8;--warn:#ffca66;--danger:#ff7272}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 5%,#2d776529,transparent 26%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:min(1240px,100% - 40px);min-height:100vh;margin:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.topbarTools{align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:700;display:flex}.brandMark{border:1px solid var(--accent);width:34px;height:34px;color:var(--accent);place-items:center;font-size:11px;display:grid}.languageSwitch{background:#091012;border:1px solid #26373b;padding:2px;display:inline-flex}.languageSwitch button{color:#607579;letter-spacing:.12em;background:0 0;border:0;min-width:34px;padding:6px 8px;font-size:9px;font-weight:800}.languageSwitch button:hover{color:#a8b9b6;border:0;transform:none}.languageSwitch button.active{background:var(--accent);color:#06100d}.network{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:9px;font-size:12px;display:flex}.network span{background:var(--accent);width:7px;height:7px;box-shadow:0 0 15px var(--accent);border-radius:99px}.network.down span{background:var(--danger);box-shadow:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:1.3fr .7fr;align-items:center;gap:50px;min-height:390px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.2em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.07em;max-width:780px;margin:19px 0 24px;font-size:clamp(48px,7vw,88px);line-height:.91}.heroCopy{color:#9eb0b4;max-width:690px;font-size:17px;line-height:1.6}.heroStatus{border:1px solid var(--line);background:#0d1215bd;justify-self:end;align-items:center;gap:18px;width:min(100%,360px);padding:20px;transition:all .3s;display:flex}.heroStatus.complete{border-color:#2c7565;box-shadow:0 0 0 1px #56f0c714,0 0 35px #56f0c714}.statusOrb{border:1px solid #2c4744;border-radius:50%;place-items:center;width:66px;height:66px;display:grid;position:relative}.statusOrb:after{content:"";border:1px dashed var(--accent);border-radius:50%;position:absolute;inset:7px}.statusOrb span{color:var(--accent);font-family:monospace;font-size:11px}.heroStatus strong,.heroStatus small{display:block}.heroStatus small{color:var(--muted);word-break:break-all;margin-top:6px;font-family:monospace;font-size:10px}.progressRail{border:1px solid var(--line);background:#090e10;border-top:0;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:14px;padding:22px 26px;display:grid}.progressRail>b{background:#26363a;height:1px;position:relative;overflow:hidden}.progressRail>b:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.35;animation:2.8s linear infinite railSweep;position:absolute;inset:0;transform:translate(-100%)}.progressStep{color:#52686c;align-items:center;gap:10px;min-width:145px;transition:all .25s;display:flex}.progressStep i{border:1px solid #2a3b3f;border-radius:50%;place-items:center;width:30px;height:30px;font-family:monospace;font-size:10px;font-style:normal;display:grid}.progressStep span{gap:2px;display:grid}.progressStep small{letter-spacing:.14em;color:#52666a;font-size:8px}.progressStep strong{font-size:12px;font-weight:700}.progressStep.active,.progressStep.done{color:#d9ebe7}.progressStep.active i{border-color:var(--accent);color:var(--accent);box-shadow:0 0 18px #56f0c729}.progressStep.done i{background:var(--accent);border-color:var(--accent);color:#06100d;font-weight:900}.progressStep.done small{color:#6c9d91}.progressStep.future{opacity:.5}.phaseTwoStep.ready i{border-color:var(--warn);color:var(--warn);box-shadow:0 0 18px #ffca6624}.phaseTwoStep.ready small{color:var(--warn)}.flowIntro{border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#56f0c709;grid-template-columns:1.2fr .8fr;gap:30px;padding:28px;display:grid}.flowIntro div{gap:7px;display:grid}.flowIntro span{color:var(--accent);letter-spacing:.16em;font-size:10px;font-weight:800}.flowIntro strong{font-size:17px}.flowIntro p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.phaseOneIntro{border-top:0}.grid,.builderGrid{border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.traceSection{border-left:1px solid var(--line)}.traceSection .panel{border-right:1px solid var(--line)}.panel{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#ffffff03,#0000);min-height:330px;padding:28px;position:relative}.stepPanel{transition:border-color .25s,background .25s,box-shadow .25s}.stepPanel.activeStep{background:linear-gradient(#56f0c70e,#ffffff02);box-shadow:inset 0 0 0 1px #56f0c742,0 0 35px #56f0c709}.stepPanel.stepDone{background:linear-gradient(#56f0c706,#0000)}.panelHead{align-items:center;gap:12px;margin-bottom:28px;display:flex}.panelHead>span{color:var(--accent);font-family:monospace;font-size:11px}.builderPanel .panelHead>span,.builderGuide .panelHead>span{color:var(--warn)}.panelHead h2{margin:0;font-size:17px}.panelHead em{letter-spacing:.16em;color:#61777a;border:1px solid #26363a;margin-left:auto;padding:6px 8px;font-size:9px;font-style:normal}.activeStep .panelHead em{color:var(--accent);border-color:#35685d}.stepDone .panelHead em{color:#9be6d2}.startCue{color:var(--accent);z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:-58px;right:28px}.startCue span{letter-spacing:.18em;white-space:nowrap;font-size:9px;font-weight:900}.startCue b{font-size:26px;font-weight:300;line-height:1;animation:1.1s ease-in-out infinite startBounce}.muted{color:var(--muted);font-size:14px;line-height:1.55}.didBox{border:1px solid var(--line);background:#090d0f;margin:22px 0;padding:16px}.didBox small,.didBox code,.didBox b{display:block}.didBox small{color:var(--muted);letter-spacing:.16em;margin-bottom:10px;font-size:9px}.didBox code{color:#b8d2ce;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.didBox b{color:var(--accent);margin-top:10px;font-family:monospace;font-size:9px;font-weight:500}.actions{flex-wrap:wrap;gap:8px;display:flex}button{appearance:none;color:#cad7d6;font:inherit;cursor:pointer;background:#11191c;border:1px solid #293a3f;padding:11px 13px;font-size:12px;transition:all .2s}button:hover{border-color:#46615f;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.primary{background:var(--accent);color:#06100d;border-color:var(--accent);font-weight:800}.danger{color:#c97f7f}.full{width:100%;margin-top:17px}label{color:#879a9e;letter-spacing:.03em;margin-bottom:17px;font-size:11px;display:block}input,textarea{color:#e7efee;width:100%;font:inherit;resize:vertical;background:#090d0f;border:1px solid #223035;outline:none;margin-top:8px;padding:13px 14px;font-size:13px;display:block}input[hidden]{display:none!important}input:focus,textarea:focus{border-color:#4b7a70}.inputAction{gap:8px;display:flex}.inputAction input{margin-top:8px}.inputAction button{white-space:nowrap;margin-top:8px}.signatureNote{color:#85999c;align-items:center;gap:11px;font-size:11px;display:flex}.signatureNote span{color:var(--accent)}.signatureNote p{margin:0;line-height:1.5}.signatureNote strong{color:#c8d7d4}.phaseTwoPanel{background:linear-gradient(#ffca6606,#ffffff01);transition:all .35s;overflow:visible}.phaseTwoPanel.phaseLocked{opacity:.7}.phaseTwoPanel.phaseReady{opacity:1;background:linear-gradient(#ffca6612,#ffffff02);box-shadow:inset 0 0 0 1px #ffca6652,0 0 44px #ffca660f}.phaseTwoPanel .panelHead>span,.phaseTwoPanel .phaseLabel{color:var(--warn)}.phaseTwoPanel .panelHead em{color:var(--warn);border-color:#5c5231}.phaseLabel{letter-spacing:.18em;margin-bottom:12px;font-size:9px;font-weight:900}.testnetState{border:1px solid #34352c;padding:22px}.testnetState>span{color:var(--warn);letter-spacing:.16em;margin-bottom:18px;font-size:9px;display:inline-block}.testnetState strong{letter-spacing:-.03em;font-size:24px;display:block}.testnetState p{color:var(--muted);font-size:12px;line-height:1.6}.futureRows{margin-top:15px}.futureRows>div{border-top:1px solid #29291f;justify-content:space-between;padding:11px 0;font-size:10px;display:flex}.futureRows span{color:#7d7555}.futureRows b{color:#b8b08f;font-weight:500}.shareReady{color:#f5dc95;background:#ffca660f;border-color:#5e5530}.proofLinks{flex-wrap:wrap;gap:16px;display:flex}.proofLink{color:var(--accent);margin-top:15px;font-size:11px;text-decoration:none;display:inline-block}.actionNotice{background:#0b1313;border:1px solid #2a3c3b;gap:4px;margin-top:12px;padding:11px 12px;display:grid}.actionNotice strong{letter-spacing:.15em;font-size:9px}.actionNotice span{color:#aebdba;overflow-wrap:anywhere;font-size:11px;line-height:1.45}.actionNotice.success{background:#56f0c70f;border-color:#295f52}.actionNotice.success strong{color:var(--accent)}.actionNotice.error{background:#ff727212;border-color:#6e3838}.actionNotice.error strong{color:var(--danger)}.actionNotice.pending{background:#ffca660d;border-color:#5b5432}.actionNotice.pending strong{color:var(--warn)}.actionNotice.info strong{color:#77bfff}.trace{min-height:260px}.empty{color:#53666a;border:1px dashed #1c2c30;place-items:center;height:130px;font-size:12px;display:grid}.event{border-top:1px solid #162126;gap:13px;padding:13px 0;display:flex}.event i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-top:5px}.event i.info{background:#77bfff}.event i.warn{background:var(--warn)}.event strong,.event small{display:block}.event strong{font-size:12px}.event small{color:var(--muted);word-break:break-all;margin-top:5px;font-family:monospace;font-size:10px}.builderDetails{background:#ffca6605;border:1px solid #2a2b27;margin-top:34px}.builderDetails>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;list-style:none;display:flex}.builderDetails>summary::-webkit-details-marker{display:none}.builderDetails>summary div{gap:5px;display:grid}.builderDetails>summary span{letter-spacing:.16em;color:var(--warn);font-size:9px;font-weight:900}.builderDetails>summary strong{font-size:16px}.builderDetails>summary small{color:#74878a;font-size:12px}.builderDetails>summary>b{color:#8b7d4c;font-size:26px;font-weight:300;transition:transform .2s}.builderDetails[open]>summary>b{transform:rotate(45deg)}.builderDetails .builderGrid{border-top:1px solid #2a2b27;border-left:0}.guideRows{gap:0;margin:20px 0;display:grid}.guideRows>div{border-top:1px solid #192529;grid-template-columns:130px 1fr;gap:18px;padding:14px 0;display:grid}.guideRows strong{color:#dce7e5;font-size:12px}.guideRows span{color:var(--muted);font-size:12px;line-height:1.5}.shell>footer{display:none}.siteFooter{color:#6f8588;justify-content:space-between;align-items:center;height:auto;min-height:96px;margin-top:4px;padding:20px 0;font-size:11px;display:flex}.siteFooter a{text-decoration:none}.designerCredit,.githubCredit{color:#8ba09e;align-items:center;display:inline-flex}.designerCredit{gap:10px}.designerCredit img{width:38px;height:auto;display:block}.githubCredit{gap:8px}.githubCredit svg{width:18px;height:18px}.designerCredit:hover,.githubCredit:hover{color:#b8cbc8}@keyframes startBounce{0%,to{opacity:.65;transform:translateY(0)}50%{opacity:1;transform:translateY(9px)}}@keyframes railSweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.startCue b,.progressRail>b:after{animation:none}}@media (max-width:920px){.progressRail{grid-template-columns:1fr;gap:9px}.progressRail>b{display:none}.progressStep{min-width:0}.progressStep.future{display:flex}}@media (max-width:820px){.shell{width:min(100% - 24px,1240px)}.topbar{height:70px}.topbarTools{gap:9px}.network{font-size:0}.network span{width:7px;height:7px}.brand span:last-child{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:55px 0}.heroStatus{justify-self:stretch}.flowIntro,.grid,.builderGrid{grid-template-columns:1fr}.panel{min-height:auto}.hero h1{font-size:54px}.heroCopy{font-size:15px}.startCue{top:-49px;right:18px}.guideRows>div{grid-template-columns:1fr;gap:5px}.builderDetails>summary{padding:20px}.siteFooter{gap:20px;min-height:88px}.designerCredit img{width:34px}.githubCredit span{display:none}}
