@layer normalize,base,demo;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer base{html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}*,*:after,*:before{box-sizing:border-box}body{background:light-dark(#fbfbfc,#08080a);color:light-dark(#16161a,#f4f4f6);min-height:100vh;font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;display:grid;place-items:start center;padding:clamp(1.5rem,4vw,4rem) 1.5rem 6rem}body:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 88%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;left:0;pointer-events:none;z-index:-1}.bear-link{color:canvasText;position:fixed;bottom:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.6}.bear-link:is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}}@layer demo{main{width:min(100%,62rem);display:flex;flex-direction:column;gap:clamp(2rem,5vw,3.5rem)}header{display:flex;flex-direction:column;gap:.5rem}h1{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;font-family:ui-monospace,SF Mono,Menlo,monospace}header p{margin:0;max-width:44ch;color:color-mix(in oklab,canvasText,transparent 35%);line-height:1.5}number-roll{font-family:ui-monospace,SF Mono,Menlo,Cascadia Code,monospace;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.02em}.hero{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.hero__value{font-size:clamp(3.5rem,12vw,7rem);line-height:1}.controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.field{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:color-mix(in oklab,canvasText,transparent 40%)}input[type=number]{width:11rem;padding:.55rem .75rem;font:inherit;font-size:.9375rem;font-variant-numeric:tabular-nums;color:inherit;background:light-dark(#fff,#131317);border:1px solid color-mix(in oklab,canvasText,transparent 85%);border-radius:.5rem}button{padding:.55rem .9rem;font:inherit;font-size:.875rem;font-weight:600;color:inherit;background:light-dark(#fff,#131317);border:1px solid color-mix(in oklab,canvasText,transparent 85%);border-radius:.5rem;cursor:pointer;transition:background .15s,border-color .15s}button:hover{border-color:color-mix(in oklab,canvasText,transparent 65%)}button:active{translate:0 1px}button[data-running=true]{background:light-dark(#16161a,#f4f4f6);color:light-dark(#fbfbfc,#08080a);border-color:transparent}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem}.tile{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;border:1px solid color-mix(in oklab,canvasText,transparent 88%);border-radius:.9rem;background:light-dark(#fff,#101014);overflow:visible}.tile h2{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,canvasText,transparent 55%)}.tile__value{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.tile--wide{grid-column:1 / -1}.tile__value--small{font-size:clamp(.7rem,1.7vw,1.05rem);letter-spacing:-.01em}.tile__value--tuned{--roll-duration: 1100;--roll-bounce: .55;--roll-smear: .9;--roll-fade: .22em}main a{color:inherit}.tile__value--trend[data-roll-trend=up]{color:light-dark(#0a7d47,#3ddc84)}.tile__value--trend[data-roll-trend=down]{color:light-dark(#b3261e,#ff6b6b)}.tile__note{margin:0;font-size:.8125rem;line-height:1.5;color:color-mix(in oklab,canvasText,transparent 45%)}.tile__note code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em;padding:.1em .3em;border-radius:.25rem;background:color-mix(in oklab,canvasText,transparent 92%)}@media(prefers-reduced-motion:reduce){button{transition:none}}}div.tp-dfwv{z-index:9999;width:268px;position:fixed}div.tp-dfwv .tp-rotv{max-height:calc(100vh - 16px);overflow:auto;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}