:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#e8edf5;background:#0c1018}*{box-sizing:border-box}body{margin:0}main{width:min(1020px,calc(100% - 32px));margin:0 auto}a{color:#ffb05e;text-decoration:none}a:hover{text-decoration:underline}nav{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:24px 0;border-bottom:1px solid #293140;font-size:13px}nav span{letter-spacing:2px;color:#9faabd}header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:36px 0 24px}h1{font-size:clamp(28px,4vw,42px);line-height:1.16;letter-spacing:-1.4px;margin:14px 0}em{font-style:normal;color:#ffaf58}p{color:#b5bfd0;font-size:14px;line-height:1.65;margin:9px 0}h2{font-size:19px;margin:0 0 15px}.tag{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#a3aec1}.rate{padding:24px;background:linear-gradient(140deg,#392819,#171b23);border:1px solid #685039;border-radius:16px;min-width:225px}.rate b{font-size:34px;display:block}.rate span{font-size:12px;color:#c2b5a5}aside{border:1px solid #5b4930;background:#211c16;border-radius:12px;padding:14px 18px}aside b{font-size:14px;color:#ffcb8a}aside p{margin-bottom:0}section{margin-top:20px;padding:20px;border:1px solid #2a3342;border-radius:14px;background:#131a25}.stats,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}article{padding:15px;border-radius:10px;background:#1b2432}small{display:block;font-size:12px;color:#9daabe}strong{display:block;font-size:23px;margin-top:8px}.steps b{display:block;color:#e3eaf6;font-size:13px;margin-bottom:6px}.steps p{margin:0}form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}label{display:grid;gap:7px;font-size:12px;color:#aebbd0}input{width:175px;border:1px solid #394459;background:#0e1520;color:#fff;border-radius:8px;padding:11px;font:inherit;font-size:15px}button{border:0;background:#ffa746;color:#1b1107;font-weight:750;cursor:pointer;padding:13px 18px;border-radius:8px}button:hover{background:#ffc27c}:focus-visible{outline:3px solid #79bfff;outline-offset:3px}.history{margin-top:18px}.history>div{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #2a3342;padding:12px 0;font-size:13px}.history b{color:#ffb86b}.notice,.error{padding:14px;margin-top:16px;border-radius:10px;background:#193729}.error{background:#43212b}footer{color:#8190a8;font-size:12px;padding:25px 0 35px}@media(max-width:640px){header{display:block;padding-top:25px}.rate{margin-top:20px;min-width:0;padding:17px}.rate b{font-size:28px}.stats,.steps{grid-template-columns:1fr}.stats{gap:8px}article{display:flex;align-items:center;justify-content:space-between}strong{font-size:19px;margin:0}.steps{gap:15px}nav span{display:none}section{padding:16px}.history>div{gap:10px;flex-wrap:wrap}form label{flex:1}input{width:100%}button{min-height:44px}}

select{max-width:100%;background:#101925;color:#edf2fa;border:1px solid #394359;border-radius:8px;padding:10px}article{margin:12px 0}code{overflow-wrap:anywhere}li{margin:8px 0}button{max-width:100%}
