:root{color:#0a0b0d;font-synthesis:none;text-rendering:geometricprecision;--blue:#00f;--white:#fff;--gray-10:#eef0f3;--gray-15:#dee1e7;--gray-30:#b1b7c3;--gray-50:#717886;--gray-60:#5b616e;--gray-80:#32353d;--black:#0a0b0d;--green:#66c800;--red:#fc401f;--yellow:#ffd12f;--ease-out:cubic-bezier(.23, 1, .32, 1);background:#eef0f3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell,.state-page{background:var(--white);grid-template-rows:52px minmax(0,1fr) 30px;width:100%;height:100dvh;min-height:620px;display:grid;overflow:hidden}.site-header{border-bottom:1px solid var(--gray-15);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.demo-name{color:var(--black);letter-spacing:-.025em;font-size:16px;font-weight:700}.network-readout{color:var(--gray-60);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:14px;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.network-readout>span+span:before{content:"·";color:var(--gray-30);margin-right:14px}.live-state{color:var(--gray-60)}.live-state i{background:var(--gray-30);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.live-state.is-live{color:var(--green)}.live-state.is-live i{background:var(--green)}.stream-layout{grid-template-rows:1.25fr .8fr auto minmax(150px,.9fr);gap:12px;width:min(1120px,100% - 48px);min-height:0;margin:0 auto;padding:16px 0 12px;display:grid}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex}.stream-counter{text-align:center;min-width:min(760px,90vw);position:relative}.counter-value{letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-size:clamp(56px,8vw,112px);font-weight:560;line-height:.86}.pending-value{min-height:18px;color:var(--gray-30);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .14s var(--ease-out);margin-top:10px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.pending-value.is-visible{opacity:1}.stream-counter.is-stopping .pending-value{color:var(--blue)}.stream-counter.is-stopped .pending-value{color:var(--gray-50)}.counter-label,.eyebrow{color:var(--gray-50);letter-spacing:.2em;text-transform:uppercase;font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.counter-label{margin-top:6px}.stream-meta{color:var(--gray-60);text-transform:uppercase;letter-spacing:.08em;gap:16px;margin-top:16px;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.stream-meta span+span:before{content:"·";color:var(--gray-30);margin-right:16px}.summary-line{color:var(--blue);margin-top:8px;font-size:12px;font-weight:650}.accounts-flow{grid-template-columns:1fr 160px 1fr;align-items:stretch;min-height:0;display:grid}.account-card{border:1px solid var(--gray-15);flex-direction:column;justify-content:center;min-width:0;padding:15px 18px;display:flex}.account-heading{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.account-aux{color:var(--gray-50);text-transform:uppercase;font:500 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.address-link{color:var(--blue);white-space:nowrap;text-overflow:ellipsis;font:600 12px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;overflow:hidden}.account-balance{letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:clamp(24px,3vw,40px);line-height:1}.account-balance span{color:var(--gray-50);letter-spacing:.08em;font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.gas-balance{color:var(--gray-60);margin-top:8px;font:500 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.flow-rail{justify-content:center;align-items:center;gap:6px;display:flex}.flow-rail i{background:var(--gray-15);width:10px;height:10px;display:block}.flow-rail.is-flowing i{background:var(--blue);animation:1.6s linear infinite flow-pulse}.flow-rail.is-flowing i:nth-child(2){animation-delay:.2s}.flow-rail.is-flowing i:nth-child(3){animation-delay:.4s}.flow-rail.is-flowing i:nth-child(4){animation-delay:.6s}.flow-rail.is-flowing i:nth-child(5){animation-delay:.8s}.flow-rail.is-flowing i:nth-child(6){animation-delay:1s}.flow-rail.is-flowing i:nth-child(7){animation-delay:1.2s}.flow-rail.is-flowing i:nth-child(8){animation-delay:1.4s}@keyframes flow-pulse{0%,35%{background:var(--gray-15)}36%,55%{background:var(--blue)}56%,to{background:var(--gray-15)}}.controls{grid-template-columns:minmax(0,1fr) 230px;gap:10px;display:grid;position:relative}.rate-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rate-button,.stream-button,.secondary-button,.apply-rate{border:1px solid var(--gray-15);background:var(--white);color:var(--black);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;min-height:42px;transition:transform .12s var(--ease-out), background-color .16s ease, color .16s ease, border-color .16s ease;font:650 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.rate-button:hover{border-color:var(--blue);color:var(--blue)}.rate-button.is-selected,.stream-button{background:var(--blue);border-color:var(--blue);color:var(--white)}.stream-button.is-stop{background:var(--black);border-color:var(--black)}.rate-button:active,.stream-button:active,.secondary-button:active,.apply-rate:active{transform:scale(.98)}button:disabled{cursor:not-allowed;color:var(--gray-30);background:var(--gray-10);border-color:var(--gray-15)}.status-note{min-height:16px;color:var(--gray-60);text-align:center;letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;font:600 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.status-note.is-error,.field-error{color:var(--red)}.custom-rate{z-index:4;background:var(--white);border:1px solid var(--blue);width:min(520px,100vw - 48px);animation:pop-in .18s var(--ease-out);transform-origin:100% 0;grid-template-columns:1fr 1fr auto;gap:8px;padding:12px;display:grid;position:absolute;top:50px;left:0}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.custom-rate label span{color:var(--gray-50);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.custom-rate input,.custom-rate select{border:1px solid var(--gray-15);background:var(--white);outline:none;width:100%;height:36px;padding:0 10px}.custom-rate input:focus,.custom-rate select:focus{border-color:var(--blue)}.apply-rate{background:var(--blue);min-height:36px;color:var(--white);border-color:var(--blue);align-self:end}.field-error{grid-column:1/-1;font-size:11px}.ticker{border-top:1px solid var(--gray-15);min-height:0;overflow:hidden}.ticker-head,.ticker-row{grid-template-columns:1.3fr .8fr .8fr .55fr .55fr;align-items:center;gap:10px;display:grid}.ticker-head{height:30px;color:var(--gray-50);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--gray-15);font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ticker-body{min-height:0;max-height:calc(100% - 30px);overflow:hidden}.ticker-row{min-height:29px;color:var(--gray-80);border-bottom:1px solid var(--gray-10);font-variant-numeric:tabular-nums;animation:row-in .18s var(--ease-out);font:550 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none}@keyframes row-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ticker-row:hover{background:var(--gray-10)}.tx-hash{color:var(--blue)}.tx-status{text-transform:uppercase;font-size:9px}.tx-status i{background:var(--gray-30);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.tx-status.is-confirmed{color:var(--green)}.tx-status.is-confirmed i{background:var(--green)}.tx-status.is-reverted{color:var(--red)}.tx-status.is-reverted i{background:var(--red)}.tx-status.is-pending{color:var(--gray-50)}.tx-status.is-pending i{background:var(--yellow)}.ticker-empty{height:100px;color:var(--gray-50);place-items:center;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}footer{border-top:1px solid var(--gray-15);color:var(--gray-50);letter-spacing:.04em;place-items:center;font:500 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.state-page{grid-template-rows:52px minmax(0,1fr)}.bootstrap-card{border:1px solid var(--gray-15);place-self:center;width:min(540px,100% - 40px);padding:34px}.state-mark{background:var(--blue);width:34px;height:34px;margin-bottom:26px}.bootstrap-card h1{letter-spacing:-.05em;margin:10px 0 12px;font-size:clamp(34px,5vw,54px);line-height:.94}.state-copy{min-height:42px;color:var(--gray-60);font-size:14px;line-height:1.5}.progress-list{gap:10px;margin:24px 0;display:grid}.progress-row{color:var(--gray-30);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;font:600 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.progress-row i{background:var(--gray-15);border-radius:50%;width:8px;height:8px}.progress-row.is-active{color:var(--blue)}.progress-row.is-active i{background:var(--blue)}.progress-row.is-done{color:var(--gray-80)}.progress-row.is-done i{background:var(--green)}.progress-line{background:var(--gray-15);height:3px;margin-top:20px;overflow:hidden}.progress-line i{background:var(--blue);height:100%;transition:width .22s var(--ease-out);display:block}.fine-print{color:var(--gray-50);margin:14px 0 0;font-size:10px;line-height:1.5}.secondary-button{border-color:var(--black);margin:12px 0;padding:0 18px}@media (width<=760px){.app-shell{grid-template-rows:44px minmax(0,1fr) 24px;min-height:600px}.site-header{padding:0 14px}.demo-name{font-size:14px}.network-readout{gap:8px;font-size:8px}.network-readout>span+span:before{margin-right:8px}.network-readout span:nth-child(2){display:none}.stream-layout{grid-template-rows:1fr .85fr auto 1fr;gap:8px;width:calc(100% - 24px);padding:10px 0 8px}.counter-value{font-size:clamp(48px,15vw,72px)}.stream-meta{flex-wrap:wrap;justify-content:center;gap:8px;font-size:8px}.stream-meta span+span:before{margin-right:8px}.accounts-flow{grid-template-columns:1fr 44px 1fr}.account-card{padding:10px}.account-aux,.gas-balance{display:none}.account-balance{font-size:23px}.address-link{font-size:9px}.flow-rail{gap:3px}.flow-rail i{width:4px;height:8px}.controls{grid-template-columns:1fr;gap:6px}.rate-options{gap:4px}.rate-button,.stream-button{min-height:36px;font-size:9px}.status-note{display:none}.ticker-head,.ticker-row{grid-template-columns:1.2fr .8fr .8fr .55fr}.ticker-head span:last-child,.ticker-row span:last-child{display:none}.ticker-row{min-height:25px;font-size:8px}footer{text-align:center;padding:0 8px;font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}