*{box-sizing:border-box}body{margin:0;background:#071225;color:#f8f3e8;font:16px/1.45 system-ui,sans-serif}header,footer{padding:16px max(18px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293750;background:#0a162b}.brand,.section-title,.intro,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand img{width:40px;height:40px;object-fit:contain}.brand strong{font-size:18px}main{max-width:1156px;padding:24px 18px;margin:auto}.intro{margin-bottom:22px}h1,h2,p{margin:0}h1{font:600 clamp(28px,5vw,46px)/1.12 Georgia,serif}h2{font-size:18px}.intro p,.hint,footer{color:#b8c3d7}.intro p,.hint{margin-top:6px}.hint{font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:16px}.panel{background:#0f1e3a;border:1px solid #293750;border-radius:16px;padding:18px;margin-bottom:16px}.fields,.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{display:block;font-size:14px;margin:8px 0;color:#e2e8f2}input,select,button{font:inherit;min-height:44px;border-radius:8px}input,select{width:100%;display:block;color:#fff;background:#09162c;border:1px solid #52637f;padding:8px;margin-top:4px}button{cursor:pointer;border:1px solid #e0be65;background:#e0be65;color:#071225;padding:8px 12px;font-weight:700}.secondary{background:transparent;color:#f0cf79}.item{margin-top:12px;padding:12px;border:1px solid #334666;border-radius:10px}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-controls,.rate{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.item-controls label{display:flex;gap:6px;align-items:center}.item-controls input{width:20px;min-height:20px;margin:0;accent-color:#e0be65}.summary strong{display:block;color:#f0cf79;font-size:36px;margin:5px 0}.summary div{display:flex;justify-content:space-between}.rate{border-top:1px solid #334666;margin-top:10px;padding-top:10px}.rate small{display:block;color:#b8c3d7}footer{justify-content:center}#status{color:#f0cf79}@media(max-width:760px){.layout{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:370px){header{padding-inline:10px}.brand img{width:30px}.brand strong{font-size:15px}.panel{padding:12px}}