:root{font-family:Arial,Segoe UI,sans-serif;color:#202d3d;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px 16px}header,.sectionHead,.actions,nav,.two{display:flex;gap:12px;align-items:center;justify-content:space-between}header{margin-bottom:22px}h1{margin:0 0 8px}h2{font-size:19px}small{color:#68788c;display:block;margin:6px 0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#fff;border:1px solid #d7dfeb;border-radius:11px;padding:11px 14px;color:#243349}button:hover{border-color:#4385cf}button.active{background:#e3f0ff;border-color:#4e93dd;color:#145ca7}.primary{background:#1769bb;color:#fff;border-color:#1769bb;min-width:150px}.primary:hover{background:#1058a2}nav{justify-content:stretch;margin-bottom:18px}nav button{flex:1}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.categories button{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.categories span{font-size:23px}section,.auth{background:#fff;border:1px solid #e0e6ef;border-radius:17px;padding:22px;box-shadow:0 2px 12px #172c4609}form{display:flex;flex-direction:column;gap:20px}label{display:flex;flex-direction:column;gap:9px;font-weight:600}input,select,textarea{width:100%;border:1px solid #cfd8e5;border-radius:9px;padding:11px;background:#fff;color:#253345}input[type=range]{accent-color:#1769bb;padding:0}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button{flex:1;min-width:65px}.two>*{flex:1;min-width:0}.sectionHead{margin-bottom:20px;flex-wrap:wrap}.sectionHead h2{margin:0}.actions{justify-content:flex-start;flex-wrap:wrap}article{border-top:1px solid #e5eaf1;padding:16px 0;display:flex;justify-content:space-between;gap:14px}article pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;direction:ltr;text-align:left;max-width:550px}.error{background:#fff1f0;color:#a32323;padding:12px;border-radius:9px}footer{font-size:12px;color:#768395;margin:24px 0}.auth{max-width:480px;margin:10vh auto}.auth p{line-height:1.6}@media(max-width:560px){main{padding:12px}section{padding:15px}.categories{grid-template-columns:repeat(4,1fr);gap:5px}.categories button{font-size:11px;padding:8px 3px;min-height:74px}.two{flex-wrap:wrap}.two>*{flex-basis:40%}article{flex-direction:column}header h1{font-size:23px}}