:root{--bg:#090d12;--card:#141a20;--text:#f6f7f9;--muted:#a9b4c0;--gold:#edc451;--line:#ffffff1f}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#121922,#080b10);color:var(--text);font:13px/1.5 Inter,system-ui,sans-serif}body[data-theme=light]{--bg:#f7f8fa;--card:#fff;--text:#1a222e;--muted:#546577;--gold:#81600c;--line:#c9d0dd;background:#f7f8fa}.hm{max-width:950px;margin:auto;padding:15px}.hm header{display:flex;justify-content:space-between;gap:9px;align-items:center;flex-wrap:wrap}.hm header strong{font-size:12px;letter-spacing:.12em;color:var(--gold)}.badge{color:var(--gold);font:750 10px ui-monospace,monospace;border:1px solid var(--line);padding:6px 8px;border-radius:100px}.hm h1{font-size:clamp(21px,4vw,29px);margin:16px 0 6px;line-height:1.16;letter-spacing:-.035em}.lead,.help{color:var(--muted);font-size:12px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.tile{border:1px solid var(--line);border-radius:11px;padding:17px 8px;min-height:92px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:var(--text)}.tile strong{font:900 13px ui-monospace,monospace}.tile span{font:750 21px ui-monospace,monospace}.summary{border-radius:10px;padding:11px;background:var(--card);border:1px solid var(--line);font-size:12px;margin-bottom:14px}.label{display:block;color:var(--muted);margin-bottom:6px;font-size:12px}.input{width:100%;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;font:12px/1.4 ui-monospace,monospace;direction:ltr;resize:vertical}.actions{display:flex;gap:9px;margin:11px 0}.actions button{padding:10px 15px;min-height:39px;cursor:pointer;border:0;border-radius:9px;font-weight:850}.primary{background:linear-gradient(#ffe387,#d9ae3e);color:#16130c}.secondary{background:var(--card);color:var(--text);border:1px solid var(--line)!important}.error{color:#fb9d9a;font-size:12px}.hm footer{border-top:1px solid var(--line);padding-top:9px;font:900 11px ui-monospace,monospace;letter-spacing:.11em;color:var(--gold)}@media(max-width:500px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hm{padding:11px}}