:root{color-scheme:light;--paper:#f5f0e7;--ink:#272a25;--muted:#65665c;--line:#d5cfc3;--accent:#b64b26;--soft:#eae5d9;--green:#376744;--panel:#f9f6ef}
:root[data-theme=dark]{color-scheme:dark;--paper:#191c19;--ink:#efede4;--muted:#b8b9ad;--line:#3d4139;--accent:#eea079;--soft:#252a23;--green:#9fc6a1;--panel:#1f231e}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Arial,sans-serif}main{width:min(1320px,90%);margin:0 auto;padding:45px 0 40px}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit;color:inherit}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font:10px/1.5 Arial,sans-serif;letter-spacing:1.8px;color:var(--accent);margin:0 0 10px}h1{font:400 clamp(54px,6vw,76px)/1 Georgia,serif;letter-spacing:-3px;margin:0}.title-dot{color:var(--accent)}.subtitle{font:italic 18px Georgia,serif;color:var(--muted);margin:14px 0 0}.tools{text-align:right;font-size:11px;color:var(--muted)}.tools button{border:1px solid var(--line);background:transparent;padding:8px 13px;border-radius:3px;font-size:11px;min-height:36px}.tools p{margin:18px 0 2px;color:var(--green)}.tools p:before{content:'';display:inline-block;border-radius:50%;width:6px;height:6px;background:currentColor;margin-right:7px}.tools p.bad{color:var(--accent)}.pool-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden}.pool-tabs a{display:block;text-decoration:none;color:inherit;text-align:left;border:0;background:transparent;padding:20px 26px;position:relative;min-width:0}.pool-tabs a+a{border-left:1px solid var(--line)}.pool-tabs a[aria-pressed=true]{background:var(--soft)}.pool-tabs a[aria-pressed=true]:after{content:'';height:3px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.pool-tabs a:hover{background:var(--soft)}.pool-name{display:flex;justify-content:space-between;font-size:14px;font-weight:600}.pool-name span{font:11px ui-monospace,monospace;color:var(--muted)}.pool-rate{display:block;margin-top:11px;font:400 clamp(20px,2.5vw,29px)/1.4 Georgia,serif}.pool-caption{display:block;font-size:11px;color:var(--muted);margin-top:5px}.selected-line{display:flex;justify-content:space-between;align-items:center;margin:32px 0 20px}.selected-line h2{font:400 22px Georgia,serif;margin:0}.selected-line a{font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px;padding:24px 0}.metrics section{padding:0 24px}.metrics section:first-child{padding-left:0}.metrics section+section{border-left:1px solid var(--line)}h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:400;margin:0 0 12px}.metric{font:400 clamp(25px,2.7vw,37px)/1.2 Georgia,serif;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}.metric small{font:11px Arial,sans-serif;color:var(--muted);margin-left:5px}.metrics p{font-size:10px;color:var(--muted);margin:10px 0 0}.visuals{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:34px}.panel{border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:5px;min-width:0}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-top h2{font:400 25px/1.2 Georgia,serif;margin:0}.section-top .eyebrow{font-size:9px;margin-bottom:6px}.pill{font-size:9px;letter-spacing:.4px;border:1px solid var(--line);border-radius:30px;padding:5px 9px;white-space:nowrap;color:var(--muted)}.share-summary,.reward-summary{display:flex;align-items:baseline;gap:10px;margin:21px 0 18px}.share-summary strong,.reward-summary strong{font:400 26px Georgia,serif;font-variant-numeric:lining-nums tabular-nums}.share-summary span,.reward-summary span{font-size:10px;color:var(--muted)}.share-strip{display:grid;grid-template-columns:repeat(20,1fr);gap:5px;min-height:110px;padding:8px 0}.share-strip a{background:var(--accent);opacity:.7;min-height:27px;border-radius:2px;text-decoration:none}.share-strip a:hover{opacity:1;outline:1px solid var(--ink);outline-offset:2px}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:8px}.note{font-size:10px;color:var(--muted);line-height:1.7}.panel>.note{margin:17px 0 0}[id$="-reward-chart"]{display:block;width:100%;height:110px;overflow:visible}[id$="-reward-chart"] rect{fill:var(--accent)}[id$="-reward-chart"] line{stroke:var(--line)}[id$="-reward-chart"] text{fill:var(--muted);font:10px Arial,sans-serif}.payouts>.section-top{margin-bottom:20px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.8px;text-transform:uppercase;font-weight:400;color:var(--muted);border-top:1px solid var(--line);background:var(--soft)}td,th{padding:12px 18px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{padding-left:12px}td{font-size:12px;font-variant-numeric:tabular-nums}td:nth-child(3){font-weight:600}td:last-child{font-size:10px;color:var(--muted)}td a{text-decoration:none}tbody tr:hover{background:var(--soft)}.warning{border-left:2px solid var(--accent);padding:10px 15px;background:var(--soft);font-size:12px;color:var(--accent)}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}@media(max-width:850px){.visuals{grid-template-columns:1fr}.metrics section{padding:0 15px}.metric{font-size:27px}.metrics p{max-width:145px}.panel{padding:22px}.share-strip{grid-template-columns:repeat(20,1fr)}[id$="-reward-chart"]{height:140px}}@media(max-width:550px){main{width:91%;padding-top:26px}.intro{margin-bottom:25px}.tools{max-width:145px}.tools p{font-size:10px}.tools>span{font-size:9px}.eyebrow{font-size:8px;letter-spacing:1.2px}.pool-tabs a{padding:14px 12px}.pool-name{font-size:12px}.pool-name span{display:none}.pool-rate{font-size:19px}.pool-caption{font-size:9px}.metrics{grid-template-columns:1fr 1fr;padding:0}.metrics section{padding:20px 14px!important}.metrics section:nth-child(3){border-left:0}.metrics section:nth-child(n+3){border-top:1px solid var(--line)}.metric{font-size:30px}.metrics p{max-width:none;font-size:9px}.section-top h2{font-size:23px}.payouts>.section-top{align-items:flex-start;flex-direction:column;gap:6px}.panel{padding:18px}.share-strip{gap:4px}.share-strip a{min-height:24px}.reward-summary{flex-wrap:wrap;gap:5px 10px}.selected-line{margin-top:26px}.subtitle{font-size:16px}.tools button{min-height:40px}}

.payout-toggle,.payout-detail button{background:var(--soft);border:1px solid var(--line);border-radius:3px;padding:7px 11px;font:inherit;color:var(--accent);min-height:36px}.payout-toggle[aria-expanded=true]{border-color:var(--accent)}.payout-detail{background:var(--panel);white-space:normal;padding:22px!important}.payout-detail h3{color:var(--accent);margin-bottom:8px}.payout-detail p{font-size:12px;color:var(--muted);margin:0 0 16px}.payout-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:0 24px;max-height:320px;overflow:auto;min-width:0}.payout-list li{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;font-variant-numeric:tabular-nums}.payout-list span{color:var(--muted)}.payout-list strong{font-weight:500}@media(max-width:850px){.payout-list{grid-template-columns:repeat(2,minmax(210px,1fr))}}@media(max-width:550px){.payout-list{grid-template-columns:1fr}}

.chain-dashboard{scroll-margin-top:24px}.chain-dashboard+.chain-dashboard{border-top:2px solid var(--accent);margin-top:56px;padding-top:12px}.pool-tabs a:focus-visible{outline-offset:-5px}

.onion-link{display:inline-block;margin-right:14px;font-size:11px;color:var(--muted);text-underline-offset:4px}

.payouts > summary.section-top { cursor: pointer; list-style: none; margin-bottom: 0; position: relative; padding-right: 2.5rem; }
.payouts > summary.section-top::-webkit-details-marker { display: none; }
.payouts > summary.section-top::after { content: "+"; font-size: 1.6rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.payouts[open] > summary { margin-bottom: 1.5rem; }
.payouts[open] > summary::after { content: "−"; }
.payouts > summary.section-top:focus-visible { outline: 2px solid var(--accent); outline-offset: 6px; }
.payouts[open] > summary .note { visibility: hidden; }

body[data-chain] .pool-tabs { grid-template-columns: 1fr; }