:root{--black:#0f0f0f;--white:#efefef;--black-hover:#888;--white-hover:#6b6b6b;--hover-transition:color .18s ease-in-out,background-color .18s ease-in-out;--spacing:3.3rem;--background-color:var(--white);--color:var(--black);--hover-color:var(--black-hover);--sans-serif:system-ui,-apple-system,ui-sans-serif,sans-serif;--serif:ui-serif,serif;background-color:var(--background-color);color:var(--color);--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;font-family:var(--sans-serif)}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}@media (prefers-color-scheme:dark){:root{--background-color:var(--black);--color:var(--white);--hover-color:var(--white-hover)}}@media (max-width:960px){:root{--spacing:2.4rem}}a{color:inherit}body{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;overflow-x:clip;justify-content:center;min-height:100dvh;margin:0 auto}body>*{box-sizing:border-box;width:100%;max-width:1500px;margin-left:auto;margin-right:auto;padding-left:1.618rem;padding-right:1.618rem}main{display:grid}main p.display{margin:var(--spacing)auto;text-align:center;font-size:3.9rem;font-weight:450;line-height:1.08}main p.display i{font-family:var(--serif)}@media (max-width:960px){main p.display{font-size:3.6rem}}figure{display:grid;font-family:var(--serif);margin:0 auto;margin:var(--spacing)auto;place-items: center;max-width:498px;margin-top:0;font-weight:400}figure blockquote{text-align:center;margin:1.618rem 0;font-size:1.6rem;font-style:italic}figure figcaption{color:var(--hover-color);font-size:1.2rem}@media (max-width:960px){figure{margin:calc(var(--spacing)*1.618)auto;max-width:300px}figure blockquote{margin:1.24rem 0;font-size:1.24rem}figure figcaption{margin-bottom:1.8rem;font-size:1.11rem}}a .app-icon{color:inherit;text-decoration:none}a .app-icon:hover{color:var(--black-hover)}@media (prefers-color-scheme:dark){a .app-icon:hover{color:var(--white-hover)}}.app-icon{--size:24px;aspect-ratio:1;display:grid;padding:calc(var(--size)*.36);position:relative;width:var(--size);place-content: center}.app-icon svg{filter:drop-shadow(0 0 1px var(--background-color));margin-top:calc(var(--size)*-.033);pointer-events:none;user-select:none;width:var(--size);color:inherit}.squircle{--r:42%;--border:1px;--_r:clamp(0%,var(--r)/2,25%);--_v:calc(var(--_r)*(1 - sqrt(2)/4));--_p:calc(var(--_v) - var(--_r)/2);clip-path:shape(from var(--_v)var(--_p),curve to 50% 0 with var(--_r)0,curve to calc(100% - var(--_v))var(--_p)with calc(100% - var(--_r))0,curve to calc(100% - var(--_p))var(--_v)with calc(100% - 2*var(--_p))calc(2*var(--_p)),curve to 100% 50% with 100% var(--_r),curve to calc(100% - var(--_p))calc(100% - var(--_v))with 100% calc(100% - var(--_r)),curve to calc(100% - var(--_v))calc(100% - var(--_p))with calc(100% - 2*var(--_p))calc(100% - 2*var(--_p)),curve to 50% 100% with calc(100% - var(--_r))100%,curve to var(--_v)calc(100% - var(--_p))with var(--_r)100%,curve to var(--_p)calc(100% - var(--_v))with calc(2*var(--_p))calc(100% - 2*var(--_p)),curve to 0 50% with 0 calc(100% - var(--_r)),curve to var(--_p)var(--_v)with 0 var(--_r),curve to var(--_v)var(--_p)with calc(2*var(--_p))calc(2*var(--_p)));background:#dfdfdf}.squircle:before{content:"";position:absolute;inset:var(--border);clip-path:inherit;z-index:0;background:linear-gradient(#fff,#eee)}@media (prefers-color-scheme:dark){.squircle{background:#242424}.squircle:before{background:linear-gradient(#2b2b2b,#000)}}.wheel-canvas-wrap>div{overflow-x:hidden;overflow-y:visible!important}.wheel-canvas-wrap{aspect-ratio:16/9;cursor:grab;isolation:isolate;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:var(--spacing);touch-action:pan-y;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;width:100vw;height:clamp(300px,62.5vw,844px)}.wheel-canvas-wrap:active{cursor:grabbing}.wheel-canvas-wrap canvas{display:block;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}@media (max-width:960px){.wheel-canvas-wrap{margin-bottom:calc(var(--spacing)*1.618);margin-top:calc(var(--spacing)*1.618)}}.panel-text-top{color:var(--color);filter:drop-shadow(0 0 6px var(--background-color));font-family:var(--serif);pointer-events:none;text-align:center;white-space:nowrap;width:calc(1.2694*clamp(260px,56.25vw,760px));font-size:1.95rem;font-style:italic;font-weight:500}@media (max-width:960px){.panel-text-top{white-space:normal;font-size:1.36rem}}.panel-text-top .numerator{font-size:1.8rem}@media (max-width:960px){.panel-text-top .numerator{font-size:1.2rem}}.panel-text-top .denominator{color:var(--hover-color);font-size:.9rem}@media (max-width:960px){.panel-text-top .denominator{font-size:.81rem}}.panel-text-bottom{color:var(--hover-color);filter:drop-shadow(0 0 6px var(--background-color));font-family:var(--sans-serif);pointer-events:none;text-align:center;width:calc(1.2694*clamp(260px,56.25vw,360px));max-width:330px;font-size:.9rem;line-height:1.35}footer.page{display:none;place-content: center;margin-top:auto;padding-bottom:1rem}footer.page nav{display:flex;align-items: center;gap:2.4rem;font-size:.9rem;font-weight:450}footer.page nav a{color:var(--hover-color);text-decoration:none;transition:var(--hover-transition);text-decoration:none}footer.page nav a:hover{color:var(--color)}@media (max-width:960px){footer.page{display:grid}}header.page{display:flex;padding-bottom:1.2rem;padding-top:calc(1rem + env(safe-area-inset-top));position:sticky;z-index:1;justify-content:space-between;align-items: center;width:100%;max-width:1500px;top:0}header.page:before{background:linear-gradient(to bottom,var(--background-color),transparent);content:"";position:absolute;z-index:-1;width:100vw;inset:0 0 0 50%;transform:translate(-50%)}header.page>*{filter:drop-shadow(0 0 6px var(--background-color))}header.page a{color:inherit;text-decoration:none;transition:var(--hover-transition)}header.page a:hover{color:var(--hover-color)}header.page a.home{display:flex;place-items: center;gap:.66rem}header.page a.home h1{font-size:1.5rem;font-weight:600}header.page nav{display:flex;align-items: center;gap:2.4rem;font-size:.9rem;font-weight:450}@media (max-width:960px){header.page{padding-top:calc(1rem + env(safe-area-inset-top));position:static}header.page:before{display:none}header.page nav{display:none}}a.purchase{color:inherit;display:flex;text-decoration:none;transition:var(--hover-transition);border-radius:6rem;align-items: center;width:-moz-fit-content;width:fit-content;font-weight:600}a.purchase.primary{background:var(--color);border-radius:3rem;gap:.75rem;padding:1rem 1.618rem;font-size:1.2rem}a.purchase.primary svg{width:18px;margin-top:-2px}a.purchase.primary span{color:var(--background-color)}a.purchase.primary svg{color:var(--background-color)}a.purchase.primary:hover{background-color:#3b3b3b}@media (prefers-color-scheme:dark){a.purchase.primary:hover{background-color:#999}}a.purchase.secondary{background:#e3e3e3;gap:.51rem;padding:.66rem 1.08rem;font-size:.9rem}a.purchase.secondary:hover{background-color:#e8e8e8}a.purchase.secondary svg{width:13px;margin-top:-2px}@media (prefers-color-scheme:dark){a.purchase.secondary{background:#242424}a.purchase.secondary:hover{background-color:#181818}}a.purchase.center{place-self: center}