*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#161819;color:#eceeed;font:16px/1.6 system-ui,sans-serif}main{width:min(100% - 40px,620px);margin:8vh auto 40px}.brand{font-weight:700;color:#eceeed;text-decoration:none}.brand span,.hint,.intro,footer{color:#929b98}h1{font-size:clamp(30px,6vw,42px);line-height:1.15;letter-spacing:-1px;margin:36px 0 14px}.intro{margin-bottom:30px}label{display:block;font-size:13px;margin-bottom:8px}.entry{display:flex;gap:8px}input,button{font:inherit;border:1px solid #424947;border-radius:7px;padding:11px 14px}input{min-width:0;flex:1;background:#202425;color:#eee}button{background:#b9ccc2;color:#14231a;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.secondary{background:transparent;color:#c8d0cc}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #b9ccc2;outline-offset:3px}.hint{font-size:12px}#notice{color:#edc9a2}#result{border-top:1px solid #3b4240;margin-top:24px;padding-top:20px}header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}code{font-family:ui-monospace,Consolas,monospace}#key-state{color:#a9c4b4}.remaining{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:20px 0 0}#remaining{font-size:46px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}#unit{color:#a4ada9}dl{margin:24px 0;display:grid;grid-template-columns:1fr auto;gap:10px 18px;font-size:14px}dt{color:#a4ada9}dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.actions{display:flex;gap:10px;flex-wrap:wrap}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:40px;font-size:12px}a{color:#b9ccc2}[hidden]{display:none!important}@media(max-width:420px){.entry{flex-direction:column}dl{font-size:12px}main{margin-top:32px}}