*{box-sizing:border-box}body{margin:0;background:#eee9ed;color:#382f49;font:16px/1.5 system-ui}main{max-width:1000px;padding:24px;margin:auto}header>p:first-child{font-size:12px;letter-spacing:.18em}h1{font:56px Georgia;margin:8px 0}h2{font:26px Georgia}section{padding:24px;background:#fffdfa;border:1px solid #c4b5c8;border-radius:22px}.models{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}article{background:#f8f3f5;border:1px solid #d5c7d5;border-radius:14px;padding:12px;text-align:center}h3{margin:0 0 8px}.drawing{aspect-ratio:1;background:white;border-radius:12px;overflow:hidden}.drawing svg{width:100%;height:100%}.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}button,select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #8b7895;border-radius:8px;color:#382f49;background:#fffdfa;cursor:pointer}button:disabled{opacity:.45}#centers button{background:#f4f0f5 url(pearl.webp) center/cover;font-weight:bold;flex:1}#check{background:#655174;color:white}#feedback{font-weight:bold;min-height:3em}button:focus-visible{outline:3px solid #bd8451}footer,details{font-size:14px;margin:20px 0}[hidden]{display:none!important}@media(max-width:600px){main{padding:12px}section{padding:12px}h1{font-size:42px}.models{grid-template-columns:1fr;gap:12px}.drawing{max-width:320px;margin:auto;aspect-ratio:1.2}article{padding:10px}.bar button{flex:1}}