:root{--bg:#0b0f12;--surface:#11171b;--surface-2:#151d22;--line:rgba(171,207,199,.18);--line-strong:rgba(171,207,199,.38);--text:#edf6f3;--muted:#8fa19d;--accent:#8bd8ca;--accent-2:#d2fcf4;--danger:#e6a7a0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;min-width:320px;background:radial-gradient(circle at 75% -10%,rgba(62,120,112,.2),transparent 34rem),var(--bg)}button,input{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:20;background:var(--accent);color:#07100e;padding:.75rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.contract-header{height:64px;padding:0 clamp(1rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(11,15,18,.86);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.65rem;color:var(--text);text-decoration:none;letter-spacing:.08em}.brand b{font-size:1.35rem;letter-spacing:-.05em}.brand b span{color:var(--accent)}.brand-divider{height:18px;width:1px;background:var(--line-strong)}nav{display:flex;gap:1.3rem}nav a{color:var(--muted);text-decoration:none;font-size:.82rem}nav a:hover,nav a[aria-current=page]{color:var(--accent-2)}main{width:min(1480px,calc(100% - 2rem));margin:auto}.hero{min-height:420px;padding:clamp(3rem,8vw,7rem) clamp(0rem,4vw,4rem);display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:end;border-bottom:1px solid var(--line)}.eyebrow{font:600 .68rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:var(--accent);margin:0 0 1rem}.hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.87;letter-spacing:-.07em;margin:0;font-weight:620}.hero h1 span{color:#7c8a87;font-weight:420}.hero-copy>p{font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.55;color:#bfcbc8;max-width:38rem}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}.hero-stats span{padding-top:1rem;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted)}.hero-stats b{display:block;color:var(--text);font-size:1.5rem;margin-bottom:.15rem}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1.3fr auto 1fr;align-items:center;gap:1rem;padding:2rem 0;border-bottom:1px solid var(--line)}.flow div{padding:1.15rem 1.25rem;border:1px solid var(--line);background:var(--surface);min-height:92px}.flow b{font:600 .65rem ui-monospace,monospace;color:var(--accent);margin-right:.8rem}.flow span{font-size:.9rem}.flow small{display:block;color:var(--muted);margin:.75rem 0 0 2rem}.flow i{color:var(--muted);font-style:normal}.controls{padding:3rem 0 1.5rem;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:2rem;align-items:end}.controls label{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.55rem}.controls input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:.55rem;color:var(--text);padding:.85rem 1rem;outline:none}.controls input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(139,216,202,.12)}.filters{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.55rem .8rem;border-radius:999px;cursor:pointer;font-size:.72rem}.filters button:hover,.filters button[aria-pressed=true]{border-color:var(--accent);color:#08110f;background:var(--accent)}.contract-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-bottom:5rem}.contract-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(21,29,34,.94),rgba(14,20,24,.92));padding:1.35rem;min-height:340px;display:flex;flex-direction:column;transition:border-color .18s,transform .18s}.contract-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.contract-card>header{display:flex;justify-content:space-between;font:600 .62rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.contract-version{color:var(--muted)}.contract-card h2{font-size:1.45rem;letter-spacing:-.035em;margin:1.3rem 0 .25rem}.owner{font:.68rem ui-monospace,monospace;color:var(--muted);margin:0 0 1.4rem}.contract-card dl{margin:0 0 auto}.contract-card dl div{display:grid;grid-template-columns:4rem 1fr;gap:.6rem;padding:.7rem 0;border-top:1px solid var(--line)}dt{color:var(--muted);font-size:.68rem;text-transform:uppercase}dd{margin:0;font-size:.78rem;line-height:1.45}.contract-card details{border-top:1px solid var(--line);padding:.7rem 0}.contract-card summary{cursor:pointer;font-size:.76rem;color:#c7d3d0;display:flex;justify-content:space-between}.contract-card summary span{color:var(--muted);font:600 .65rem ui-monospace,monospace}.contract-card ul{padding-left:1rem;margin:.8rem 0 .2rem;color:var(--muted);font-size:.75rem;line-height:1.55}.contract-card li+li{margin-top:.35rem}.empty{grid-column:1/-1;color:var(--muted);padding:4rem 0;text-align:center;border:1px dashed var(--line)}.rules{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:5rem clamp(0rem,4vw,4rem);border-top:1px solid var(--line)}.rules h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em;margin:0}.rules ol{margin:0;padding:0;list-style:none;counter-reset:rules}.rules li{counter-increment:rules;display:grid;grid-template-columns:2rem 1fr 1.4fr;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.rules li:before{content:counter(rules,decimal-leading-zero);font:600 .65rem ui-monospace,monospace;color:var(--accent)}.rules li b{font-size:.86rem}.rules li span{color:var(--muted);font-size:.8rem;line-height:1.5}footer{width:min(1480px,calc(100% - 2rem));margin:auto;padding:1.2rem 0 2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font:.65rem ui-monospace,monospace}
@media(max-width:1050px){.contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.flow i{display:none}.controls{grid-template-columns:1fr}.filters{justify-content:flex-start}.rules{grid-template-columns:1fr}}
@media(max-width:650px){.contract-header{padding:0 1rem}.brand>span:last-child{display:none}nav{gap:.8rem}nav a{font-size:.72rem}.hero{padding:3rem 0;min-height:0;gap:2rem}.hero-stats{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.contract-grid{grid-template-columns:1fr}.rules{padding:3rem 0;gap:2rem}.rules li{grid-template-columns:2rem 1fr}.rules li span{grid-column:2}footer{gap:1rem;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


.wire-lab{border:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;padding:2rem;margin:2rem 0 3rem;background:var(--surface)}.wire-lab h2{font-size:2rem;letter-spacing:-.04em}.wire-lab p{color:var(--muted);line-height:1.6}.wire-lab .wire-note{font-size:.8rem}.wire-lab a{color:var(--accent);font-size:.8rem}.schema-links{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}.schema-links a{border:1px solid var(--line);border-radius:.35rem;padding:.4rem .6rem}#wire-form{display:grid;gap:.5rem}#wire-form label{color:var(--muted);font-size:.75rem}#wire-form input{width:100%;min-width:0;background:transparent;border:1px solid var(--line);border-radius:.3rem;padding:.65rem;color:var(--text)}.wire-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.wire-actions button{padding:.65rem .8rem;border:1px solid var(--line);border-radius:.3rem;background:transparent;color:var(--text);cursor:pointer}.wire-actions button:first-child{background:var(--accent);color:#08110f}#wire-output{overflow:auto;max-height:280px;font-size:.72rem;line-height:1.5;border:1px solid var(--line);padding:1rem}#wire-status{font: .8rem ui-monospace,monospace}#wire-status[data-error=true]{color:#ffb4ab}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:850px){.wire-lab{grid-template-columns:1fr;padding:1.2rem;gap:1rem}}

.wire-lab>div{min-width:0}#wire-output{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}