:root{--plum:#4b237c;--mint:#c9ffd8;--red:#b52c1f;--black:#111;--pale:#f1d7ff}*{box-sizing:border-box}body{margin:0;background:var(--plum);color:var(--black);font-family:"Courier New",monospace}.account-header,footer{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:var(--black);color:var(--mint);border-bottom:2px solid var(--mint)}a{color:inherit;font-weight:700}main{width:min(1080px,calc(100% - 2rem));margin:2rem auto}.binding-intro{display:grid;grid-template-columns:1fr 18rem;background:var(--pale);border:2px solid var(--black)}.binding-intro>div{padding:clamp(1rem,4vw,3rem)}.binding-intro h1{font-size:clamp(2.3rem,8vw,5.5rem);line-height:.9;margin:.4rem 0 1.3rem;overflow-wrap:anywhere}.binding-intro p{max-width:62ch;line-height:1.55}.binding-intro aside{display:flex;flex-direction:column;justify-content:center;gap:.8rem;padding:1.4rem;background:var(--mint);border-left:2px solid var(--black)}.binding-intro aside b{font-size:2rem}.notice,.boundary{margin-top:1rem;padding:1rem;background:var(--mint);border:2px dashed var(--black)}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1rem;border:2px solid var(--black)}form{background:var(--pale);padding:1rem}form+form{border-left:2px solid var(--black)}form header,.bound-panel>header,dialog header{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:2px solid var(--black)}label{display:grid;gap:.4rem;margin:1.2rem 0;font-weight:700}input{width:100%;padding:.8rem;background:#fff;border:2px solid var(--black);border-radius:0;font:inherit}input:focus,button:focus,a:focus{outline:3px solid var(--red);outline-offset:2px}small{font-weight:400;line-height:1.35}button,.bound-actions a{display:block;width:100%;padding:.85rem;background:var(--black);color:var(--mint);border:2px solid var(--black);border-radius:0;font:700 .9rem "Courier New",monospace;text-align:center;cursor:pointer}.form-state{min-height:2.5rem;line-height:1.3;color:#7d1f15}.bound-panel{margin-top:1rem;background:var(--mint);border:2px solid var(--black)}.bound-panel>header{padding:1rem}.bound-number{padding:2rem}.bound-number h2{font-size:clamp(2rem,7vw,4.5rem);margin:.5rem 0}.bound-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--black);border-top:2px solid var(--black)}.bound-actions>*{border:0}.bound-panel form{border-top:2px solid var(--black)}.boundary{background:var(--red);color:#fff;border-style:solid}.boundary p{max-width:70ch;line-height:1.5}dialog{width:min(34rem,calc(100% - 2rem));padding:0;border:3px solid var(--black);background:var(--mint);color:var(--black)}dialog form{background:var(--mint)}dialog output{display:block;margin:1rem 0;padding:1rem;background:var(--black);color:var(--mint);font-size:clamp(1.6rem,7vw,3rem);text-align:center;letter-spacing:.08em}footer{margin-top:3rem;border-top:2px solid var(--mint);border-bottom:0}@media(max-width:760px){.account-header span:nth-child(2){display:none}.binding-intro,.account-grid{grid-template-columns:1fr}.binding-intro aside{border-left:0;border-top:2px solid var(--black)}form+form{border-left:0;border-top:2px solid var(--black)}.bound-actions{grid-template-columns:1fr}footer{flex-direction:column}.account-grid{display:block}}