*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#050505;color:#eae7df;font:17px/1.6 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:24px}h1{font-size:clamp(28px,5vw,44px);line-height:1.15}h2{margin-top:35px}a{color:#f5c842}nav{display:flex;gap:16px;flex-wrap:wrap}label{display:block;margin:12px 0}input,select,textarea,button{font:inherit;border:1px solid #f5c84238;border-radius:8px;padding:12px;background:#0d0d0d;color:inherit;max-width:100%}input,textarea{width:100%}button{cursor:pointer;background:#f5c84238}form{max-width:700px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid #f5c84238;padding:10px;vertical-align:top}thead th{color:#f5c842}details{border-bottom:1px solid #f5c84238;padding:15px 0}summary{cursor:pointer;font-weight:650}small,.muted{color:#b9b5ab}.result{padding:18px 0;border-bottom:1px solid #f5c84238}:focus-visible{outline:3px solid #f5c842;outline-offset:4px}.hp{display:none}#message{white-space:pre-wrap}p{overflow-wrap:anywhere}footer{border-top:1px solid #f5c84238;margin-top:40px;padding:20px 0}@media(max-width:600px){main{padding:16px}.row{grid-template-columns:1fr}th,td{padding:8px;font-size:15px}}