.shell--onchain{--chain:var(--accent)}.shell--onchain .shell__main{overflow-x:clip}.shell--onchain .composer{border-top:3px solid var(--chain)}.shell--onchain .composer:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--chain) 18%, transparent), 0 30px 60px -38px #17171773}.side__badge--onchain{border-color:var(--accent);color:var(--accent)}.topbar__brand{align-items:center;gap:8px;display:inline-flex}.view--onchain>*{z-index:1;position:relative}.view--onchain>.wash--onchain{z-index:0;pointer-events:none;opacity:.9;width:min(62vw,980px);height:min(86vh,800px);position:absolute;inset:calc(-1*clamp(28px,6vw,88px)) calc(-1*clamp(20px,5vw,72px)) auto auto}.wash--onchain svg{width:100%;height:100%}@media (max-width:860px){.view--onchain>.wash--onchain{opacity:.75;width:110vw;height:60vh;inset:calc(-1*clamp(28px,6vw,88px)) -28% auto auto}}.onchain__kicker{color:var(--ink-3);margin-bottom:14px}.onchain__chainword{color:var(--chain-ink,var(--chain));text-underline-offset:.1em;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:color-mix(in srgb, var(--chain) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--chain) 45%, transparent);transition:color .25s var(--ease), text-decoration-color .25s var(--ease)}.onchain__note{color:var(--ink-3);max-width:64ch;margin:10px 0 0;font-size:13px;line-height:1.5}.chains{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.chain{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface);color:var(--ink-2);text-align:left;transition:border-color .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex}.chain:hover{border-color:var(--chain);color:var(--ink);transform:translateY(-1px)}.chain.is-active{border-color:var(--chain);color:var(--ink);background:color-mix(in srgb, var(--chain) 9%, var(--surface));box-shadow:inset 0 0 0 1px var(--chain)}.chain:disabled{opacity:.5;pointer-events:none}.chain__mark{background:var(--stone-soft);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.chain.is-active .chain__mark{background:color-mix(in srgb, var(--chain) 18%, var(--surface))}.chain__text{gap:2px;min-width:0;display:grid}.chain__name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:500;overflow:hidden}.chain__status{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.chain__status.is-full{color:#15803d}.chain__status.is-partial{color:#b45309}.chainchip{border:1px solid color-mix(in srgb, var(--chain) 55%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--chain) 10%, transparent);height:36px;font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap;align-items:center;gap:7px;margin-right:2px;padding:0 11px 0 9px;font-size:11.5px;display:inline-flex}.side__chains{border-top:1px solid var(--line);gap:8px;padding:14px 8px 0;display:grid}.side__chainslabel{color:var(--ink-3)}.side__chains ul{gap:6px;display:grid}.side__chain{min-height:28px;color:var(--ink-2);align-items:center;gap:10px;font-size:13.5px;display:flex}.side__chainname{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.side__chaindot{background:var(--ink-3);border-radius:50%;flex:none;width:7px;height:7px}.side__chaindot.is-full{background:#16a34a;box-shadow:0 0 0 3px #16a34a29}.side__chaindot.is-partial{background:#d97706;box-shadow:0 0 0 3px #d9770629}.run__chain{vertical-align:-2px;place-items:center;margin-right:8px;display:inline-grid}.runhead__meta .chainchip{height:26px;margin-left:6px;font-size:10.5px}@media (max-width:900px){.chains{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.chain{gap:9px;padding:10px}.chain__mark{width:30px;height:30px}.chain__name{font-size:13.5px}.chain__status{letter-spacing:.04em;font-size:9.5px}.chain__name,.chain__status{white-space:normal}.chainchip{display:none}}.wash--onchain{-webkit-mask-composite:source-in;animation:onchain-wash-in 1.6s var(--ease) both;-webkit-mask-image:linear-gradient(#000 55%,#0000 96%),linear-gradient(90deg,#0000 0,#000 22%);mask-image:linear-gradient(#000 55%,#0000 96%),linear-gradient(90deg,#0000 0,#000 22%);-webkit-mask-composite:source-in;mask-composite:intersect}.wash--onchain svg{animation:18s ease-in-out infinite alternate onchain-wash-drift;display:block}@keyframes onchain-wash-in{0%{opacity:0;transform:translate(40px)}}@keyframes onchain-wash-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-2%,2%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.wash--onchain,.wash--onchain svg{animation:none}}