:root{--bg: #eef0f4;--bg-deep: #e3e6ee;--ink: #0b0c18;--muted: #0b0c18;--faint: #0b0c18;--hi: 11, 12, 24;--line: rgba(11, 12, 24, .12);--glass: rgba(255, 255, 255, .62);--glass-edge: rgba(11, 12, 24, .1);--seam: rgba(238, 240, 244, .85);--glow-1: rgba(79, 123, 255, .18);--glow-2: rgba(214, 247, 94, .28);--glow-3: rgba(63, 184, 201, .16);--strip-glow: rgba(29, 26, 143, .3);--shadow: rgba(20, 24, 60, .22);--ring: #0b0c18;--empty-ink: #0b0c18;--panel-a: rgba(255, 255, 255, .72);--panel-a-hover: rgba(255, 255, 255, .92);--panel-b: rgba(255, 255, 255, .45);--tip-bg: rgba(255, 255, 255, .84);--sheet-bg: rgba(255, 255, 255, .88);--serif: "Newsreader", "Iowan Old Style", Georgia, serif;--sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light}:root[data-theme=dark]{--bg: #0d0e1a;--bg-deep: #08080f;--ink: #ffffff;--muted: #ffffff;--faint: #ffffff;--hi: 255, 255, 255;--line: rgba(255, 255, 255, .14);--glass: rgba(26, 26, 44, .6);--glass-edge: rgba(255, 255, 255, .14);--seam: rgba(13, 14, 26, .6);--glow-1: rgba(122, 63, 224, .18);--glow-2: rgba(224, 70, 156, .08);--glow-3: rgba(255, 133, 71, .1);--strip-glow: rgba(224, 70, 156, .4);--shadow: rgba(0, 0, 0, .8);--ring: #ffffff;--empty-ink: #ffffff;--panel-a: rgba(255, 255, 255, .07);--panel-a-hover: rgba(255, 255, 255, .1);--panel-b: rgba(255, 255, 255, .035);--tip-bg: rgba(22, 21, 38, .82);--sheet-bg: rgba(22, 21, 38, .88);color-scheme:dark}.tile,.seg,.tip{--tone: var(--tone-l, #ffffff);--ink: var(--ink-l, #0b0c18)}.card{--pick: var(--pick-l, #ffffff);--pick-ink: var(--pick-ink-l, #0b0c18)}.ramp-bar{background:var(--ramp-l)}:root[data-theme=dark] :is(.tile,.seg,.tip){--tone: var(--tone-d, #ffffff);--ink: var(--ink-d, #14101f)}:root[data-theme=dark] .card{--pick: var(--pick-d, #ffffff);--pick-ink: var(--pick-ink-d, #14101f)}:root[data-theme=dark] .ramp-bar{background:var(--ramp-d)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--bg);color:var(--ink)}body{font-family:var(--sans);font-weight:400;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(56rem 36rem at 0% -8%,var(--glow-1),transparent 62%),radial-gradient(40rem 30rem at 62% -14%,var(--glow-2),transparent 60%),radial-gradient(48rem 34rem at 108% 112%,var(--glow-3),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.backdrop:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;transform:rotate(-29deg);background-image:linear-gradient(90deg,rgba(var(--hi),.055) 1px,transparent 1px),linear-gradient(0deg,rgba(var(--hi),.03) 1px,transparent 1px);background-size:248px 100%,100% 58px;-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 40%,#000 20%,transparent 75%)}.stage{position:relative;z-index:1;height:100dvh;display:flex;flex-direction:column;padding:1.75rem 2rem 1.25rem;gap:1.75rem}.mast{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy total" "strip strip" "ramp ramp" "note note";align-items:end;column-gap:2rem}.mast-copy{grid-area:copy}.mast h1{margin:0 0 .55rem;font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:400;line-height:.98;letter-spacing:-.025em}.mast-copy p{margin:0;max-width:40rem;color:var(--muted);font-size:.98rem}.total{grid-area:total;padding-top:3.25rem;text-align:right}.mode{position:absolute;top:0;right:0;display:flex;padding:3px;border-radius:99px;background:rgba(var(--hi),.06);box-shadow:inset 0 0 0 1px var(--line)}.mode button{display:flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border:0;border-radius:99px;background:transparent;color:var(--ink);font-size:.8rem;font-weight:500;cursor:pointer;opacity:.7;transition:background .18s ease,opacity .18s ease}.mode button:hover{opacity:1}.mode button[aria-pressed=true]{background:var(--ink);color:var(--bg);opacity:1}.total-value{margin:0;font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:400;line-height:1;letter-spacing:-.02em}.total-label{margin:.35rem 0 0;color:var(--muted);font-size:.88rem}.strip{grid-area:strip;display:flex;height:54px;margin-top:1.4rem;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 24px 50px -28px var(--strip-glow)}.seg{position:relative;flex-basis:0;min-width:0;display:flex;align-items:flex-end;padding:0;border:0;background:linear-gradient(180deg,#ffffff38,#fff0 55%),var(--tone);color:var(--ink);box-shadow:inset -1px 0 0 var(--seam);cursor:pointer;overflow:hidden;transition:opacity .2s ease,filter .2s ease}.seg span{padding:0 0 .45rem .6rem;font-size:.8rem;font-weight:700;white-space:nowrap}.seg.is-selected{box-shadow:inset 0 0 0 2px var(--ink),inset -1px 0 0 var(--seam)}@media(hover:hover){.seg:hover{filter:brightness(1.12) saturate(1.1)}.strip:has(.seg:hover) .seg:not(:hover),.share:has(.seg:hover) .seg:not(:hover){opacity:.45}}.ramp{grid-area:ramp;display:flex;align-items:center;gap:.6rem;margin-top:.75rem;font-size:.8rem;font-weight:500}.ramp-bar{width:120px;height:6px;border-radius:99px}.ramp p{margin:0 0 0 .75rem;color:var(--faint);font-weight:400}.star-note{grid-area:note;margin:.35rem 0 0;color:var(--ink);font-size:.78rem;line-height:1.4}.star-note summary{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;padding:.15rem 0;list-style:none;cursor:pointer;font-weight:500}.star-note summary::-webkit-details-marker{display:none}.star-note summary:before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-1px) rotate(-45deg);transition:transform .18s var(--ease)}.star-note[open] summary:before{transform:translateY(1px) rotate(45deg)}.star-note p{max-width:40rem;margin:.3rem 0 0 1rem}@media(hover:hover){.star-note summary:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}}@media(prefers-reduced-motion:reduce){.star-note summary:before{transition:none}}.stage-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:1.5rem}.stage-body.has-card{grid-template-columns:minmax(0,1fr) minmax(300px,400px)}.field{min-height:0;min-width:0;overflow:auto;padding:.25rem .5rem 2rem .25rem;margin:-.25rem -.5rem 0 -.25rem;scrollbar-width:thin;scrollbar-color:rgba(var(--hi),.18) transparent}.field-flow{columns:400px;column-gap:14px}.cluster{break-inside:avoid;margin-bottom:14px;padding:1.1rem 1.1rem 1.15rem;border-radius:20px;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(var(--hi),.08),inset 0 0 0 1px rgba(var(--hi),.07);transition:box-shadow .24s ease,background .24s ease}@media(hover:hover){.cluster:hover{background:linear-gradient(180deg,var(--panel-a-hover),var(--panel-b));box-shadow:inset 0 1px rgba(var(--hi),.12),inset 0 0 0 1px rgba(var(--hi),.14)}}.cluster.is-empty-cluster{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 0 0 1px rgba(var(--hi),.1)}.cluster-head{display:grid;margin-bottom:.9rem}.cluster-head h2{margin:0;font-family:var(--serif);font-optical-sizing:auto;font-size:1.4rem;font-weight:400;letter-spacing:-.01em;line-height:1.2}.cluster-meta{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin:.3rem 0 0;color:var(--muted);font-size:.85rem}.cluster-meta span:nth-child(2){color:var(--ink);font-weight:600}.share{grid-column:1 / -1;height:8px;margin-top:.6rem;border-radius:99px;background:rgba(var(--hi),.07);overflow:hidden}.share-fill{display:flex;height:100%;border-radius:99px;overflow:hidden}.share .seg{box-shadow:inset -1px 0 0 var(--seam)}.cluster-blurb{grid-column:1 / -1;margin:.2rem 0 0;max-width:68ch;color:var(--faint);font-size:.86rem}.colophon{margin-top:1.5rem}.method{border-radius:20px;background:linear-gradient(180deg,var(--panel-a),var(--panel-b));box-shadow:inset 0 1px rgba(var(--hi),.08),inset 0 0 0 1px rgba(var(--hi),.1)}.method summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem 1rem;padding:1.1rem 3rem 1.1rem 1.25rem;position:relative;list-style:none;cursor:pointer;border-radius:20px}.method summary::-webkit-details-marker{display:none}.method summary:after{content:"";position:absolute;right:1.35rem;top:50%;width:9px;height:9px;border-right:1.6px solid var(--ink);border-bottom:1.6px solid var(--ink);transform:translateY(-70%) rotate(45deg);transition:transform .22s var(--ease)}.method[open] summary:after{transform:translateY(-30%) rotate(-135deg)}.method summary span:first-child{font-family:var(--serif);font-optical-sizing:auto;font-size:1.4rem;letter-spacing:-.01em}.method-hint{font-size:.86rem}@media(hover:hover){.method summary:hover{background:rgba(var(--hi),.03)}}.method-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.25rem 2rem;padding:1.25rem 1.25rem 1.4rem;border-top:1px solid var(--line);animation:method-in .3s var(--ease) backwards}@keyframes method-in{0%{opacity:0;transform:translateY(-6px)}}.method-body h3{margin:0 0 .35rem;font-size:.95rem;font-weight:600}.method-body p{margin:0;max-width:62ch;font-size:.9rem;line-height:1.6}.method-body a,.sign a{color:var(--ink);text-decoration-color:rgba(var(--hi),.35);text-decoration-thickness:1.5px;text-underline-offset:3px}.method-body a:hover{text-decoration-color:var(--ink)}.sign{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem .25rem .5rem;font-size:.86rem}.sign p{margin:0}.github{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem .45rem .6rem;border-radius:99px;background:rgba(var(--hi),.06);box-shadow:inset 0 0 0 1px var(--line);font-weight:500;text-decoration:none;transition:background .18s ease,transform .18s var(--ease)}.sign .github{text-decoration:none}.github:hover{background:rgba(var(--hi),.12);transform:translateY(-1px)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(112px,45%),1fr));gap:10px}.tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;min-height:88px;padding:.8rem .85rem;border:0;border-radius:14px;background:var(--tone);color:var(--ink);text-align:left;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff1a,0 1px 2px #00000059;transition:transform .26s var(--ease),box-shadow .26s var(--ease),opacity .22s ease,filter .22s ease;animation:rise .64s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 14ms)}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(165deg,#ffffff42,#ffffff0d 34%,#fff0 55%);transition:opacity .26s ease}.tile .mark{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.1}.tile.is-major{grid-column:span 2}.tile.is-major .mark{font-size:1.6rem}.tile .amount{font-size:.86rem;font-weight:500;opacity:.82}.tile.is-empty{color:var(--empty-ink);background:rgba(var(--hi),.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(var(--hi),.2);background-image:repeating-linear-gradient(-29deg,rgba(var(--hi),.05) 0 1px,transparent 1px 9px)}.tile.is-empty:before{display:none}.tile.is-empty .amount{font-size:.78rem;line-height:1.3;color:var(--muted);opacity:1}@media(hover:hover){.tile:hover{transform:translateY(-3px);box-shadow:inset 0 1px rgba(var(--hi),.55),inset 0 0 0 1px rgba(var(--hi),.28),0 18px 36px -14px color-mix(in srgb,var(--tone) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--tone) 60%,white)}.tile.is-empty:hover{box-shadow:inset 0 0 0 1px rgba(var(--hi),.45),0 18px 36px -16px #0009}.tiles:has(.tile:hover) .tile:not(:hover,.is-selected){opacity:.55;filter:saturate(.75)}}.tile:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.tile.is-selected{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff8c,0 0 0 2px var(--bg),0 0 0 4px var(--ring),0 18px 40px -14px color-mix(in srgb,var(--tone) 75%,transparent)}.tile.is-empty.is-selected{box-shadow:inset 0 0 0 1px rgba(var(--hi),.45),0 0 0 2px var(--bg),0 0 0 4px var(--ring)}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.98)}}.tip{position:fixed;z-index:20;max-width:280px;padding:.65rem .8rem;border-radius:12px;background:var(--tip-bg);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px rgba(var(--hi),.12),inset 0 0 0 1px var(--glass-edge),0 16px 40px -12px #000000b3;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s var(--ease)}.tip.is-on{opacity:1;transform:none}.tip strong{display:block;font-family:var(--serif);font-size:1.02rem;font-weight:500;line-height:1.25}.tip em{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;font-style:normal;font-size:.85rem;font-weight:600}.tip em:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--tone)}.tip span{display:block;margin-top:.2rem;color:var(--muted);font-size:.8rem;line-height:1.4}.card{position:relative;min-height:0;overflow:auto;padding:1.4rem 1.5rem 1.5rem;border-radius:22px;background:radial-gradient(28rem 16rem at 100% 0%,color-mix(in srgb,var(--pick) 26%,transparent),transparent 70%),var(--glass);backdrop-filter:blur(28px) saturate(1.5);-webkit-backdrop-filter:blur(28px) saturate(1.5);box-shadow:inset 0 1px rgba(var(--hi),.14),inset 0 0 0 1px var(--glass-edge),0 30px 60px -30px var(--shadow);scrollbar-width:thin;scrollbar-color:rgba(var(--hi),.18) transparent;animation:card-in .38s var(--ease) backwards}.card[hidden]{display:none}@keyframes card-in{0%{opacity:0;transform:translate(16px)}}.card-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-top p{display:flex;align-items:center;gap:.65rem;margin:0}.chip{padding:.2rem .6rem;border-radius:99px;background:var(--pick);color:var(--pick-ink);font-size:.82rem;font-weight:700;box-shadow:inset 0 1px #fff6}.card-top .where{color:var(--muted);font-size:.85rem}.close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:99px;background:rgba(var(--hi),.08);color:var(--muted);cursor:pointer;transition:background .16s ease,color .16s ease}.close:hover,.close:focus-visible{background:rgba(var(--hi),.16);color:var(--ink)}.card h2{margin:1rem 0 .5rem;font-family:var(--serif);font-optical-sizing:auto;font-size:1.85rem;font-weight:400;letter-spacing:-.015em;line-height:1.12;text-wrap:balance}.card .lede{margin:0 0 1.25rem;color:var(--ink);font-size:1rem}.headline{padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.headline-label{margin:0;color:var(--muted);font-size:.82rem}.headline-value{margin:.1rem 0 0;font-family:var(--serif);font-optical-sizing:auto;font-size:2.4rem;font-weight:400;letter-spacing:-.02em;line-height:1.1}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 1.25rem}.facts div{min-width:0;padding:.8rem 0;border-bottom:1px solid var(--line)}.facts div:nth-child(odd){padding-right:1rem}.facts div:nth-child(2n){padding-left:1rem;border-left:1px solid var(--line)}.facts dt{color:var(--muted);font-size:.8rem}.facts dd{margin:.15rem 0 0;font-size:1.05rem;font-weight:500}.note{margin:0 0 .85rem;max-width:62ch;color:var(--muted);font-size:.92rem;line-height:1.55}.sources{margin:1rem 0 0;font-size:.85rem}.sources a{color:var(--ink);text-decoration-color:color-mix(in srgb,var(--pick) 70%,transparent);text-decoration-thickness:2px;text-underline-offset:4px}.sources a:hover{text-decoration-color:var(--pick)}@media(max-width:760px){.stage{padding:1.25rem 1rem .75rem;gap:1.1rem}.mast{grid-template-columns:1fr;grid-template-areas:"mode" "copy" "total" "strip" "ramp" "note"}.mode{position:static;grid-area:mode;justify-self:start;margin-bottom:1rem}.total{padding-top:0;margin-top:1rem;text-align:left}.strip{height:40px;margin-top:.9rem}.strip .seg:nth-child(n+4) span{display:none}.ramp p{display:none}.cluster-head h2{font-size:1.25rem}.stage-body.has-card{grid-template-columns:1fr}.stage-body.has-card .field{padding-bottom:56dvh;scroll-padding-bottom:56dvh}.card{position:fixed;left:0;right:0;bottom:0;z-index:10;max-height:54dvh;border-radius:22px 22px 0 0;padding:1.1rem 1.1rem 1.5rem;background:radial-gradient(28rem 16rem at 100% 0%,color-mix(in srgb,var(--pick) 24%,transparent),transparent 70%),var(--sheet-bg);animation-name:sheet-in}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}}.card h2{font-size:1.5rem}.headline-value{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.tile:hover,.tile.is-selected{transform:none}}
