@property --bg1{syntax:"<color>";inherits:true;initial-value:#141414}@property --shape{syntax:"<color>";inherits:true;initial-value:#262626}@property --ink{syntax:"<color>";inherits:true;initial-value:#fff}:root{--bg1:#141414;--shape:#262626;--ink:#fff;--page:#0c0c0e;--font:"Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;transition:--bg1 .7s,--shape .7s,--ink .5s}*{box-sizing:border-box;margin:0}html,body{height:100%}body{font-family:var(--font);background:radial-gradient(ellipse at 50% 35%, color-mix(in srgb, var(--bg1) 38%, var(--page)), var(--page) 72%);color:#fff;-webkit-font-smoothing:antialiased;place-items:center;display:grid;overflow:hidden}.stage{background:var(--bg1);width:100vw;height:100dvh;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:pointer;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (width>=640px){.stage{border-radius:28px;width:min(min(92dvh,880px)/1.77778,96vw);height:min(92dvh,880px);box-shadow:0 30px 80px -20px #0009,0 0 0 1px #ffffff0f}}.desk-hint{display:none}@media (width>=640px) and (hover:hover){body{grid-template-rows:1fr auto;padding-bottom:12px}.desk-hint{color:#ffffff73;padding-top:12px;font-size:13px;display:block}}.progress{z-index:5;top:max(10px, env(safe-area-inset-top));gap:4px;display:flex;position:absolute;left:12px;right:12px}.progress span{background:color-mix(in srgb, var(--ink) 25%, transparent);border-radius:3px;flex:1;height:3px;overflow:hidden}.progress i{background:var(--ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.top{z-index:5;top:calc(max(10px, env(safe-area-inset-top)) + 12px);justify-content:space-between;align-items:center;display:flex;position:absolute;left:16px;right:8px}.brand{letter-spacing:.01em;opacity:.85;font-size:13px;font-weight:700}.pause-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.pause-btn svg{fill:currentColor;width:18px;height:18px}.pause-btn[data-state=playing] .i-play,.pause-btn[data-state=paused] .i-pause{display:none}.pause-btn:focus-visible,.pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}#slide{position:absolute;inset:0}.slide{position:absolute;inset:0;overflow:hidden}.content{z-index:1;height:100%;padding:calc(max(10px, env(safe-area-inset-top)) + 62px) 24px calc(max(24px, env(safe-area-inset-bottom)) + 12px);flex-direction:column;gap:14px;display:flex;position:relative}.slide.nochart .content{justify-content:center;gap:20px}.kicker{letter-spacing:-.01em;text-wrap:balance;font-size:clamp(19px,5.2vw,24px);font-weight:700;line-height:1.15}.big{font-variation-settings:"opsz" 96;font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap;padding:4px 0 2px;font-weight:800;line-height:.9}.big span{transform-origin:0 70%;display:inline-block}.chart{flex:auto;min-height:100px;position:relative}.chart svg{display:block;overflow:visible}.comment{text-wrap:pretty;font-size:clamp(18px,4.8vw,21px);font-weight:500;line-height:1.38}.w{display:inline-block}.hl{background:var(--ink);color:var(--bg1);border-radius:.2em;padding:0 .18em;font-weight:700}.t-copertina .content{padding-bottom:calc(max(24px, env(safe-area-inset-bottom)) + 40px);justify-content:flex-end;gap:18px}.cover-title{font-variation-settings:"opsz" 96;letter-spacing:-.035em;font-size:clamp(44px,13vw,64px);font-weight:800;line-height:.95}.t-copertina .comment{font-size:clamp(19px,5.2vw,23px)}.end{z-index:1;flex-direction:column;justify-content:center;gap:22px;height:100%;padding:0 28px;display:flex;position:relative}.end-title{letter-spacing:-.04em;font-variation-settings:"opsz" 96;font-size:clamp(56px,17vw,84px);font-weight:800;line-height:.9}.end-actions{flex-wrap:wrap;gap:10px;display:flex}.pill{font:inherit;border:2px solid var(--ink);background:var(--ink);color:var(--bg1);cursor:pointer;border-radius:999px;padding:13px 24px;font-size:16px;font-weight:700}.pill.ghost{color:var(--ink);background:0 0}.loading{opacity:.7;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.error{justify-content:center;gap:18px}.error .small{opacity:.75;font-size:14px;line-height:1.5}.error code{background:#ffffff1f;border-radius:4px;padding:1px 5px;font-size:13px}.deco span{background:var(--shape);animation:1.1s cubic-bezier(.2,.9,.2,1) both deco-in,9s ease-in-out 1.1s infinite alternate float;display:block;position:absolute}.d0 span:first-child{border-radius:50%;width:120vmax;max-width:640px;height:120vmax;max-height:640px;bottom:-30%;right:-55%}.d0 span:nth-child(2){aspect-ratio:1;border-radius:50%;width:46%;animation-delay:.15s,1.2s;top:22%;left:-18%}.d1 span:first-child{border-radius:999px;width:160%;height:26%;bottom:8%;left:-30%;rotate:-14deg}.d1 span:nth-child(2){aspect-ratio:1;border-radius:24%;width:38%;animation-delay:.15s,1.2s;top:10%;right:-12%;rotate:20deg}.d2 span:first-child{aspect-ratio:1;border-radius:50% 50% 0;width:90%;top:-12%;right:-30%}.d2 span:nth-child(2){aspect-ratio:1;border-radius:50%;width:70%;animation-delay:.15s,1.2s;bottom:-18%;left:-35%}.d3 span:first-child{border-radius:999px;width:60%;height:140%;top:-20%;right:-30%;rotate:18deg}.d3 span:nth-child(2){aspect-ratio:1;border-radius:50%;width:30%;animation-delay:.15s,1.2s;bottom:-8%;left:8%}.mark{fill:var(--ink);transform-box:fill-box}.mark.lo{fill-opacity:.42}.axis{stroke:var(--ink);stroke-opacity:.4;stroke-width:1px}.grid{stroke:var(--ink);stroke-opacity:.14;stroke-width:1px}.line{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.dot{fill:var(--ink);stroke:var(--bg1);stroke-width:2.5px;transform-box:fill-box;transform-origin:50%}.lbl{fill:var(--ink);fill-opacity:.72;font-size:12px;font-weight:500}.val{fill:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.val.dim{fill-opacity:.72;font-weight:600}.arc{fill:none;stroke:var(--ink)}.arc.round{stroke-linecap:round}.track{fill:none;stroke:var(--ink);stroke-opacity:.18}.ring-val{fill:var(--ink);letter-spacing:-.03em;font-weight:800}.chart text{transform-box:fill-box}.donut{align-items:center;gap:18px;height:100%;display:flex}.donut svg{flex:none}.legend{flex:1;gap:9px;min-width:0;padding:0;list-style:none;display:grid}.legend li{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:14px;font-weight:500;display:grid}.legend .sw{background:var(--ink);border-radius:3px;width:12px;height:12px}.legend .l{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.legend .p{font-variant-numeric:tabular-nums;font-weight:700}.ring{place-items:center;height:100%;display:grid}.hint{z-index:6;left:50%;bottom:max(18px, env(safe-area-inset-bottom));text-align:center;background:color-mix(in srgb, var(--ink) 16%, transparent);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;border-radius:999px;width:max-content;max-width:calc(100% - 32px);padding:8px 14px;font-size:12.5px;font-weight:600;transition:opacity .5s,transform .5s;position:absolute;transform:translate(-50%,10px)}.hint.show{opacity:1;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes word-in{0%{opacity:0;filter:blur(6px);transform:translateY(.55em)}}@keyframes grow-y{0%{transform:scaleY(0)}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes draw{0%{stroke-dashoffset:var(--from)}to{stroke-dashoffset:0}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes land{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes deco-in{0%{opacity:0;transform:scale(0)}}@keyframes float{to{translate:0 -14px}}.stage.paused *,.stage.paused :before{animation-play-state:paused!important}.instant,.instant *{animation-delay:-30s!important}.instant .deco span{animation:none!important}@media (prefers-reduced-motion:reduce){.deco span{animation:none!important}:root{transition:none}}
