.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-block:72px 12px}
.hero h1{margin:0;font-size:clamp(42px,5.4vw,70px);font-weight:800;letter-spacing:-.055em;line-height:1.03}
.hero h1 em{background:linear-gradient(100deg,#0b8aa8,#3cc6e0 55%,#6b8cff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal}
.hero-lead{max-width:540px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.hero-panel{position:relative;overflow:hidden;padding:28px 30px;border-radius:32px;background:radial-gradient(circle at 80% 12%,#7ee3ff40,transparent 50%),radial-gradient(circle at 10% 100%,#6b8cff33,transparent 45%),linear-gradient(150deg,var(--dark-2),var(--dark));color:var(--dark-text);box-shadow:0 34px 70px #0b2f3d40}
.hero-panel-top{display:flex;justify-content:space-between;color:var(--dark-muted);font-size:11px;font-weight:800;letter-spacing:.14em}
.hero-number{margin:34px 0 26px;font-size:clamp(88px,12vw,150px);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.05em;line-height:1;text-align:center}
.hero-number.pop{animation:pop .45s cubic-bezier(.2,.9,.3,1.3)}
@keyframes pop{0%{opacity:.2;transform:scale(.86)}100%{opacity:1;transform:scale(1)}}
.hero-roll{width:100%;border-color:#ffffff2e;background:#ffffff1a;color:#fff}
.hero-roll:hover{background:#ffffff26}
.hero-hash{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin:20px 0 0;padding-top:16px;border-top:1px solid #ffffff1f;color:var(--dark-muted);font-size:11px;font-weight:700}
.hero-hash code{color:var(--glow);font:600 11px ui-monospace,"SF Mono",Menlo,monospace}
.tabs{display:flex;flex-wrap:wrap;margin-bottom:24px}
.panel{display:grid;gap:16px}
.panel[hidden]{display:none}
.panel-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.panel-actions .check{margin-right:auto}
.inline-field{flex-direction:row;align-items:center;margin-right:auto}
.inline-field input{width:92px}
.coin-row{margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
.results{margin-top:26px;padding:20px;border-radius:18px;background:var(--bg)}
.results-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.result-values{display:flex;flex-wrap:wrap;gap:8px;max-height:360px;overflow:auto}
.result-values .empty{margin:0;color:var(--muted);font-size:14px}
.chip{display:inline-flex;min-width:48px;align-items:center;justify-content:center;gap:8px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:17px;font-weight:750;font-variant-numeric:tabular-nums}
.chip.die{font-size:15px}
.chip.die b{font-size:26px;font-weight:400;line-height:1}
.chip.highlight{border-color:transparent;background:var(--accent);color:#fff}
.list-result{width:100%;margin:0;padding-left:26px;font-size:15px;line-height:1.9}
.list-result li::marker{color:var(--accent-ink);font-weight:800}
.result-total{width:100%;margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:700}
.result-meta{margin:14px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.result-meta.error{color:#c2410c;font-weight:700}
.source-summary{margin-bottom:14px}
.how-list{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none;counter-reset:how}
.how-list li{position:relative;padding-left:38px;color:var(--muted);font-size:14px;line-height:1.6;counter-increment:how}
.how-list li:before{position:absolute;top:0;left:0;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-size:12px;font-weight:800;content:counter(how)}
.how-list strong{color:var(--ink)}
.table-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.table-top h3{margin:0}
.hash{max-width:100%;overflow:hidden;color:var(--muted);font:600 11px ui-monospace,"SF Mono",Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}
.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
th{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
tbody tr:last-child td{border-bottom:0}
td:first-child{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-weight:700}
.source-note{max-width:760px;margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:30px;padding-top:44px}}
@media(max-width:520px){.hero h1{font-size:clamp(36px,10.5vw,50px)}.hero-lead{font-size:15px}.hero-actions .button{flex:1 1 100%}.hero-panel{padding:22px}.tabs{width:100%}.tabs button{flex:1 1 45%}.panel-actions .button{flex:1 1 100%}.panel-actions .check,.inline-field{margin-right:0}.results{padding:16px}}
html[dir="rtl"] th{text-align:right}
html[dir="rtl"] .hero h1,html[dir="rtl"] .section-heading h2{letter-spacing:0;line-height:1.25}
html[dir="rtl"] .panel-actions .check,html[dir="rtl"] .inline-field{margin-right:0;margin-left:auto}
html[dir="rtl"] .how-list li{padding-left:0;padding-right:38px}
html[dir="rtl"] .how-list li:before{left:auto;right:0}
html[dir="rtl"] .hash,html[dir="rtl"] .hero-hash code,html[dir="rtl"] td:first-child{direction:ltr;unicode-bidi:isolate}