@font-face{font-family:Inter;src:url('assets/inter-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--text:#f5f7fa;--muted:#a7aeb8;--dim:#929eac;--border:#39424e;--fire:#ffba75;font-family:Inter,Arial,sans-serif;font-synthesis:none;background:#080c11;color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(70% 38% at 50% 0%,#2b3440,transparent 70%),radial-gradient(120% 60% at 50% 115%,#556172b0,#2a323d80 40%,transparent 75%),linear-gradient(180deg,#05070a,#0b0f15);font-size:13px;font-weight:400;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:not(.burn-card):hover,button:hover{color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,.chart:focus-visible{outline:2px solid #c1cfdf;outline-offset:4px}h1,h2,p{margin:0;font-weight:400}button{border:0;background:none}svg{display:block}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.stage{width:min(800px,calc(100% - 32px));min-height:1280px;display:flex;flex-direction:column;align-items:center;gap:24px;margin:0 auto;padding:48px 0 96px}.logo{display:block;width:103px;height:28px}.burn-panel{width:100%;padding:28px;display:flex;flex-direction:column;gap:20px;border-radius:22px;background:linear-gradient(180deg,#3b4451,#0e1218);box-shadow:inset 0 0 0 1px var(--border)}.balance{font-size:52px;letter-spacing:-2.2px;line-height:62px;color:#fff}.chart-section{display:flex;flex-direction:column;gap:10px}.chart{height:200px;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.chart svg{width:100%;height:100%;overflow:visible}.chart-guide{stroke:#ffffff09;stroke-width:1}#burnLine{stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;vector-effect:non-scaling-stroke}#chartEnd,#cursorPoint{fill:#fff}#cursorLine{stroke:#aebed380;stroke-width:1;stroke-dasharray:3 4}.chart-tip{position:absolute;top:2px;z-index:2;padding:8px 10px;background:#0b0f15;border:1px solid var(--border);border-radius:8px;pointer-events:none;line-height:1.5;white-space:nowrap;font-size:12px;box-shadow:0 8px 24px #0006;display:flex;flex-direction:column;gap:3px}.chart-tip small{display:block;color:var(--muted);font-size:11px}.contributions{min-height:294px}.contribution-heading{height:42px;display:flex;align-items:center;justify-content:space-between}.contribution-heading h2{font-size:11px;color:var(--muted);line-height:13px}.filter{position:relative;z-index:5}.filter-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;box-shadow:inset 0 0 0 1px #4a5563;background:#ffffff06;font-size:11px;line-height:13px;color:#cad2dd}.filter-trigger svg{width:12px;height:12px;stroke:#a7b4c3;stroke-width:1.2;fill:none;transition:transform .15s}.filter-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.filter-menu{position:absolute;top:calc(100% + 8px);right:0;width:260px;padding:8px;border-radius:10px;background:#202a36;border:1px solid #4b5869;box-shadow:0 12px 24px #0005}.filter-menu label{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 8px;border-radius:5px;font-size:12px;color:#b7c2d0;cursor:pointer}.filter-menu label:hover{background:#ffffff08}.filter-menu label:has(:checked){color:#f5f7fa;background:#ffffff05}.filter-menu input{accent-color:#c0cddc;width:14px;height:14px;margin:0;cursor:pointer}.filter-menu .select-all{border-bottom:1px solid #3b4756;border-radius:0;margin-bottom:2px}.filter-note{display:flex;flex-direction:column;gap:5px;border-top:1px solid #3b4756;padding:10px 8px 4px;font-size:10px;color:#b5c0ce}.filter-note span:first-child{color:#929faf}.table-wrap{width:100%}table{border-collapse:collapse;width:100%;table-layout:fixed}td{padding:0;height:42px;border-bottom:1px solid #252d37;font-size:13px;line-height:16px}td:first-child{width:auto}.product-name{display:flex;align-items:center;gap:12px;min-width:0}.product-name span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-icon{width:20px;height:20px;flex-shrink:0;border-radius:50%;object-fit:cover}.product-icon.flaunch{object-fit:cover;object-position:center;clip-path:circle(50%);transform:scale(1.1)}td.eth{width:89px;text-align:right;color:#e3e7ee}td.usd{width:82px;text-align:right;color:var(--muted)}td.time{width:68px;text-align:right;color:#b2bdca;font-size:12px}td.time a{white-space:nowrap}td.time a:hover{text-decoration:underline}.empty-state{padding:48px 0;color:var(--muted);text-align:center;font-size:12px;line-height:1.6}.burns{width:100%;display:flex;flex-direction:column;gap:14px}.burns-heading{display:flex;justify-content:space-between;align-items:center;min-height:16px}.burns-heading h2{font-size:13px;line-height:16px;color:#e8edf3}.burn-links{display:flex;gap:16px;align-items:center;font-size:11px;color:var(--dim)}.burn-links a:last-child{color:#c0cddc}.burn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.burn-card{min-width:0;background:#0f1319;border-radius:18px;box-shadow:inset 0 0 0 1px #343438;overflow:hidden;display:block;}.burn-card.active{box-shadow:inset 0 0 0 1px #79503b}.burn-card-head{padding:18px 18px 0;display:flex;align-items:center;justify-content:space-between;height:34px}.burn-status{font-size:11px;line-height:13px;color:#c0b7ab}.burn-card.active .burn-status{color:#ffba75}.burn-card.ended .burn-status{color:#c6b0a0}.external-icon{font-size:13px;color:#8f939d;line-height:16px}.fire-stage{height:146px;position:relative;overflow:hidden;isolation:isolate}.fire-fallback,.fire-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fire-canvas{opacity:0;pointer-events:none}.fire-stage.webgl-ready .fire-canvas{opacity:1}.fire-stage.webgl-ready .fire-fallback{visibility:hidden}.burn-card.ended .fire-fallback,.burn-card.cancelled .fire-fallback,.burn-card.ended .fire-canvas,.burn-card.cancelled .fire-canvas{opacity:.35}.fire-halo{position:absolute;left:50%;top:25px;transform:translateX(-50%);width:136px;height:112px;background:radial-gradient(ellipse,#d76a1917,transparent 70%)}.active .fire-halo{background:radial-gradient(ellipse,#ff802b3d,transparent 70%)}.flay-token{position:absolute;top:42px;left:50%;transform:translateX(-50%);height:80px;width:80px;border-radius:50%;opacity:.8;box-shadow:0 4px 24px #ff762c22}.active .flay-token{opacity:1;box-shadow:0 4px 24px #ff762c66}.burn-value{padding:17px 20px 20px;display:flex;flex-direction:column;gap:14px}.burn-amount{display:flex;flex-direction:column;gap:4px}.amount-usd{font-size:32px;line-height:39px;color:#f7f2ed;letter-spacing:-.3px;white-space:nowrap}.progress-track{height:4px;border-radius:2px;background:#2b292a;overflow:hidden}.progress-fill{display:block;height:100%;width:0;border-radius:2px;background:#9f8670;transition:width .8s ease}.active .progress-fill{background:linear-gradient(90deg,#a64328,#ffb564)}.ended .progress-fill,.cancelled .progress-fill{background:#8a7060}.progress-labels{display:flex;justify-content:space-between;gap:8px;font-size:11px;line-height:13px;color:#a29ea0}.progress-percent{color:#c8bbb0}.active .progress-percent{color:#ffd0a0}.orders-note{font-size:11px;color:#a8b4c2;line-height:1.6}.orders-note:empty{display:none}.footer{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center;font-size:11px;line-height:13px;color:var(--muted)}.footer nav{display:flex;align-items:center;gap:12px}.footer button{padding:0;font-size:11px}.footer .unavailable{color:#88929e}.footer p{font-size:10px;line-height:12px;color:#8b97a5;text-align:center}.preview-toggle{position:fixed;bottom:18px;right:20px;padding:9px 13px;background:#10171feb;border:1px solid #34404e;border-radius:30px;font-size:11px;color:#aebbc9;z-index:8;box-shadow:0 4px 20px #0003}.preview-toggle[aria-pressed=true]{border-color:#79503b;color:#ffca9a}.loading-card{height:301px;border-radius:18px;background:#141a22;}
@media(max-width:640px){.stage{padding-top:28px;min-height:100dvh;padding-bottom:84px;gap:20px}.burn-panel{padding:24px 18px;border-radius:20px}.balance{font-size:40px;letter-spacing:-1.6px;line-height:48px}.burn-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-color:#59606a transparent;scrollbar-width:thin}.burn-card{flex:0 0 258px;scroll-snap-align:start}.loading-card{min-width:258px}.burn-links{gap:12px;font-size:10px}td.eth{width:76px;font-size:11px}td.usd{width:61px;font-size:11px}td.time{width:58px;font-size:10px}td:first-child{font-size:11px}.product-name{gap:8px}.product-icon{width:18px;height:18px}.filter-menu{width:248px}.footer nav{gap:10px}.preview-toggle{bottom:12px;right:12px}.amount-usd{letter-spacing:0}}
@media(max-width:374px){td.eth{width:67px}td.usd{width:56px}td.time{width:52px}.product-name{gap:5px}.product-name span{max-width:70px}.contribution-heading h2{font-size:10px}.filter-trigger{font-size:10px;padding:6px 8px}.burn-links a:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Explicit columns keep the visually hidden table headings from changing the layout. */
.col-eth{width:89px}.col-usd{width:82px}.col-time{width:68px}
.burn-card{position:relative}.burn-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #343438;pointer-events:none}.burn-card.active::after{box-shadow:inset 0 0 0 1px #79503b}
@media(max-width:640px){.col-eth{width:76px}.col-usd{width:61px}.col-time{width:58px}}
@media(max-width:374px){.col-eth{width:67px}.col-usd{width:56px}.col-time{width:52px}}
table{border-collapse:separate;border-spacing:0}
@media(max-width:640px){.preview-toggle{position:static;display:block;width:max-content;margin:-60px auto 20px}}

.x-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #45505e;border-radius:99px;background:#ffffff05;color:#c8d0da}.x-pill svg{width:12px;height:12px;fill:currentColor}
.fee-arrival td{animation:fee-arrival 1.8s ease-out}@keyframes fee-arrival{0%,15%{background:#ffba7538;color:#fff}100%{background:transparent}}

/* Shared low-contrast shimmer follows the final content geometry. */
.skeleton{display:block;position:relative;overflow:hidden;border-radius:5px;background:#b9c9df14}
.skeleton::after,.is-loading .balance::after,.is-loading #burnedTotal::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#d2deef0b 46%,#d2deef13 50%,#d2deef0b 54%,transparent 80%);transform:translateX(-100%);animation:skeleton-sweep 2.4s ease-in-out infinite}
@keyframes skeleton-sweep{to{transform:translateX(100%)}}
.is-loading .balance{color:transparent;width:220px;overflow:hidden;border-radius:10px}.is-loading .balance::before{content:"";position:absolute;inset:12px 0;border-radius:10px;background:#b9c9df18}.is-loading .balance::after{top:12px;bottom:12px;border-radius:10px}
.is-loading #burnedTotal{color:transparent;min-width:132px;overflow:hidden;border-radius:6px;background:#b9c9df14}
.is-loading .period-change{color:transparent;position:relative}.is-loading .change-chip{display:none}.is-loading .period-change::before{content:"";position:absolute;inset:4px 16px;border-radius:4px;background:#b9c9df0b}

.is-loading #chartSvg{visibility:hidden}.is-loading .filter-trigger{pointer-events:none;opacity:.45}
.skeleton-avatar{width:20px;height:20px;border-radius:50%;flex-shrink:0}.skeleton-name{height:10px;width:var(--row-width);max-width:60%}.skeleton-cell{height:9px;width:60%;margin-left:auto}
.loading-card{height:301px;background:linear-gradient(155deg,#19212b,#10151d 65%);border:1px solid #343e4b;overflow:hidden}
.skeleton-card-head{display:flex;justify-content:space-between;padding:18px 17px 0;height:33px}.skeleton-status{width:54px;height:10px}.skeleton-arrow{width:10px;height:10px}
.skeleton-art{height:146px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 62%,#b9c9df08,transparent 65%)}.skeleton-token{width:80px;height:80px;border-radius:50%;margin-top:18px;box-shadow:0 0 35px #b9c9df04}
.skeleton-card-value{padding:17px 19px 19px}.skeleton-dollars{width:112px;height:30px;margin:4px 0 19px}.skeleton-progress{height:4px;width:100%;border-radius:2px}.skeleton-card-labels{display:flex;justify-content:space-between;margin-top:14px}.skeleton-card-labels i{width:68px;height:9px}.skeleton-card-labels i:last-child{width:30px}

/* Reserve final geometry from the first HTML paint through the first count-up frame. */
.balance{position:relative;min-height:62px}#burnedTotal{position:relative;min-height:15px}
.burn-cards{min-height:301px}.burn-card,.loading-card{height:301px}.amount-usd{min-height:39px}
.chart-skeleton{display:none;position:absolute;inset:0;background:linear-gradient(#ffffff09,#ffffff09) 0 0/100% 1px no-repeat,linear-gradient(#ffffff09,#ffffff09) 0 25%/100% 1px no-repeat,linear-gradient(#ffffff09,#ffffff09) 0 50%/100% 1px no-repeat,linear-gradient(#ffffff09,#ffffff09) 0 75%/100% 1px no-repeat}
.is-loading .chart-skeleton{display:block}
.is-loading .chart{pointer-events:none}.is-loading .chart-tip{display:none!important}
@media(max-width:640px){.balance{min-height:48px}.burn-cards{min-height:307px}.loading-card{flex:0 0 258px}}

/* Keep the six-row viewport while revealing older filtered contributions on scroll. */
.contribution-scroll{height:252px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#60708066 transparent;outline-offset:4px}
.contribution-scroll.has-more{mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 20px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 20px),transparent 100%)}
.contribution-scroll:focus-visible{outline:1px solid #96aabd88;border-radius:4px}
.contribution-scroll tbody tr:last-child td{border-bottom-color:transparent}
.contribution-more{display:block;width:100%;padding:14px 8px 24px;color:#b3bdca;font-size:11px;text-align:center;background:transparent;border:0;cursor:pointer}
.contribution-more[hidden]{display:none}

.burn-panel{padding-bottom:12px}

.contribution-scroll{position:relative}
.contribution-scroll>.empty-state{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;pointer-events:none}
.contribution-scroll>.empty-state[hidden]{display:none}
.about{width:min(560px,100%);display:flex;flex-direction:column;gap:14px;padding:24px 0 8px}.about h2{font-size:18px;font-weight:500;line-height:1.4;color:#e0e4ea}.about p{font-size:14px;line-height:1.65;color:#a7aeb8}.footer nav{gap:8px;flex-wrap:wrap;justify-content:center}.footer .x-pill,.footer .contract-pill{height:36px;padding:8px 14px;border:1px solid #2a313b;background:#0b0f1599;color:#a7aeb8;font-size:13px;font-weight:500;line-height:1.3}.footer .contract-pill{width:112px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:99px}.contract-pill img{flex-shrink:0}.contract-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.contract-pill:focus-visible{outline:2px solid #a7aeb8;outline-offset:3px}.contract-pill.is-copied img,.contract-pill.is-copied svg{display:none}.contract-pill.is-copied{font-size:12px}
.footer .x-pill:hover,.footer .contract-pill:hover{color:#fff}.x-pill:hover{background:linear-gradient(#ffffff0d,#ffffff0d),#0b0f1599}.footer .contract-pill:hover img{filter:brightness(1.53)}

/* Buybacks headline, period selector and the spend line over per-fill FLAY burn bars. */
.buybacks-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.buybacks-figure{display:flex;flex-direction:column;gap:6px;min-width:0}.buybacks-figure h1{font-size:12px;line-height:15px;color:#c0c9d5}
.period-change{display:flex;align-items:center;gap:8px;font-size:12px;line-height:15px;color:#b9c2ce;min-height:20px}.change-chip{padding:2px 8px;border-radius:99px;font-weight:500;background:#ffffff14;color:#e3e7ee}.change-chip.up{background:#3ecf8e1f;color:#3ecf8e}.change-chip.down{background:#ff7a6b1f;color:#ff7a6b}
.periods{display:flex;gap:2px;padding:3px;border-radius:99px;background:#0b0f15;box-shadow:inset 0 0 0 1px var(--border);flex-shrink:0}.periods button{padding:6px 12px;border-radius:99px;font-size:12px;line-height:15px;color:#9aa3af}.periods button[aria-checked=true]{background:#ffffff1f;color:#fff;font-weight:500}.is-loading .periods{pointer-events:none;opacity:.45}
.chart-legend{display:flex;align-items:center;gap:18px;font-size:12px;line-height:15px;color:#c0c9d5}.key{display:inline-flex;align-items:center;gap:7px}.key::before{content:"";display:block}.key-line::before{width:14px;height:2px;border-radius:1px;background:#fff}.key-fire::before{width:6px;height:12px;border-radius:2px 2px 0 0;background:linear-gradient(0deg,#ff2e00,#ff7a00 45%,#ffc24a 85%,#fff1b8);box-shadow:0 0 6px #ff5a0080}.burned-total{margin-left:auto;color:var(--text);font-size:13px;white-space:nowrap}
#burnBars{fill:url(#fireGradient);filter:drop-shadow(0 0 3px #ff5a0066)}#potArea{fill:url(#potGradient)}#cursorBar{fill:url(#fireGradient);stroke:#fff1b8;stroke-width:1;filter:drop-shadow(0 0 6px #ff7a00cc)}
.chart-axis{position:relative;height:14px;font-size:10px;line-height:14px;color:#8b95a2}.chart-axis span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.chart-axis .tick-start{transform:none}.chart-axis .tick-end{transform:translateX(-100%)}
.tip-row{display:flex;align-items:center;gap:7px;color:#c0c9d5}.tip-row b{font-weight:500;color:var(--text)}.tip-row.key-line::before{width:10px}.tip-row.key-fire::before{width:5px;height:10px}
@media(max-width:640px){.buybacks-head{flex-direction:column;gap:14px}.chart{height:170px}.chart-legend{flex-wrap:wrap;gap:6px 14px}.burned-total{margin-left:0;width:100%}}
.chart.is-switching #chartSvg{opacity:.45;transition:opacity .2s}
.revenue-title{display:flex;align-items:center;gap:8px}.revenue-title .change-chip{font-size:11px;line-height:13px;padding:2px 7px}
.tip-row.key-spent::before{width:6px;height:6px;border-radius:50%;background:#8f99a6}
/* Revenue for the selected period, beside its title. */
.revenue-pill{padding:2px 8px;border-radius:99px;background:#ffffff14;color:var(--text);font-size:11px;line-height:13px;font-weight:500}
/* Start card: a burn card's grid with the amount in the budget's place and the button in the bar's (4 + 14 + 13 = 31px). */
.burn-card.start::after{box-shadow:inset 0 0 0 1px #79503b}.start-ready{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:13px;color:#3ecf8e}.start-ready::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.start-burn{height:31px;width:100%;border-radius:99px;background:linear-gradient(90deg,#ff5a1f,#ff9a3c 55%,#ffc24a);color:#1a0b03;font-size:13px;font-weight:600;box-shadow:0 3px 14px #ff6a1f44}.start-burn:hover{color:#000;filter:brightness(1.06)}.start-burn:disabled{cursor:default;opacity:.65;filter:none}
.orders-note a{color:#ffba75}.orders-note a:hover{text-decoration:underline}
/* Revenue heading: "30d Revenue (?)" with a tooltip on the (?), the amount and the change. */
.revenue-title{position:relative;cursor:default;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.info-dot{width:15px;height:15px;padding:0;border-radius:50%;box-shadow:inset 0 0 0 1px #5a6574;color:#a7aeb8;font-size:10px;line-height:15px;font-weight:600;text-align:center}.info-dot:hover,.info-dot:focus-visible{color:#fff;box-shadow:inset 0 0 0 1px #8f99a6}

.info-tip{position:absolute;left:0;top:calc(100% + 8px);z-index:6;padding:8px 10px;border-radius:8px;background:#0b0f15;border:1px solid var(--border);box-shadow:0 8px 24px #0006;font-size:12px;line-height:15px;color:var(--text);white-space:nowrap;pointer-events:none}
/* FLAY pill: copy the contract on the left; FLAY's price and 24h change on the right, linking to CoinGecko. */
.flay-pill{display:inline-flex;align-items:stretch;height:36px;border:1px solid #2a313b;border-radius:99px;background:#0b0f1599;overflow:hidden}
.flay-pill .contract-pill{height:34px;border:0;border-radius:0;background:none;padding:8px 12px 8px 14px}
.flay-pill .contract-pill:hover,.price-link:hover{background:#ffffff0d}
.price-link{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 13px 0 12px;font-size:12px;line-height:15px;font-weight:500;color:#e3e7ee;white-space:nowrap}
.price-link::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:1px;background:#2a313b}
.price-link:hover{color:#fff}.price-link:focus-visible{outline:2px solid #a7aeb8;outline-offset:-2px;border-radius:0 99px 99px 0}
.price-change.up{color:#3ecf8e}.price-change.down{color:#ff7a6b}.price-change:empty{display:none}
.price-arrow{color:#5a6574;font-weight:400}.price-link:hover .price-arrow{color:#c8d0da}
/* Until the first price arrives, the price half holds its place with skeleton bars sized like the figures. */
.price-link.is-loading{pointer-events:none}.price-link.is-loading .price-arrow{visibility:hidden}
.price-link.is-loading .price-value::before,.price-link.is-loading .price-change::before{content:"";display:block;height:10px;border-radius:5px;background:#b9c9df14}
.price-value{min-width:66px}.price-change{min-width:54px}.price-link.is-loading .price-change{display:inline-block}
.price-link.is-loading .price-value::before{width:66px}.price-link.is-loading .price-change::before{width:54px}
