@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/79e9e0e3b9220e46-s.15s2gb72mvmw9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/e62850744c7f266e-s.43_ypb-kqawuo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:200 800;font-display:swap;src:url(../media/9433d1a810498265-s.3z77xcxvtx9_e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_86fc2af1-module__YbDI_a__className{font-family:Newsreader,Newsreader Fallback;font-style:italic}.newsreader_86fc2af1-module__YbDI_a__variable{--font-newsreader:"Newsreader", "Newsreader Fallback"}
@font-face{font-family:bryndanWrite;src:url(../media/bryndan_write-s.22bbmvccg27j6.woff2)format("woff2");font-display:swap}@font-face{font-family:bryndanWrite Fallback;src:local(Arial);ascent-override:80.04%;descent-override:21.76%;line-gap-override:8.74%;size-adjust:102.95%}.bryndanwrite_858daace-module__myjShW__className{font-family:bryndanWrite,bryndanWrite Fallback}.bryndanwrite_858daace-module__myjShW__variable{--font-bryndan-write:"bryndanWrite", "bryndanWrite Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--wall-fade-start:0px;--wall-fade-end:0px}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--ease-out:cubic-bezier(0, 0, .2, 1);--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-\[149px\]{top:149px}.-right-1{right:calc(var(--spacing) * -1)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.left-0{left:0}.left-\[calc\(50\%-662px\)\]{left:calc(50% - 662px)}.isolate{isolation:isolate}.z-30{z-index:30}.z-40{z-index:40}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-7{margin-block:calc(var(--spacing) * 7)}.my-10{margin-block:calc(var(--spacing) * 10)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-18{margin-top:calc(var(--spacing) * 18)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1{width:var(--spacing);height:var(--spacing)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-8\.5{width:calc(var(--spacing) * 8.5);height:calc(var(--spacing) * 8.5)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-35{height:calc(var(--spacing) * 35)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\[calc\(100vh-240px\)\]{max-height:calc(100vh - 240px)}.w-5\.5{width:calc(var(--spacing) * 5.5)}.w-12{width:calc(var(--spacing) * 12)}.w-22{width:calc(var(--spacing) * 22)}.w-\[260px\]{width:260px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-135{max-width:calc(var(--spacing) * 135)}.max-w-140{max-width:calc(var(--spacing) * 140)}.max-w-142\.5{max-width:calc(var(--spacing) * 142.5)}.max-w-155{max-width:calc(var(--spacing) * 155)}.max-w-160{max-width:calc(var(--spacing) * 160)}.max-w-\[54ch\]{max-width:54ch}.max-w-\[708px\]{max-width:708px}.max-w-\[728px\]{max-width:728px}.min-w-0{min-width:0}.min-w-27{min-width:calc(var(--spacing) * 27)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-left{transform-origin:0}.-translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-px{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%\+2px\)\]{--tw-translate-y:calc(-50% + 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-25{--tw-scale-x:25%;--tw-scale-y:25%;--tw-scale-z:25%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-1{rotate:-1deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-crosshair{cursor:crosshair}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-\[1\.75rem_1fr_auto\]{grid-template-columns:1.75rem 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-0\.75{gap:calc(var(--spacing) * .75)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-4\.5{gap:calc(var(--spacing) * 4.5)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-9{gap:calc(var(--spacing) * 9)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-px{gap:1px}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--digit-border\)\]>:not(:last-child)){border-color:var(--digit-border)}:where(.divide-border-soft>:not(:last-child)){border-color:var(--border-soft)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-4{border-radius:4px}.rounded-6{border-radius:6px}.rounded-8{border-radius:8px}.rounded-10{border-radius:10px}.rounded-12{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\[var\(--canvas-grid\)\]{border-color:var(--canvas-grid)}.border-\[var\(--code-border-inner\)\]{border-color:var(--code-border-inner)}.border-\[var\(--digit-border\)\]{border-color:var(--digit-border)}.border-\[var\(--swatch-border\)\]{border-color:var(--swatch-border)}.border-border{border-color:var(--border)}.border-border-soft{border-color:var(--border-soft)}.border-card-border{border-color:var(--card-border)}.bg-\[\#000\]\/20{background-color:#0003;background-color:lab(0% 0 0/.2)}.bg-\[color-mix\(in_srgb\,\#e5484d_12\%\,transparent\)\]{background-color:#e5484d1f}.bg-\[var\(--digit-bg\)\]{background-color:var(--digit-bg)}.bg-\[var\(--digit-well\)\]{background-color:var(--digit-well)}.bg-\[var\(--tool-active\)\]{background-color:var(--tool-active)}.bg-accent{background-color:var(--accent)}.bg-button-bg{background-color:var(--button-bg)}.bg-card{background-color:var(--card)}.bg-control{background-color:var(--control)}.bg-pill{background-color:var(--pill)}.bg-popover{background-color:var(--popover)}.bg-surface{background-color:var(--surface)}.bg-tertiary{background-color:var(--tertiary)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-2\.25{padding-block:calc(var(--spacing) * 2.25)}.py-2\.75{padding-block:calc(var(--spacing) * 2.75)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-4\.5{padding-top:calc(var(--spacing) * 4.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-5\.5{padding-top:calc(var(--spacing) * 5.5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-22{padding-top:calc(var(--spacing) * 22)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pb-4\.5{padding-bottom:calc(var(--spacing) * 4.5)}.pb-11{padding-bottom:calc(var(--spacing) * 11)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-1{padding-left:var(--spacing)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-4\.5{padding-left:calc(var(--spacing) * 4.5)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-hand{font-family:var(--font-bryndan-write)}.font-mono{font-family:var(--font-geist-mono)}.font-serif{font-family:var(--font-newsreader)}.text-11\/3\.5{font-size:11px;line-height:calc(var(--spacing) * 3.5)}.text-11\/4{font-size:11px;line-height:calc(var(--spacing) * 4)}.text-12\/4{font-size:12px;line-height:calc(var(--spacing) * 4)}.text-12\/4\.5{font-size:12px;line-height:calc(var(--spacing) * 4.5)}.text-13\/4{font-size:13px;line-height:calc(var(--spacing) * 4)}.text-13\/4\.5{font-size:13px;line-height:calc(var(--spacing) * 4.5)}.text-13\/5{font-size:13px;line-height:calc(var(--spacing) * 5)}.text-13\/6{font-size:13px;line-height:calc(var(--spacing) * 6)}.text-14\/5{font-size:14px;line-height:calc(var(--spacing) * 5)}.text-14\/5\.5{font-size:14px;line-height:calc(var(--spacing) * 5.5)}.text-14\/5\.25{font-size:14px;line-height:calc(var(--spacing) * 5.25)}.text-15\/5{font-size:15px;line-height:calc(var(--spacing) * 5)}.text-15\/5\.5{font-size:15px;line-height:calc(var(--spacing) * 5.5)}.text-15\/5\.25{font-size:15px;line-height:calc(var(--spacing) * 5.25)}.text-15\/6{font-size:15px;line-height:calc(var(--spacing) * 6)}.text-15\/6\.5{font-size:15px;line-height:calc(var(--spacing) * 6.5)}.text-15\/6\.25{font-size:15px;line-height:calc(var(--spacing) * 6.25)}.text-17\/6{font-size:17px;line-height:calc(var(--spacing) * 6)}.text-20\/7{font-size:20px;line-height:calc(var(--spacing) * 7)}.text-12{font-size:12px}.text-\[1\.1em\]{font-size:1.1em}.text-\[13px\]{font-size:13px}.font-\[450\]{--tw-font-weight:450;font-weight:450}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[0\.01em\]{--tw-tracking:.01em;letter-spacing:.01em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.text-\[\#FF0000\]{color:red}.text-\[\#e5484d\]{color:#e5484d}.text-\[var\(--code-faint\)\]{color:var(--code-faint)}.text-\[var\(--control-icon\)\]{color:var(--control-icon)}.text-\[var\(--digit-text\)\]{color:var(--digit-text)}.text-\[var\(--tool-icon-active\)\]{color:var(--tool-icon-active)}.text-body{color:var(--body)}.text-button-text{color:var(--button-text)}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-text{color:var(--text)}.text-white{color:#fff}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.\[font-variant-numeric\:tabular-nums\]{font-variant-numeric:tabular-nums}.underline{text-decoration-line:underline}.decoration-\[var\(--tertiary\)\],.decoration-tertiary{-webkit-text-decoration-color:var(--tertiary);-webkit-text-decoration-color:var(--tertiary);-webkit-text-decoration-color:var(--tertiary);text-decoration-color:var(--tertiary)}.decoration-transparent{text-decoration-color:#0000}.decoration-1{text-decoration-thickness:1px}.underline-offset-3{text-underline-offset:3px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_2px_var\(--text\)\]{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--text));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--chip-shadow\)\]{--tw-shadow:var(--chip-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[box-shadow\:0_8px_24px_rgba\(0\,0\,0\,0\.4\)\]{box-shadow:0 8px 24px #0006}.ring-card-border{--tw-ring-color:var(--card-border)}.ring-white\/15{--tw-ring-color:#ffffff26}@supports (color:lab(0% 0 0)){.ring-white\/15{--tw-ring-color:lab(100% -.0000298023 .0000119209/.15)}}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:calc(1px * -1)}.outline-border{outline-color:var(--border)}.outline-image-outline{outline-color:var(--image-outline)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[4px\]{--tw-blur:blur(4px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,scale\]{transition-property:background-color,border-color,color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,transform\]{transition-property:background-color,border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,transform\]{transition-property:background-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,scale\,filter\]{transition-property:opacity,scale,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\(--ease\){--tw-ease:var(--ease);transition-timing-function:var(--ease)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[--hit\:40px\]{--hit:40px}.\[image-rendering\:pixelated\]{image-rendering:pixelated}.ring-inset{--tw-ring-inset:inset}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-px:is(:where(.group):hover *){--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-px:is(:where(.group):hover *){--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-y-\[-50\%\]:is(:where(.group):hover *){--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-\[1\.04\]:is(:where(.group):hover *){scale:1.04}.group-hover\:bg-\[\#000\]\/90:is(:where(.group):hover *){background-color:#000000e6;background-color:lab(0% 0 0/.9)}.group-hover\:text-\[var\(--card-desc-hover\)\]:is(:where(.group):hover *){color:var(--card-desc-hover)}.group-hover\:text-\[var\(--card-title-hover\)\]:is(:where(.group):hover *){color:var(--card-title-hover)}.group-hover\:text-secondary:is(:where(.group):hover *){color:var(--secondary)}.group-hover\:text-text:is(:where(.group):hover *){color:var(--text)}.group-hover\:decoration-current:is(:where(.group):hover *){text-decoration-color:currentColor}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-active\:scale-\[0\.96\]:is(:where(.group):active *){scale:.96}.marker\:text-tertiary ::marker{color:var(--tertiary)}.marker\:text-tertiary::marker{color:var(--tertiary)}.marker\:text-tertiary ::-webkit-details-marker{color:var(--tertiary)}.marker\:text-tertiary::-webkit-details-marker{color:var(--tertiary)}.placeholder\:text-tertiary::placeholder{color:var(--tertiary)}.placeholder\:select-none::placeholder{-webkit-user-select:none;user-select:none}.first\:mt-0:first-child{margin-top:0}.first\:pt-10:first-child{padding-top:calc(var(--spacing) * 10)}.last\:pb-0:last-child{padding-bottom:0}.empty\:hidden:empty{display:none}@media (hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--card-border-hover\)\]:hover{border-color:var(--card-border-hover)}.hover\:border-\[var\(--control-border-hover\)\]:hover{border-color:var(--control-border-hover)}.hover\:border-border:hover{border-color:var(--border)}.hover\:bg-\[var\(--card-hover\)\]:hover{background-color:var(--card-hover)}.hover\:bg-\[var\(--control-hover\)\]:hover{background-color:var(--control-hover)}.hover\:text-\[var\(--control-icon-hover\)\]:hover{color:var(--control-icon-hover)}.hover\:text-secondary:hover{color:var(--secondary)}.hover\:text-tertiary:hover{color:var(--tertiary)}.hover\:text-text:hover{color:var(--text)}.hover\:decoration-current:hover{text-decoration-color:currentColor}.hover\:opacity-90:hover{opacity:.9}}.active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-96:active{--tw-scale-x:96%;--tw-scale-y:96%;--tw-scale-z:96%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:border-\[var\(--control-border-pressed\)\]:active{border-color:var(--control-border-pressed)}.active\:bg-\[var\(--control-pressed\)\]:active{background-color:var(--control-pressed)}.active\:text-\[var\(--control-icon-pressed\)\]:active{color:var(--control-icon-pressed)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media not all and (min-width:48rem){.max-md\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (min-width:1400px){.min-\[1400px\]\:block{display:block}}@media (min-width:40rem){.sm\:mx-0{margin-inline:0}.sm\:rounded-8{border-radius:8px}}@media (min-width:48rem){.md\:mx-0{margin-inline:0}.md\:mt-6{margin-top:calc(var(--spacing) * 6)}.md\:mb-7{margin-bottom:calc(var(--spacing) * 7)}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-x-6{column-gap:calc(var(--spacing) * 6)}.md\:p-7{padding:calc(var(--spacing) * 7)}.md\:px-0{padding-inline:0}.md\:py-8{padding-block:calc(var(--spacing) * 8)}.md\:pt-6{padding-top:calc(var(--spacing) * 6)}.md\:pt-7{padding-top:calc(var(--spacing) * 7)}.md\:pt-18{padding-top:calc(var(--spacing) * 18)}.md\:pt-22{padding-top:calc(var(--spacing) * 22)}.md\:pt-24{padding-top:calc(var(--spacing) * 24)}.md\:pt-28{padding-top:calc(var(--spacing) * 28)}.md\:pt-32{padding-top:calc(var(--spacing) * 32)}.md\:pt-\[140px\]{padding-top:140px}.md\:pb-\[120px\]{padding-bottom:120px}.md\:text-17\/7{font-size:17px;line-height:calc(var(--spacing) * 7)}}@media (hover:hover){@media (hover:hover){.\[\@media\(hover\:hover\)\]\:group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\@media\(hover\:hover\)\]\:group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.\[\@media\(hover\:hover\)\]\:group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.\[\@media\(hover\:hover\)\]\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media (hover:none){.\[\@media\(hover\:none\)\]\:hidden{display:none}.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}}:root,[data-theme=dark]{--bg:#0e0e0e;--surface:#151515;--border:#262626;--border-soft:#1e1e1e;--text:#ededed;--body:#b6b6b6;--secondary:#9c9c9c;--tertiary:#6f6f6f;--accent:#bc49e9;--shine-base:var(--body);--shine-band:var(--text);--card:#111;--card-border:#242424;--card-hover:#131313;--card-border-hover:#363636;--card-title-hover:#fff;--card-desc-hover:#ababab;--control:#131313;--control-icon:#9c9c9c;--control-hover:#1a1a1a;--control-border-hover:#363636;--control-icon-hover:#c9c9c9;--control-pressed:#0f0f0f;--control-border-pressed:#2a2a2a;--control-icon-pressed:#8a8a8a;--menu:#141414;--menu-row-active:#1d1d1d;--menu-row-hover:#191919;--menu-row-hover-text:#c9c9c9;--menu-shadow:0 14px 36px #00000073;--popover:#161616;--pill:#191919;--tile:#141414;--tile-hover:#161616;--tile-border-hover:#333;--digit-bg:#151515;--digit-border:#2a2a2a;--digit-text:#c9c9c9;--digit-well:#101010;--button-bg:#ededed;--button-text:#0e0e0e;--field-shadow:0 1px 2px #0006, 0 10px 30px #00000047;--chip-shadow:0 1px 2px #00000059;--mark-faint:#232323;--mark-mid:#303030;--mark-strong:#454545;--mark-faint-hover:#2a2a2a;--mark-mid-hover:#3d3d3d;--mark-strong-hover:#585858;--mark-stroke:#d0d0d0;--mark-stroke-2:#c9c9c9;--mark-stroke-hover:#e8e8e8;--mark-stroke-2-hover:#e0e0e0;--code-border-inner:#212121;--code-base:#cfcfcf;--code-keyword:#9b9b9b;--code-function:#d8b4f0;--code-faint:#3e3e3e;--canvas:#111;--canvas-grid:#1f1f1f;--canvas-grid-strong:#2b2b2b;--tool-active:#1f1f1f;--tool-icon-active:#ededed;--swatch-border:#2e2e2e;--field-hex:#131313;--image-outline:#ffffff1a}@supports (color:lab(0% 0 0)){:root,[data-theme=dark]{--image-outline:lab(100% 0 0/.1)}}[data-theme=light]{--bg:#fafaf9;--surface:#f2f2f0;--border:#e7e7e5;--border-soft:#eeeeec;--text:#191919;--body:#4d4d4d;--secondary:#757575;--tertiary:#a6a6a6;--accent:#bc49e9;--shine-base:var(--text);--shine-band:var(--body);--card:#fff;--card-border:#e7e7e5;--card-hover:#fff;--card-border-hover:#d4d4d2;--card-title-hover:#000;--card-desc-hover:#616161;--control:#fff;--control-icon:#757575;--control-hover:#f5f5f3;--control-border-hover:#d4d4d2;--control-icon-hover:#4d4d4d;--control-pressed:#efefed;--control-border-pressed:#dcdcda;--control-icon-pressed:#757575;--menu:#fff;--menu-row-active:#f0f0ee;--menu-row-hover:#f5f5f3;--menu-row-hover-text:#4d4d4d;--menu-shadow:0 14px 36px #0000001a;--popover:#fff;--pill:#fff;--tile:#f0f0ee;--tile-hover:#ececea;--tile-border-hover:#dcdcda;--digit-bg:#fff;--digit-border:#e0e0de;--digit-text:#4d4d4d;--digit-well:#f0f0ee;--button-bg:#191919;--button-text:#fafaf9;--field-shadow:0 1px 2px #1919190d, 0 10px 28px #1919190f;--chip-shadow:0 1px 2px #1919190d;--mark-faint:#e4e4e2;--mark-mid:#d2d2d0;--mark-strong:#b9b9b7;--mark-faint-hover:#dcdcda;--mark-mid-hover:#c6c6c4;--mark-strong-hover:#a8a8a6;--mark-stroke:#5a5a5a;--mark-stroke-2:#6b6b6b;--mark-stroke-hover:#3d3d3d;--mark-stroke-2-hover:#4d4d4d;--code-border-inner:#ececea;--code-base:#454545;--code-keyword:#9a9a9a;--code-function:#9945c4;--code-faint:#c9c9c7;--canvas:#fff;--canvas-grid:#ececea;--canvas-grid-strong:#dcdcd9;--tool-active:#ececea;--tool-icon-active:#191919;--swatch-border:#dcdcda;--field-hex:#fff;--image-outline:#0000001a}@supports (color:lab(0% 0 0)){[data-theme=light]{--image-outline:lab(0% 0 0/.1)}}:root{--ease:cubic-bezier(.2, 0, 0, 1);--speed-fast:.15s;--speed:.2s;--speed-slow:.25s;--ease-move:cubic-bezier(.455, .03, .515, .955);--spring:linear(0, .0377, .1297, .25, .3802, .5076, .6243, .7258, .8104, .8782, .9304, .9689, .9959, 1.0135, 1.024, 1.029, 1.0302, 1.0288, 1.0259, 1.0222, 1.0183, 1.0145, 1.011, 1.008, 1.0055, 1.0035, 1);--spring-time:.48s;--spring-quick:linear(0, .0919, .2901, .5107, .7063, .8566, .9584, 1.0182, 1.0462, 1.0531, 1.0479, 1.0372, 1.0255, 1.0152, 1.0074, 1.002, .9989, .9975, .9972, .9975, 1);--spring-quick-time:.385s;--flight-time:.62s;--flight-lift:60px}html{background-color:var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}p,blockquote{text-wrap:pretty}::selection{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){::selection{background-color:color-mix(in srgb, var(--accent) 28%, transparent)}}@media (prefers-reduced-motion:no-preference){.page-enter,.home-stagger>*{animation:page-enter .3s var(--ease) backwards}.home-stagger>:nth-child(2){animation-delay:80ms}.home-stagger>:nth-child(3){animation-delay:.16s}.home-stagger>:nth-child(4){animation-delay:.24s}.home-stagger>:nth-child(5){animation-delay:.32s}}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}}@media (pointer:coarse){input,textarea{font-size:16px}}.pressable{transition-property:transform,opacity;transition-duration:var(--speed-fast);transition-timing-function:var(--ease)}.pressable:active{transform:scale(.96)}.field-pill{box-shadow:var(--field-shadow);transition:border-color var(--speed-fast) var(--ease), box-shadow var(--speed-fast) var(--ease)}.field-pill:hover{border-color:var(--control-border-hover)}.field-pill:focus-within{border-color:var(--control-border-hover);box-shadow:var(--field-shadow), 0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.field-pill:focus-within{box-shadow:var(--field-shadow), 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}}.field-pill input:focus-visible{outline:none}.pill-action{border:1px solid var(--border);background-color:var(--control);height:34px;box-shadow:var(--chip-shadow);color:var(--text);transition:background-color var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);border-radius:9999px;align-items:center;gap:6px;padding:0 14px 0 12px;display:inline-flex}.pill-action-glyph{color:var(--control-icon);transition:color var(--speed-fast) var(--ease);display:block}@media (hover:hover){.pill-action:hover{border-color:var(--control-border-hover);background-color:var(--control-hover)}.pill-action:hover .pill-action-glyph{color:var(--control-icon-hover)}}.pill-action:active{transform:scale(.96)}.quiet-action{transform-origin:0;transition:transform var(--speed-fast) var(--ease)}.quiet-action:active{transform:scale(.97)}.quiet-action-label{transition:color var(--speed-fast) var(--ease), transform var(--speed) var(--ease);position:relative}.quiet-action-label:after{content:"";opacity:0;transform-origin:0;height:1px;transition:opacity var(--speed-fast) var(--ease), transform var(--speed) var(--ease);background-color:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.quiet-action-arrow{transition:color var(--speed-fast) var(--ease), transform var(--speed) var(--spring-quick)}.quiet-action:focus-visible .quiet-action-label,.quiet-action:focus-visible .quiet-action-arrow{color:var(--text)}.quiet-action:focus-visible .quiet-action-label:after{opacity:.32;transform:scaleX(1)}@media (hover:hover){.quiet-action:hover .quiet-action-label{color:var(--text);transform:translate(2px)}.quiet-action:hover .quiet-action-label:after{opacity:.32;transform:scaleX(1)}.quiet-action:hover .quiet-action-arrow{color:var(--secondary);transform:translate(5px)}}.hit-area{position:relative}.hit-area:after{content:"";inset:calc((100% - var(--hit,44px)) / 2);position:absolute}:focus-visible{outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent)}}:focus-visible{outline-offset:2px}html[data-theme-transition] body,html[data-theme-transition] body *{transition:background-color .18s,border-color .18s,color .18s}.theme-pill{--seg:28px;border:1px solid var(--border);background-color:var(--control);-webkit-user-select:none;user-select:none;transition:border-color var(--speed-fast) var(--ease);border-radius:9999px;padding:3px;display:inline-flex;position:relative}@media (pointer:coarse){.theme-pill{--seg:32px}}.theme-pill .theme-thumb{width:var(--seg);height:24px;transform:translateX(calc(var(--theme-index,0) * var(--seg)));transition:transform var(--speed) var(--ease-move);position:absolute;top:3px;left:3px}.theme-pill .theme-thumb-face{background-color:var(--tool-active);width:100%;height:100%;box-shadow:var(--chip-shadow);transition:transform var(--speed-fast) var(--ease);border-radius:9999px;display:block}.theme-pill[data-phase=waiting] .theme-thumb,.theme-pill[data-phase=placed] .theme-thumb{transition:none}.theme-pill[data-phase=waiting] .theme-thumb{opacity:0}.theme-pill .theme-seg{width:var(--seg);height:24px;color:var(--tertiary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--speed-fast) var(--ease);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.theme-pill .theme-seg[data-active=true]{color:var(--text);transition:color var(--speed) var(--ease-move)}.theme-seg:after{content:"";position:absolute;inset:-8px 0}.theme-seg:first-of-type:after{left:-4px}.theme-seg:last-of-type:after{right:-4px}.theme-seg input:focus-visible{outline:none}.theme-pill:has(input:focus-visible){outline:2px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.theme-pill:has(input:focus-visible){outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent)}}.theme-pill:has(input:focus-visible){outline-offset:2px}.theme-seg .theme-ico{transition:transform var(--speed-fast) var(--ease);display:block}@media (hover:hover) and (pointer:fine){.theme-pill:hover{border-color:var(--control-border-hover)}.theme-pill .theme-seg:not([data-active=true]):hover{color:var(--secondary)}.theme-seg:hover .theme-ico{transform:scale(1.06)}}.theme-seg:active .theme-ico{transform:scale(.96)}.theme-pill:has(.theme-seg:active) .theme-thumb-face{transform:scale(.96)}.code-body pre{margin:0;padding:18px;background:0 0!important}.code-body code{width:max-content;min-width:100%;font-family:var(--font-geist-mono), monospace;font-size:13px;line-height:20px;display:block}.code-body span{color:var(--shiki-dark)}[data-theme=light] .code-body span{color:var(--shiki-light)}.project-card .project-mark{transition:fill var(--speed) var(--ease), stroke var(--speed) var(--ease)}.project-card:hover{--mark-faint:var(--mark-faint-hover);--mark-mid:var(--mark-mid-hover);--mark-strong:var(--mark-strong-hover);--mark-stroke:var(--mark-stroke-hover);--mark-stroke-2:var(--mark-stroke-2-hover)}@media (hover:hover){.mark-sheet{transform-box:fill-box;transform-origin:50%;transition:transform var(--speed) var(--ease), fill var(--speed) var(--ease)}.project-card:hover .mark-sheet-back{transform:translate(2px,-1.5px)rotate(2deg)}.project-card:hover .mark-sheet-front{transform:translate(-2px,1.5px)rotate(-2deg)}a:hover .mark-inline .mark-sheet-back{transform:translate(2.5px,-2px)rotate(3deg)}a:hover .mark-inline .mark-sheet-front{transform:translate(-2.5px,2px)rotate(-3deg)}.mark-scribble{stroke-dasharray:1;stroke-dashoffset:0}.project-card:hover .mark-scribble{animation:scribble-redraw .6s var(--ease) both}.mark-undo-head{transform-box:fill-box;transform-origin:50%;transition:transform var(--speed) var(--ease), stroke var(--speed) var(--ease)}.project-card:hover .mark-undo-head{transform:translate(-2px)}}@keyframes scribble-redraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.color-picker{z-index:50;border:1px solid var(--border);background-color:var(--popover);opacity:0;border-radius:12px;flex-direction:column;gap:12px;width:236px;padding:12px;display:flex;position:fixed;box-shadow:0 1px 2px #00000047,0 16px 40px #0000006b}[data-theme=light] .color-picker{box-shadow:0 1px 2px #1919190f,0 16px 40px #19191924}.color-picker[data-placed=true]{opacity:1;animation:picker-in .19s var(--ease) backwards;transform-origin:var(--picker-origin,center)}.color-picker[data-side=right]{--picker-origin:left center;--picker-dx:-6px}.color-picker[data-side=bottom]{--picker-origin:center top;--picker-dy:-6px}.color-picker[data-side=top]{--picker-origin:center bottom;--picker-dy:6px}@keyframes picker-in{0%{opacity:0;transform:translate(var(--picker-dx,0px), var(--picker-dy,0px)) scale(.96)}}.picker-field{width:100%;height:132px;box-shadow:inset 0 0 0 1px var(--text);border-radius:8px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.picker-field{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent)}}.picker-field{touch-action:none;cursor:crosshair}.picker-hue{width:100%;height:12px;box-shadow:inset 0 0 0 1px var(--text);border-radius:6px;position:relative}@supports (color:color-mix(in lab, red, red)){.picker-hue{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent)}}.picker-hue{touch-action:none;cursor:ew-resize}.picker-knob{pointer-events:none;border:2px solid #fff;border-radius:9999px;width:14px;height:14px;display:block;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000040,0 1px 3px #0000004d}.picker-row{align-items:center;gap:10px;display:flex}.picker-legend{width:42px;color:var(--tertiary);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;flex-shrink:0;font-size:10px;line-height:14px}.picker-hex{border:1px solid var(--border);background-color:var(--field-hex);min-width:0;height:30px;color:var(--digit-text);font-family:var(--font-geist-mono), monospace;transition:border-color var(--speed-fast) var(--ease);border-radius:7px;outline:none;flex-grow:1;padding-inline:9px;font-size:12px;line-height:16px}.picker-hex:focus-visible{border-color:var(--control-border-hover)}.picker-recent{width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--text);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.picker-recent{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 10%, transparent)}}.picker-recent{transition:transform var(--speed-fast) var(--ease)}.picker-recent:active{transform:scale(.9)}@media (hover:hover){.picker-recent:hover{transform:scale(1.12)}}.wall-viewport{scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, black var(--wall-fade-start), black calc(100% - var(--wall-fade-end)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--wall-fade-start), black calc(100% - var(--wall-fade-end)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--wall-fade-start), black calc(100% - var(--wall-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, black var(--wall-fade-start), black calc(100% - var(--wall-fade-end)), transparent);transition:--wall-fade-start var(--speed) var(--ease), --wall-fade-end var(--speed) var(--ease);overflow:auto hidden}.wall-viewport::-webkit-scrollbar{display:none}@property --wall-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --wall-fade-end{syntax:"<length>";inherits:false;initial-value:0}.wall-viewport[data-at-start=false]{--wall-fade-start:32px}.wall-viewport[data-at-end=false]{--wall-fade-end:32px}@media (hover:hover) and (pointer:fine){.wall-viewport{cursor:grab}.wall-viewport[data-pressing]{cursor:grabbing}}.wall-canvas{position:relative}.wall-viewport[data-dragging] .artifact{pointer-events:none}.wall-rail{background-color:var(--border-soft);width:100%;height:1px;margin-top:18px;display:block;position:relative}.wall-rail-thumb{background-color:var(--tertiary);opacity:.5;display:block;position:absolute;inset:0 auto 0 0}.artifact-slot{transform:translate3d(calc(var(--x) + var(--push-x,0px)), calc(var(--y) + var(--push-y,0px)), 0);transition:transform .38s var(--ease);position:absolute;top:0;left:0}.artifact{width:100%;height:100%;transform:rotate(var(--tilt,0deg));transition:transform var(--speed) var(--ease), filter var(--speed) var(--ease);animation:artifact-reveal .42s var(--ease) backwards;display:block;position:relative}.artifact[data-phase=hidden]{opacity:0;animation:none}.artifact-art{width:100%;height:100%;display:block}.artifact-label{text-align:center;pointer-events:none;opacity:0;width:88px;transition:opacity var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);flex-direction:column;margin-left:-44px;display:flex;position:absolute;top:calc(100% + 9px);left:50%;transform:translateY(-3px)}.artifact-label>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.artifact-label-name{color:var(--text);font-family:var(--font-bryndan-write), cursive;font-size:14px;line-height:16px}.artifact-label-date{color:var(--tertiary);font-family:var(--font-geist-mono), monospace;font-size:10px;line-height:14px}.artifact-label-note{color:var(--secondary);font-family:var(--font-bryndan-write), cursive;font-size:13px;line-height:15px}.artifact-slot:has(.artifact[data-phase=hidden]) .artifact-label{opacity:0;transition:none}.artifact:focus-visible{outline:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.artifact:focus-visible{outline:1px solid color-mix(in srgb, var(--accent) 55%, transparent)}}.artifact:focus-visible{outline-offset:7px;border-radius:2px}.artifact:focus-visible,.artifact:active{transform:rotate(0)translateY(-4px)scale(1.08)}.artifact-slot:has(.artifact:focus-visible){z-index:2}.artifact-slot:has(.artifact:focus-visible) .artifact-label{opacity:1;transform:translateY(0)}@media (hover:hover){.artifact:hover{filter:drop-shadow(0 5px 7px #00000080);transform:rotate(0)translateY(-4px)scale(1.08)}[data-theme=light] .artifact:hover{filter:drop-shadow(0 5px 7px #19191938)}.artifact-slot:has(.artifact:hover){z-index:2}.artifact-slot:has(.artifact:hover) .artifact-label{opacity:1;transform:translateY(0)}}@keyframes artifact-reveal{0%{opacity:0}}.artifact-land{animation:artifact-land 1.4s var(--ease) both}@keyframes artifact-land{0%{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--accent) 85%, transparent))}22%{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 65%, transparent))}to{filter:drop-shadow(0 0 0 color-mix(in srgb, var(--accent) 0%, transparent))}}.artifact-flight{z-index:60;transform-origin:0 0;pointer-events:none;background-color:var(--canvas);box-shadow:inset 0 0 0 1px var(--border);transition:background-color .28s var(--ease), box-shadow .28s var(--ease), border-radius .28s var(--ease);border-radius:12px;display:block;position:fixed}.artifact-flight[data-state=arriving]{animation:artifact-arc var(--flight-time) both;background-color:#0000;border-radius:2px;box-shadow:inset 0 0 0 1px #0000}@keyframes artifact-arc{0%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:translate(0)scale(1)}48%{transform:translate3d(calc(var(--dx) * .48), calc(var(--dy) * .48 - var(--flight-lift)), 0) scale(calc(1 + (var(--s) - 1) * .48));animation-timing-function:var(--spring)}to{transform:translate3d(var(--dx), var(--dy), 0) scale(var(--s))}}.modal-root{z-index:100;overscroll-behavior:contain;background:0 0;border:none;justify-content:center;align-items:center;width:100%;max-width:100vw;height:100%;max-height:100dvh;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.modal-root:not([open]){display:none}.modal-root::backdrop{animation:fade-in .2s var(--ease) both;background-color:#0000006b}.modal-root[data-state=closing]::backdrop{animation:fade-out .14s var(--ease) both}.modal-panel{background-color:var(--popover);box-shadow:inset 0 0 0 1px var(--border), 0 1px 2px #0000004d, 0 18px 48px #00000073;animation:modal-in .2s var(--ease) both;border-radius:14px;flex-direction:column;margin:auto;display:flex}[data-theme=light] .modal-panel{box-shadow:inset 0 0 0 1px var(--border), 0 1px 2px #1919190d, 0 18px 48px #1919191f}.modal-panel:focus-visible{outline:none}.modal-root[data-state=closing] .modal-panel{animation:modal-out .14s var(--ease) both}.modal-panel-composer{--pad:22px;--panel:min(94vw, 404px);--stack:18px;--canvas-room:calc(var(--panel) - 2 * var(--pad));--canvas-cap:calc(100dvh - 516px);width:var(--panel);padding:var(--pad)}@media (max-height:780px){.modal-root:has(.modal-panel-composer){padding:10px}.modal-panel-composer{--pad:16px;--stack:13px;--canvas-cap:calc(100dvh - 468px)}}.composer{gap:var(--stack);flex-direction:column;display:flex}.composer-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.composer-surface{animation:surface-in .22s var(--ease) backwards;flex-direction:column;gap:10px;display:flex}@keyframes surface-in{0%{opacity:0;transform:translateY(3px)}}.composer-surface-row{flex-shrink:0;align-items:center;gap:10px;height:44px;display:flex}.composer-tools{flex-direction:column;gap:10px;display:flex}.composer-tool-row{align-items:center;min-height:32px;display:flex}.composer-fields{flex-direction:column;gap:8px;display:flex}.composer-foot{border-top:1px solid var(--border-soft);flex-direction:column;gap:8px;padding-top:16px;display:flex}.canvas-frame{--raw:min(var(--canvas-room,100%), 432px, var(--canvas-cap,432px));width:max(168px, round(down, var(--raw), 24px));aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--border-soft);background-color:var(--canvas);border-radius:12px;flex-shrink:0;align-self:center;overflow:hidden}.type-stage{background-image:repeating-linear-gradient(to right, transparent 0 calc(100% / 24 - 1px), var(--canvas-grid) calc(100% / 24 - 1px) calc(100% / 24)), repeating-linear-gradient(to bottom, transparent 0 calc(100% / 24 - 1px), var(--canvas-grid) calc(100% / 24 - 1px) calc(100% / 24));justify-content:center;align-items:center;display:flex}.segmented{background-color:var(--surface);box-shadow:inset 0 0 0 1px var(--border);border-radius:8px;flex-shrink:0;padding:2px;display:inline-flex;position:relative}.segmented-thumb{background-color:var(--tool-active);width:calc(50% - 2px);transform:translateX(calc(var(--i,0) * 100%));transition:transform var(--spring-quick-time) var(--spring-quick);border-radius:6px;position:absolute;top:2px;bottom:2px;left:2px}.segmented-option{min-width:48px;color:var(--tertiary);transition:color var(--speed-fast) var(--ease);border-radius:6px;flex:1 1 0;padding:4px 9px;font-size:12px;line-height:16px;position:relative}.segmented-option[aria-selected=true]{color:var(--text)}@media (hover:hover){.segmented-option[aria-selected=false]:hover{color:var(--secondary)}}.starter{opacity:.72;width:30px;height:30px;transition:opacity var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease), background-color var(--speed-fast) var(--ease);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:flex}.starter:active{transform:scale(.94)}@media (hover:hover){.starter:hover{background-color:var(--surface);opacity:1}}.composer-field,.composer-text-field{border:1px solid var(--border);background-color:var(--surface);width:100%;color:var(--text);transition:border-color var(--speed-fast) var(--ease), box-shadow var(--speed-fast) var(--ease);border-radius:8px;outline:none}.composer-field::placeholder,.composer-text-field::placeholder{color:var(--tertiary)}.composer-field:focus-visible,.composer-text-field:focus-visible{border-color:var(--control-border-hover);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.composer-field:focus-visible,.composer-text-field:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 15%, transparent)}}@media (hover:hover){.composer-field:hover,.composer-text-field:hover{border-color:var(--control-border-hover)}}.composer-field{height:36px;padding:0 12px;font-size:13px;line-height:18px}.composer-text-field{text-align:center;height:44px;font-family:var(--font-geist-mono), monospace;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;padding:0 12px;font-size:20px;line-height:28px}.quiet-cancel{transition:color var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease)}.quiet-cancel:active{transform:scale(.97)}@media (hover:hover){.quiet-cancel:hover{color:var(--text)}}.inspect-root{--inspect-pad:24px;z-index:110;width:100%;max-width:100vw;height:100%;max-height:100dvh;padding:var(--inspect-pad);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:560px){.inspect-root{--inspect-pad:16px}}.inspect-root:not([open]){display:none}.inspect-root::backdrop{animation:fade-in .3s var(--ease) both;background-color:#080808f0}[data-theme=light] .inspect-root::backdrop{background-color:#fafaf9f5}.inspect-root[data-phase=returning]::backdrop{animation:fade-out .3s var(--ease) both}.inspect-hero{transform-origin:0 0;pointer-events:none;display:block;position:fixed;top:0;left:0}.inspect-root[data-phase=held] .inspect-hero{display:none}.inspect-stage{justify-content:center;align-items:center;gap:clamp(8px,4vw,40px);display:flex}.inspect-stage:focus-visible{outline:none}.inspect-column{flex-direction:column;align-items:center;gap:14px;display:flex}.inspect-index{color:var(--tertiary);font-family:var(--font-geist-mono), monospace;font-variant-numeric:tabular-nums;font-size:11px;line-height:16px}.inspect-art{--inspect-steps:calc(2 * (18px + clamp(8px, 4vw, 40px)));--inspect-raw:min(312px, calc(100vw - 2 * var(--inspect-pad,24px) - var(--inspect-steps)), 44dvh);width:var(--inspect-raw);width:round(down, var(--inspect-raw), 24px);aspect-ratio:1;display:block}.inspect-root[data-phase=rising] .inspect-art,.inspect-root[data-phase=returning] .inspect-art{visibility:hidden}.inspect-art-svg{width:100%;height:100%;animation:inspect-swap .18s var(--ease) both;display:block}.inspect-details{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.inspect-details>*{animation:inspect-detail .26s var(--ease) both}.inspect-details>:first-child{animation-delay:.12s}.inspect-details>:nth-child(2){animation-delay:.18s}.inspect-details>:nth-child(3){animation-delay:.24s}.inspect-root[data-phase=returning] .inspect-details>*,.inspect-root[data-phase=returning] .inspect-index{animation:fade-out .14s var(--ease) both}.inspect-name{color:var(--text);font-family:var(--font-bryndan-write), cursive;font-size:18px;line-height:22px}.inspect-date{color:var(--tertiary);font-family:var(--font-geist-mono), monospace;font-size:11px;line-height:16px}.inspect-note{max-width:30ch;color:var(--secondary);font-family:var(--font-bryndan-write), cursive;text-wrap:pretty;padding-top:4px;font-size:15px;line-height:20px}.inspect-close{color:var(--tertiary);transition:color var(--speed-fast) var(--ease);font-size:13px;line-height:16px;position:fixed;top:18px;right:18px}.inspect-step{color:var(--secondary);transition:color var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);font-size:15px;line-height:20px}.inspect-step:enabled:active{transform:scale(.96)}.inspect-step:disabled{opacity:.3}@media (hover:hover){.inspect-close:hover,.inspect-step:enabled:hover{color:var(--text)}}@keyframes inspect-detail{0%{opacity:0;transform:translateY(4px)}}@keyframes inspect-swap{0%{opacity:0;transform:translateX(calc(var(--dir,1) * 10px))}}.desk-root{z-index:105;background-color:var(--bg);width:100%;max-width:100vw;height:100%;max-height:100dvh;animation:fade-in .24s var(--ease) both;border:none;padding:0;display:block;position:fixed;inset:0;overflow:hidden}.desk-root:not([open]){display:none}.desk-root[data-phase=closing]{animation:fade-out .18s var(--ease) both}.desk-root::backdrop{background-color:var(--bg)}.desk-surface{box-sizing:border-box;width:100%;height:100%;animation:desk-in .38s var(--ease) both;padding:56px 0 64px}.desk-root[data-phase=closing] .desk-surface{animation:desk-out .18s var(--ease) both}@keyframes desk-in{0%{opacity:0;transform:scale(.965)}}@keyframes desk-out{to{opacity:0;transform:scale(.99)}}.desk-viewport{height:100%;padding:0 clamp(24px,6vw,96px);overflow:auto;-webkit-mask-image:none;mask-image:none}.desk-caption{color:var(--tertiary);font-family:var(--font-geist-mono), monospace;animation:fade-in .4s var(--ease) .12s both;font-size:11px;line-height:16px;position:fixed;bottom:22px;left:clamp(24px,6vw,96px)}.desk-close{color:var(--tertiary);transition:color var(--speed-fast) var(--ease);font-size:13px;line-height:16px;position:fixed;top:18px;right:18px}@media (hover:hover){.desk-close:hover{color:var(--text)}.desk-viewport .artifact:hover{filter:drop-shadow(0 9px 12px #0000008c)}[data-theme=light] .desk-viewport .artifact:hover{filter:drop-shadow(0 9px 12px #19191933)}}@keyframes modal-in{0%{opacity:0;transform:scale(.97)translateY(6px)}}@keyframes modal-out{to{opacity:0;transform:scale(.99)translateY(2px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.reveal{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(8px)}.reveal-in{opacity:1;transform:translateY(0)}}.rec-viewport{--rec-card:min(680px, 100vw - 112px);--rec-gap:16px;--rec-fade:min(88px, calc((100% - var(--rec-card)) / 2 - var(--rec-gap)));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--rec-fade), #000 calc(100% - var(--rec-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--rec-fade), #000 calc(100% - var(--rec-fade)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--rec-fade), #000 calc(100% - var(--rec-fade)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--rec-fade), #000 calc(100% - var(--rec-fade)), transparent 100%);margin-inline:calc(-1*max(0px,min(180px,50vw - 50% - 12px)));overflow:hidden}.rec-track{align-items:stretch;gap:var(--rec-gap);padding-inline:calc((100% - var(--rec-card)) / 2);transform:translateX(calc(-1 * var(--rec-i,0) * (var(--rec-card) + var(--rec-gap))));transition:transform .42s var(--ease);display:flex}.rec-track-still{transition:none}.rec-card{flex:0 0 var(--rec-card);transition:opacity .32s var(--ease), filter .32s var(--ease)}.rec-card[data-active=false]{opacity:.45;filter:blur(2px)}.rec-quote{hanging-punctuation:first}@media (hover:hover){.rec-avatar{transition:transform var(--speed) var(--ease)}.rec-card[data-active=true]:hover .rec-avatar{transform:scale(1.06)}}.toc{animation:toc-enter .32s var(--ease) .24s backwards}@keyframes toc-enter{0%{opacity:0}}.toc-item{color:var(--tertiary);text-wrap:balance;transition:color var(--speed) var(--ease);border-radius:2px;align-items:flex-start;gap:14px;display:flex;position:relative}.toc-item:after{content:"";position:absolute;inset:-8px 0}.toc-list>li:not(:last-child):after{content:"";background-color:var(--tertiary);opacity:.45;width:13px;height:1px;position:absolute;top:28px;left:0}.toc-rule{opacity:.45;transform-origin:0;width:24px;height:1px;transition:transform var(--speed) var(--ease), opacity var(--speed) var(--ease);background-color:currentColor;flex:none;margin-top:10px;transform:scaleX(.55)}@media (hover:hover){.toc-item:not([aria-current]):hover{color:var(--secondary)}.toc-item:not([aria-current]):hover .toc-rule{opacity:.7}}.toc-item[aria-current=location]{color:var(--body)}.toc-item[aria-current=location] .toc-rule{opacity:1;transform:scaleX(1)}@media (prefers-reduced-motion:no-preference) and (min-width:1400px){html:has(.toc){scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}