:root{font-family:system-ui,-apple-system,sans-serif;color:#183b38;background:#f3f6f2}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:28px 18px 50px}header{padding:20px 0}header span{font-size:12px;letter-spacing:.25em;color:#427c71}h1{font-size:clamp(28px,6vw,42px);margin:8px 0}p{line-height:1.6}aside{background:#fff1d6;border:1px solid #d7b978;padding:18px;border-radius:16px}aside p{margin-bottom:0}nav{display:flex;gap:8px;margin:24px 0;flex-wrap:wrap}button,input,select{font:inherit;min-height:48px;border-radius:10px;padding:12px;border:1px solid #aec5bc}button{cursor:pointer;background:#e6efea;color:#183b38}button:hover{background:#cedfd5}button[aria-pressed=true],button[type=submit]{background:#215d50;color:white}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc6a19;outline-offset:3px}section{background:white;padding:24px;border-radius:20px;border:1px solid #dce6df}label{display:block;margin:18px 0 8px}input,select{width:100%;background:white;color:#183b38}.result{background:#eff5ef;padding:20px;border-radius:12px}output{font-size:36px;font-weight:700}small{display:block}ul{padding:0;list-style:none}li{border-bottom:1px solid #e0e8e2;padding:14px 0;display:flex;gap:12px;align-items:center;justify-content:space-between}footer{font-size:13px;margin-top:24px;color:#52645d}#records button{margin:4px 0}#status{min-height:25px}@media(max-width:420px){section{padding:18px}nav button{flex:1;font-size:14px}li{flex-wrap:wrap}}[hidden]{display:none!important}
:root{scroll-behavior:smooth}a{color:#215d50;text-underline-offset:3px}section+section{margin-top:20px}ol{padding-left:24px}ol li{display:list-item;line-height:1.6;padding:10px 0}.install-link{display:inline-block;min-height:44px;padding:10px 0}