@font-face{font-family:ModeUI;src:local("Avenir Next"),local("Arial")}*{box-sizing:border-box}body{margin:0;background:#11110f;color:#e9e3d6;font:17px ModeUI,system-ui,sans-serif;line-height:1.5}main{max-width:640px;margin:6vh auto;padding:28px;border:1px solid #77613c;border-radius:10px;background:linear-gradient(130deg,#282724,#191917);box-shadow:0 12px 45px #0008}header{display:flex;gap:20px;align-items:center;border-bottom:1px solid #665536;padding-bottom:20px}.brand{letter-spacing:3px;font-weight:800}.tag{color:#deb66a;font-size:13px;letter-spacing:2px}h1{font-size:25px}p{color:#c8c1b3}label{display:block;margin:18px 0;color:#ddd6c6}input,select,button{font:inherit;width:100%;border-radius:5px;border:1px solid #927747;background:#0b0b0a;color:#f1e8d3;padding:12px;min-height:48px}input{display:block;margin-top:8px}input[type=range]{accent-color:#dfb76d;padding:0}button{cursor:pointer;font-weight:700;color:#f3cd83;background:linear-gradient(#363128,#11110f)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #eac17b;outline-offset:3px}.transport{display:flex;gap:12px;margin-top:24px}meter{width:100%;height:18px;accent-color:#c6ba71}.hint,footer,#outputNote{font-size:14px;color:#aaa495}#status{border-top:1px solid #625435;padding-top:18px;min-height:60px}footer{margin-top:22px}[hidden]{display:none!important}@media(max-width:680px){main{margin:16px;padding:22px}}