:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e5e3d7;background:#152221;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1250px;margin:auto;padding:36px 42px}header,.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow,.sectionhead>span{font-size:11px;letter-spacing:.2em;color:#b0c0b5}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,7vw,90px);line-height:.95;letter-spacing:-.04em;margin:48px 0 20px}em{color:#d6aa72}h1 em{font-weight:400}.intro{font-size:19px;color:#b1c1b7;line-height:1.6}h2{font-size:16px;font-weight:500}.instrument{margin:38px 0;padding:28px;background:#20312d;border:1px solid #46584a;border-radius:18px}.banks{display:grid;grid-template-columns:repeat(5,1fr);margin:30px 0}.bank{text-align:center;border-right:1px solid #43554b;display:flex;align-items:center;flex-direction:column;gap:12px}.bank:last-child{border:0}.bank>span{font:11px monospace;color:#b1c1b7}.ring{height:95px;width:95px;border:1px solid #d6aa72;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 8px,#d6aa7220 9px 10px);box-shadow:inset 0 0 28px #d6aa7215}.bank strong{font:24px Georgia}.bank small{font-size:11px;color:#b1c1b7}button{border:1px solid #647264;background:transparent;border-radius:6px;padding:11px 16px;color:inherit;font:inherit;font-size:13px;cursor:pointer}button:hover{background:#354b40}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#d6aa72;color:#17231d;border-color:#d6aa72}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}input,textarea{width:100%;background:#101d1b;color:#f0eadc;border:1px solid #4b6052;border-radius:5px;padding:10px;font:inherit}label{display:block;font-size:12px;color:#c1c9bd;margin:16px 0}label input,label textarea{margin-top:7px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:46px}.numbers{display:flex;gap:8px}.numbers label{min-width:0;flex:1}.numbers input{padding:9px 5px}.muted,small,footer p{color:#a4b4a7;font-size:13px;line-height:1.7}textarea{min-height:230px;resize:vertical;font:12px/1.5 monospace}.state{display:block;width:100%;text-align:left;overflow-wrap:anywhere;margin:7px 0}ol{padding-left:22px}li{font-size:12px;line-height:1.8;padding:9px 0;border-bottom:1px solid #3f5145}footer{border-top:1px solid #46584a;margin-top:50px;padding-top:24px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e7c694;outline-offset:3px}[role=status]{font-size:12px;color:#e0cbaa;min-height:20px;overflow-wrap:anywhere}@media(max-width:700px){main{padding:24px 18px}.columns{grid-template-columns:1fr}.instrument{padding:16px}.ring{width:40px;height:40px}.bank strong{font-size:16px}.bank small{font-size:9px}.numbers{flex-wrap:wrap}.numbers label{min-width:75px}header{align-items:flex-start}.banks{gap:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:fullscreen{overflow:auto;background:#152221}