@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-display);--default-mono-font-family:var(--font-mono-stack)}@supports (color:lab(0% 0 0)){:root,:host{--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-900:lab(8.30603% .618205 -2.16572);--color-zinc-950:lab(2.51107% .242703 -.886115)}}}@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,ui-sans-serif, system-ui, 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{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-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-8{top:calc(var(--spacing) * -8)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-4{top:calc(var(--spacing) * 4)}.right-0\.5{right:calc(var(--spacing) * .5)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\]{bottom:max(1.25rem, env(safe-area-inset-bottom))}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.aspect-\[0\.72\]{aspect-ratio:.72}.aspect-\[3\/4\.35\]{aspect-ratio:3/4.35}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\.4\]{aspect-ratio:4/3.4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.h-0{height:calc(var(--spacing) * 0)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[1\.1rem\]{height:1.1rem}.h-\[100dvh\]{height:100dvh}.h-\[min\(72vw\,22rem\)\]{height:min(72vw,22rem)}.h-full{height:100%}.min-h-\[100dvh\]{min-height:100dvh}.w-0{width:calc(var(--spacing) * 0)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-\[1\.1rem\]{width:1.1rem}.w-\[3\.25rem\]{width:3.25rem}.w-\[min\(72vw\,22rem\)\]{width:min(72vw,22rem)}.w-\[min\(88vw\,26rem\)\]{width:min(88vw,26rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-\[24rem\]{max-width:24rem}.max-w-\[30rem\]{max-width:30rem}.max-w-\[32rem\]{max-width:32rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-6{rotate:-6deg}.rotate-3{rotate:3deg}.rotate-6{rotate:6deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,0\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-px{gap:1px}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[0\.2rem\]{border-radius:.2rem}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-\[0\.45rem\]{border-radius:.45rem}.rounded-\[0\.55rem\]{border-radius:.55rem}.rounded-\[1\.1rem\]{border-radius:1.1rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y-\[7px\]{border-block-style:var(--tw-border-style);border-block-width:7px}.border-l-\[11px\]{border-left-style:var(--tw-border-style);border-left-width:11px}.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab, red, red)){.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.border-white{border-color:var(--color-white)}.border-y-transparent{border-block-color:#0000}.border-l-white{border-left-color:var(--color-white)}.bg-\[\#f7f1e6\]{background-color:#f7f1e6}.bg-\[\#fbf8f1\]{background-color:#fbf8f1}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/8{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.bg-black\/8{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.bg-black\/14{background-color:#00000024}@supports (color:color-mix(in lab, red, red)){.bg-black\/14{background-color:color-mix(in oklab, var(--color-black) 14%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/72{background-color:#000000b8}@supports (color:color-mix(in lab, red, red)){.bg-black\/72{background-color:color-mix(in oklab, var(--color-black) 72%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/76{--tw-gradient-from:#000000c2}@supports (color:color-mix(in lab, red, red)){.from-black\/76{--tw-gradient-from:color-mix(in oklab, var(--color-black) 76%, transparent)}}.from-black\/76{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[8\%\]{padding:8%}.p-\[9\%\]{padding:9%}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[env\(safe-area-inset-bottom\,0px\)\]{padding-bottom:env(safe-area-inset-bottom,0px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono-stack)}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.52rem\]{font-size:.52rem}.text-\[0\.55rem\]{font-size:.55rem}.text-\[0\.58rem\]{font-size:.58rem}.text-\[0\.59rem\]{font-size:.59rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.66rem\]{font-size:.66rem}.text-\[0\.68rem\]{font-size:.68rem}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.82rem\]{font-size:.82rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.6rem\]{font-size:1.6rem}.leading-\[0\.94\]{--tw-leading:.94;line-height:.94}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.07em\]{--tw-tracking:.07em;letter-spacing:.07em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#a02c1e\]{color:#a02c1e}.text-black{color:var(--color-black)}.text-black\/30{color:#0000004d}@supports (color:color-mix(in lab, red, red)){.text-black\/30{color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.text-black\/35{color:#00000059}@supports (color:color-mix(in lab, red, red)){.text-black\/35{color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.text-black\/38{color:#00000061}@supports (color:color-mix(in lab, red, red)){.text-black\/38{color:color-mix(in oklab, var(--color-black) 38%, transparent)}}.text-black\/45{color:#00000073}@supports (color:color-mix(in lab, red, red)){.text-black\/45{color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.text-black\/48{color:#0000007a}@supports (color:color-mix(in lab, red, red)){.text-black\/48{color:color-mix(in oklab, var(--color-black) 48%, transparent)}}.text-black\/50{color:#00000080}@supports (color:color-mix(in lab, red, red)){.text-black\/50{color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.text-black\/65{color:#000000a6}@supports (color:color-mix(in lab, red, red)){.text-black\/65{color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.text-black\/70{color:#000000b3}@supports (color:color-mix(in lab, red, red)){.text-black\/70{color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.text-black\/72{color:#000000b8}@supports (color:color-mix(in lab, red, red)){.text-black\/72{color:color-mix(in oklab, var(--color-black) 72%, transparent)}}.text-white{color:var(--color-white)}.text-zinc-900{color:var(--color-zinc-900)}.text-zinc-950{color:var(--color-zinc-950)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-38{opacity:.38}.opacity-58{opacity:.58}.shadow,.shadow-sm{--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)}.ring{--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)}.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))}.outline-none{--tw-outline-style:none;outline-style:none}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-black\/35::placeholder{color:#00000059}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-black\/35::placeholder{color:color-mix(in oklab, var(--color-black) 35%, transparent)}}@media (hover:hover){.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\:text-black:hover{color:var(--color-black)}}.focus\:border-black\/50:focus{border-color:#00000080}@supports (color:color-mix(in lab, red, red)){.focus\:border-black\/50:focus{border-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:top-6{top:calc(var(--spacing) * 6)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:bottom-8{bottom:calc(var(--spacing) * 8)}.sm\:left-6{left:calc(var(--spacing) * 6)}.sm\:gap-10{gap:calc(var(--spacing) * 10)}.sm\:p-4{padding:calc(var(--spacing) * 4)}}}:root{--font-display:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono-stack:"Helvetica Neue", Helvetica, Arial, sans-serif;--type-display-1:clamp(3.25rem, 8.2vw, 4.5rem);--type-display-2:clamp(2.2rem, 5.8vw, 3rem);--type-heading-1:clamp(1.7rem, 4.1vw, 2rem);--type-heading-2:clamp(1.4rem, 3vw, 1.75rem);--type-body:1rem;--type-body-small:.875rem;--type-meta:.75rem;--type-label:.8125rem;--space-1:.5rem;--space-2:1rem;--space-3:1.25rem;--space-4:2rem;--space-5:2.5rem;--screen-gutter:1.25rem;--section-gap:2rem;--card-padding-y:1.125rem;--card-padding-x:1.25rem;--radius-card:1.5rem;--radius-button:1rem;--radius-chip:999px;--motion-default:.24s;--motion-press:80ms;--motion-reveal:.38s;--motion-fast:.18s;--motion-medium:.28s;--motion-slow:.42s;--ease-standard:cubic-bezier(.2, .75, .2, 1);--ease-emphasized:cubic-bezier(.18, .72, .24, 1);--ease-gentle:cubic-bezier(.25, .46, .45, .94);--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f5f5f5;--text-primary:#111;--text-secondary:#4a4a4a;--text-tertiary:#7a7a7a;--border-medium:#dfdfdf;--border-strong:#bdbdbd;--card-terracotta:#c08c78;--card-sage:#859878;--card-tan:#c9af8b;--card-slate:#7f919c;--card-charcoal:#3c3834;--card-cream:#ece1d2;--feature-compass:#3d5a72;--feature-compass-mid:#d4dfe8;--feature-muse:#5a7055;--feature-muse-mid:#d8e2d6;--background-base:var(--bg-primary);--background-surface:var(--bg-secondary);--background-sunken:var(--bg-tertiary);--foreground-primary:var(--text-primary);--foreground-secondary:var(--text-secondary);--theme-wash:#7059b01c;--theme-ink:#5e4b89;--theme-line:#7059b057;--spatial-canvas:#fff;--spatial-canvas-deep:#fafafa;--spatial-ink:#111;--spatial-ink-soft:#1111118f;--spatial-line:#11111138}[data-colorway=violet]{--theme-wash:#7059b01c;--theme-ink:#5e4b89;--theme-line:#7059b057}[data-colorway=arctic]{--theme-wash:#6fadb31f;--theme-ink:#3f6c76;--theme-line:#6294995c}[data-colorway=blue]{--theme-wash:#5b82cc1f;--theme-ink:#365181;--theme-line:#5174b759}[data-colorway=sun]{--theme-wash:#e5a65324;--theme-ink:#8e5f1e;--theme-line:#ca8f415e}[data-colorway=red]{--theme-wash:#c8656521;--theme-ink:#7f3232;--theme-line:#b252525e}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--foreground-primary);font-family:var(--font-display);background:var(--background-base)}.yonko-support-panel{background-image:none;background-repeat:no-repeat}.yonko-canvas{background:var(--background-base);position:relative}.yonko-spatial-app{isolation:isolate;background:var(--spatial-canvas);min-height:100dvh;position:relative;overflow:hidden}.yonko-spatial-app:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 52%,#11111104,#0000 44rem);position:fixed;inset:0}.yonko-spatial-viewport{z-index:0;background:var(--spatial-canvas);position:fixed;inset:0}.yonko-spatial-canvas{width:100%!important;height:100%!important}.yonko-spatial-chrome{top:max(1rem, env(safe-area-inset-top,0px));z-index:40;pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;left:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.yonko-editorial-nav{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:clamp(.75rem,1.6vw,1.25rem) clamp(.75rem,2vw,1.5rem);display:flex;position:fixed;top:0;left:0;right:0}.yonko-nav-grid{pointer-events:auto;gap:4px;display:flex}.yonko-nav-seg{border:1px solid var(--spatial-line);min-width:9.5rem;height:5rem;color:var(--spatial-ink-soft);text-align:left;cursor:pointer;transition:color var(--motion-fast) var(--ease-gentle), border-color var(--motion-fast) var(--ease-gentle);background:#ffffffd1;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:.6rem .85rem;display:flex}.yonko-nav-seg-brand{min-width:13.5rem}.yonko-nav-seg:hover:not([aria-disabled=true]){color:var(--spatial-ink);border-color:#11111147}.yonko-nav-seg.is-active{color:var(--spatial-ink)}.yonko-nav-seg[aria-disabled=true]{cursor:default}.yonko-nav-seg:focus-visible{outline:2px solid var(--spatial-ink);outline-offset:2px}.yonko-nav-brand{letter-spacing:-.01em;text-transform:uppercase;color:var(--spatial-ink);font-size:1.05rem;font-weight:800;line-height:1}.yonko-nav-brand sup{vertical-align:super;font-size:.5em;font-weight:600}.yonko-nav-label{letter-spacing:.22em;text-transform:uppercase;margin-top:.4rem;font-size:.62rem;font-weight:700}.yonko-spatial-brand,.yonko-spatial-actions{pointer-events:auto}.yonko-position-indicator{z-index:35;pointer-events:none;background:#1111118c;border-radius:999px;width:2.5rem;height:4px;position:fixed;bottom:clamp(.9rem,2.4vh,1.6rem);left:50%;transform:translate(-50%)}.yonko-spatial-brand{color:var(--spatial-ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;line-height:.95;display:inline-flex}.yonko-spatial-brand-mark{letter-spacing:-.01em;text-transform:uppercase;font-size:1.18rem;font-weight:800}.yonko-spatial-brand-mark sup{vertical-align:super;font-size:.5em;font-weight:600}.yonko-spatial-brand-sub{letter-spacing:.34em;text-transform:uppercase;color:var(--spatial-ink-soft);margin-top:.34rem;font-size:.58rem;font-weight:600}.yonko-spatial-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.yonko-spatial-pill{min-height:0;color:var(--spatial-ink);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:opacity var(--motion-fast) var(--ease-gentle), color var(--motion-fast) var(--ease-gentle);background:0 0;border:0;border-radius:0;margin-left:1.4rem;padding:.2rem 0;font-size:.64rem;font-weight:700;text-decoration:none}.yonko-spatial-pill:hover{text-underline-offset:.32rem;text-decoration:underline;text-decoration-thickness:1px}.yonko-spatial-pill:focus-visible{outline:2px solid var(--spatial-ink);outline-offset:4px}.yonko-spatial-pill:disabled{cursor:default;opacity:.3;text-decoration:none}.yonko-spatial-pill-dark{text-underline-offset:.3rem;text-decoration:underline;text-decoration-thickness:1px}.yonko-spatial-pill-accent{background:var(--spatial-ink);color:var(--spatial-canvas);padding:.5rem .9rem}.yonko-spatial-pill-accent:hover{opacity:.86;text-decoration:none}.yonko-view-switch{z-index:38;border:1px solid var(--spatial-line);background:#ffffffdb;border-radius:4px;gap:2px;padding:3px;display:inline-flex;position:fixed;bottom:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.yonko-view-switch button{color:var(--spatial-ink-soft);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background var(--motion-fast) var(--ease-gentle), color var(--motion-fast) var(--ease-gentle);background:0 0;border:0;padding:.42rem .85rem;font-size:.6rem;font-weight:700}.yonko-view-switch button:hover{color:var(--spatial-ink)}.yonko-view-switch button.is-active{color:var(--spatial-ink);background:#f4f4f4}.yonko-view-switch button:focus-visible{outline:2px solid var(--spatial-ink);outline-offset:2px}.yonko-reset-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.yonko-reset-dialog{border:1px solid var(--spatial-line);background:var(--spatial-canvas);border-radius:4px;width:min(100%,24rem);padding:1.4rem;box-shadow:0 18px 60px #1111111f}.yonko-reset-dialog h2{color:var(--spatial-ink);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:750}.yonko-reset-dialog p{color:var(--spatial-ink-soft);margin:.8rem 0 0;font-size:.78rem;line-height:1.55}.yonko-reset-actions{justify-content:flex-end;gap:.45rem;margin-top:1.4rem;display:flex}.yonko-reset-actions button{border:1px solid var(--spatial-line);color:var(--spatial-ink);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;padding:.55rem .75rem;font-size:.6rem;font-weight:750}.yonko-reset-actions button:hover,.yonko-reset-actions button:focus-visible{border-color:var(--spatial-ink)}.yonko-reset-actions button:focus-visible{outline:2px solid var(--spatial-ink);outline-offset:2px}.yonko-reset-actions button.is-destructive{border-color:var(--spatial-ink);background:var(--spatial-ink);color:var(--spatial-canvas)}.yonko-index-view{z-index:20;background:var(--spatial-canvas);animation:yonko-index-fade var(--motion-reveal) var(--ease-standard);grid-template-columns:minmax(20rem,32vw) 1fr;align-items:stretch;display:grid;position:fixed;inset:0}@keyframes yonko-index-fade{0%{opacity:0}to{opacity:1}}.yonko-index-list-wrap{flex-direction:column;padding:clamp(4.5rem,9vh,7rem) clamp(1.5rem,3vw,3rem) 5rem;display:flex;overflow:auto}.yonko-index-heading{letter-spacing:.24em;text-transform:uppercase;color:var(--spatial-ink-soft);margin:0 0 1.4rem;font-size:.62rem;font-weight:700}.yonko-index-list{margin:0;padding:0;list-style:none}.yonko-index-list button{border:0;border-top:1px solid var(--spatial-line);text-align:left;width:100%;color:var(--spatial-ink);cursor:pointer;transition:padding-left var(--motion-fast) var(--ease-gentle);background:0 0;grid-template-columns:3rem minmax(0,1fr) auto;align-items:baseline;gap:.9rem;padding:1rem .25rem;display:grid}.yonko-index-list li:last-child button{border-bottom:1px solid var(--spatial-line)}.yonko-index-list button:hover,.yonko-index-list button.is-selected{padding-left:.85rem}.yonko-index-list button:focus-visible{outline:2px solid var(--spatial-ink);outline-offset:-2px}.yonko-index-num{letter-spacing:.12em;color:var(--spatial-ink-soft);font-size:.7rem;font-weight:800}.yonko-index-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:1.15rem;font-weight:600;overflow:hidden}.yonko-index-list button:hover .yonko-index-title,.yonko-index-list button.is-selected .yonko-index-title{text-underline-offset:.28rem;text-decoration:underline;text-decoration-thickness:1px}.yonko-index-status{letter-spacing:.16em;text-transform:uppercase;color:var(--spatial-ink-soft);font-size:.58rem;font-style:normal;font-weight:700}.yonko-index-preview{background:var(--spatial-canvas-deep);justify-content:center;align-items:center;padding:clamp(2rem,6vw,5rem);display:flex}.yonko-index-preview-frame{aspect-ratio:16/10;background-color:var(--spatial-canvas);width:min(40rem,100%);transition:background var(--motion-medium) var(--ease-gentle);background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;padding:1.6rem;display:flex;box-shadow:0 30px 80px #1a17122e}.yonko-index-preview-frame span{letter-spacing:.02em;font-size:1.1rem;font-weight:700}.yonko-mobile-stack{z-index:15;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;flex-direction:column;gap:1rem;padding:5.5rem 1rem 6rem;display:flex;position:fixed;inset:0;overflow-y:auto}.yonko-mobile-card{--yonko-mobile-fold-zone:clamp(2.75rem, 7.5vh, 4rem);--yonko-mobile-fold-top:0deg;--yonko-mobile-fold-bottom:0deg;--yonko-mobile-fold-top-progress:0;--yonko-mobile-fold-bottom-progress:0;scroll-snap-align:center;text-align:left;opacity:.62;isolation:isolate;perspective:900px;height:58vh;transform-style:preserve-3d;transition:opacity var(--motion-medium) var(--ease-gentle), transform var(--motion-medium) var(--ease-gentle);background:0 0;border:0;flex-direction:column;flex:none;justify-content:flex-end;padding:1.25rem;display:flex;position:relative;transform:scale(.94);box-shadow:0 18px 50px #1a171229}.yonko-mobile-card-artwork{z-index:-1;backface-visibility:hidden;pointer-events:none;transform-style:preserve-3d;background-position:50%;background-size:cover;position:absolute;inset:0}.yonko-mobile-card-artwork-core{clip-path:inset(var(--yonko-mobile-fold-zone) 0)}.yonko-mobile-card-artwork-top{clip-path:polygon(0 0, 100% 0, 100% var(--yonko-mobile-fold-zone), 0 calc(var(--yonko-mobile-fold-zone) + .75rem));transform:perspective(760px) rotateX(var(--yonko-mobile-fold-top)) translateZ(1px);transform-origin:50% var(--yonko-mobile-fold-zone)}.yonko-mobile-card-artwork-bottom{clip-path:polygon(0 calc(100% - var(--yonko-mobile-fold-zone) - .75rem), 100% calc(100% - var(--yonko-mobile-fold-zone)), 100% 100%, 0 100%);transform:perspective(760px) rotateX(var(--yonko-mobile-fold-bottom)) translateZ(1px);transform-origin:50% calc(100% - var(--yonko-mobile-fold-zone))}.yonko-mobile-card-artwork-top:after,.yonko-mobile-card-artwork-bottom:after{content:"";pointer-events:none;position:absolute;inset:0}.yonko-mobile-card-artwork-top:after{opacity:var(--yonko-mobile-fold-top-progress);background:linear-gradient(#ffffff3d,#0c0a0885)}.yonko-mobile-card-artwork-bottom:after{opacity:var(--yonko-mobile-fold-bottom-progress);background:linear-gradient(#0c0a087a,#fff3)}.yonko-mobile-card[data-bending] .yonko-mobile-card-artwork-top{filter:drop-shadow(0 14px 13px #0c0a0833)}.yonko-mobile-card[data-bending] .yonko-mobile-card-artwork-bottom{filter:drop-shadow(0 -14px 13px #0c0a082e)}.yonko-mobile-card-copy{z-index:1;flex-direction:column;align-items:flex-start;display:flex;position:relative}.yonko-mobile-card.is-active{opacity:1;transform:scale(1)}.yonko-mobile-card-num{letter-spacing:.2em;opacity:.85;font-size:.6rem;font-weight:700}.yonko-mobile-card-title{letter-spacing:.01em;text-shadow:0 1px 10px #00000038;margin-top:.3rem;font-size:1.05rem;font-weight:600}.yonko-mobile-index{z-index:15;background:var(--spatial-canvas);padding:5.5rem 1rem 6rem;position:fixed;inset:0;overflow-y:auto}.yonko-mobile-index ul{margin:0;padding:0;list-style:none}.yonko-mobile-index button{border:0;border-top:1px solid var(--spatial-line);text-align:left;width:100%;color:var(--spatial-ink);background:0 0;grid-template-columns:2.6rem 1fr;gap:.8rem;padding:1rem .25rem;display:grid}.yonko-mobile-index span{letter-spacing:.12em;color:var(--spatial-ink-soft);font-size:.7rem;font-weight:800}.yonko-mobile-index strong{font-size:1.05rem;font-weight:600}.yonko-spatial-demo-banner{top:max(1rem, env(safe-area-inset-top,0px));z-index:45;color:#0a0a0a73;letter-spacing:.14em;text-align:center;text-transform:uppercase;background:0 0;border:0;max-width:min(42rem,100vw - 14rem);padding:.2rem 0;font-size:.6rem;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}.yonko-archive-index{z-index:35;background:0 0;border:0;width:min(20rem,100vw - 1.5rem);padding:0;position:fixed;bottom:clamp(.75rem,2vw,1.5rem);right:clamp(.75rem,2vw,1.5rem)}.yonko-archive-index-meta{letter-spacing:.14em;text-transform:uppercase;color:#0a0a0a73;border-bottom:1px solid #00000029;justify-content:space-between;align-items:center;padding-bottom:.45rem;font-size:.6rem;font-weight:600;display:flex}.yonko-archive-index-list{max-height:15rem;padding-top:.45rem;display:grid;overflow:auto}.yonko-archive-index-list button{text-align:left;color:#0a0a0a;background:0 0;border:0;border-bottom:1px solid #00000014;grid-template-columns:2.4rem minmax(0,1fr);gap:.28rem .65rem;padding:.68rem .15rem;display:grid}.yonko-archive-index-list button:last-child{border-bottom:0}.yonko-archive-index-list button span{letter-spacing:.14em;color:#00000061;grid-row:span 2;font-size:.62rem;font-weight:800}.yonko-archive-index-list button strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:600;overflow:hidden}.yonko-archive-index-list button em{letter-spacing:.1em;text-transform:uppercase;color:#0000006b;font-size:.66rem;font-style:normal;font-weight:700}.yonko-archive-index-list button.is-selected strong{text-underline-offset:.22rem;text-decoration:underline;text-decoration-thickness:1px}.yonko-focus-overlay{z-index:25;background:var(--spatial-canvas);opacity:0;pointer-events:none;transition:opacity .5s var(--ease-standard), transform .55s var(--ease-standard);position:fixed;inset:0;transform:translateY(2.5vh)}.yonko-focus-overlay.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.yonko-focus-shell{background:0 0;border:0;width:100%;height:100dvh;padding:5.2rem clamp(1rem,3vw,2.5rem) clamp(2rem,4vh,4rem);overflow:hidden auto}.yonko-focus-heading{border-bottom:1px solid #00000029;justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1.1rem;display:flex}.yonko-focus-heading p{letter-spacing:.16em;text-transform:uppercase;color:#0a0a0a73;font-size:.6rem;font-weight:600}.yonko-focus-heading h1{letter-spacing:-.04em;text-transform:uppercase;max-width:none;margin-top:.5rem;font-size:clamp(2.6rem,8.5vw,8rem);font-weight:600;line-height:.88}.yonko-focus-signal{flex-wrap:wrap;justify-content:flex-end;gap:1.1rem;max-width:26rem;padding-bottom:.35rem;display:flex}.yonko-focus-signal span{letter-spacing:.14em;text-transform:uppercase;color:#0a0a0a80;background:0 0;border:0;padding:0;font-size:.62rem;font-weight:600}.yonko-focus-grid{grid-template-columns:minmax(0,1fr);gap:clamp(1.4rem,3vh,2.4rem);padding-top:clamp(1.2rem,2.5vh,2rem);display:grid}.yonko-focus-tool,.yonko-focus-board{min-width:0}.yonko-focus-tool{align-self:start}.yonko-focus-grid.is-capture-only{grid-template-columns:minmax(0,1fr)}.yonko-focus-grid.is-capture-only .yonko-focus-tool{align-self:stretch}.yonko-focus-board{gap:1.2rem;display:grid}.yonko-error-toast{bottom:max(1rem, env(safe-area-inset-bottom,0px));z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #0a0a0a;justify-content:space-between;align-items:flex-start;gap:1rem;width:min(34rem,100vw - 2rem);padding:.85rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #00000029}.yonko-error-toast p{font-size:.9rem;font-weight:700;line-height:1.4}.yonko-error-toast button{color:#00000094;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;flex-shrink:0;font-size:.68rem;font-weight:800}@media (max-width:900px){.yonko-spatial-chrome{align-items:flex-start}.yonko-spatial-actions{max-width:11.5rem}.yonko-spatial-pill{margin-left:.85rem;font-size:.58rem}.yonko-spatial-pill-accent{padding:.42rem .7rem}.yonko-view-switch{bottom:max(.75rem, env(safe-area-inset-bottom,0px))}.yonko-focus-overlay{align-items:flex-end;padding:5.8rem .75rem .75rem}.yonko-focus-shell{width:100%;max-height:calc(100dvh - 6.6rem)}.yonko-focus-heading{flex-direction:column;align-items:flex-start}.yonko-focus-signal{justify-content:flex-start}.yonko-focus-grid{grid-template-columns:1fr}}@media (max-width:768px){.yonko-editorial-nav{gap:.6rem}.yonko-nav-seg{min-width:0;height:auto;padding:.5rem .7rem}.yonko-nav-seg-brand{min-width:0}.yonko-nav-seg:not(.yonko-nav-seg-brand){display:none}.yonko-nav-brand{font-size:.95rem}}@media (max-width:560px){.yonko-spatial-brand-mark{font-size:1.05rem}.yonko-spatial-brand-sub{letter-spacing:.26em;font-size:.52rem}.yonko-spatial-demo-banner{letter-spacing:.08em;font-size:.54rem;top:4.25rem}.yonko-focus-heading h1{font-size:clamp(2rem,13vw,4rem)}}@media (prefers-reduced-motion:reduce){.yonko-spatial-pill,.yonko-spatial-pill-accent,.yonko-view-switch button,.yonko-index-list button,.yonko-index-preview-frame,.yonko-mobile-card,.yonko-mobile-card-artwork,.yonko-focus-overlay{transition-duration:.01ms}.yonko-mobile-card-artwork-top,.yonko-mobile-card-artwork-bottom{filter:none!important;transform:none!important}.yonko-index-view{animation:none}.yonko-mobile-stack{scroll-behavior:auto;scroll-snap-type:none}}.yonko-surface{border:1px solid var(--border-medium);border-radius:var(--radius-card);background:var(--background-surface);box-shadow:0 6px 16px #0000000f}.yonko-meta{font-family:var(--font-display);font-size:var(--type-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--foreground-secondary)}.yonko-heading{font-family:var(--font-display);font-size:var(--type-heading-1);letter-spacing:-.03em;line-height:1.04}.yonko-display{font-family:var(--font-display);font-size:var(--type-display-1);letter-spacing:-.045em;line-height:.92}.yonko-button{border-radius:var(--radius-button);transition:transform var(--motion-medium) var(--ease-gentle), box-shadow var(--motion-medium) var(--ease-gentle), opacity var(--motion-medium) var(--ease-gentle)}.yonko-button:hover{transform:translateY(-1px)}.yonko-button:active{transition-duration:var(--motion-press);transform:scale(.985)}.yonko-motion-interactive{transition:transform var(--motion-medium) var(--ease-gentle), background-color var(--motion-fast) var(--ease-gentle), color var(--motion-fast) var(--ease-gentle), border-color var(--motion-fast) var(--ease-gentle), opacity var(--motion-fast) var(--ease-gentle)}.yonko-motion-expand{transition:grid-template-rows var(--motion-slow) var(--ease-standard), opacity var(--motion-medium) var(--ease-gentle), margin var(--motion-medium) var(--ease-gentle), padding var(--motion-medium) var(--ease-gentle)}.yonko-motion-reveal{transition:opacity var(--motion-slow) var(--ease-standard), transform var(--motion-slow) var(--ease-standard)}.yonko-button-primary{background:var(--foreground-primary);color:var(--background-base)}.yonko-button-ghost{background:var(--background-base);border:1px solid var(--border-medium);color:var(--foreground-primary)}.yonko-chip{border-radius:var(--radius-chip);border:1px solid var(--border-medium);background:var(--background-base);font-family:var(--font-display);font-size:var(--type-meta);letter-spacing:.08em;text-transform:uppercase}.yonko-canvas:before{content:none;pointer-events:none;opacity:.36;background-image:linear-gradient(#100e0c05 1px,#0000 1px),linear-gradient(90deg,#100e0c05 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 90%);mask-image:radial-gradient(circle,#000 35%,#0000 90%)}button,input,textarea{font:inherit}input,textarea{color:var(--foreground-primary)}@keyframes float-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes editorial-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes reel-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes yonko-reel-flange{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.yonko-reel-flange--spinning{transform-origin:50%;animation:2.4s linear infinite yonko-reel-flange}@keyframes waveform-live{0%,to{height:12%}50%{height:95%}}.yonko-reel-spin{animation:1.8s linear infinite reel-spin;position:absolute;top:50%;left:50%}.yonko-wave-bar{height:22%}.yonko-wave-bar-active{animation:1.15s ease-in-out infinite waveform-live}.yonko-scroll-reveal{animation:editorial-rise .7s var(--ease-standard) both}@keyframes gentle-drift{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.yonko-gentle-drift{animation:3.6s ease-in-out infinite gentle-drift}@media (prefers-reduced-motion:reduce){.yonko-scroll-reveal,.yonko-gentle-drift{animation:none}}main{animation:float-in var(--motion-reveal) var(--ease-emphasized)}.yonko-flow-screen{overscroll-behavior-y:none;background:#fff}.yonko-home-card{cursor:pointer;border:1px solid #11111114;box-shadow:0 28px 68px #1111111f,0 8px 18px #1111110d,inset 0 1px #ffffffe6}.yonko-friend-loop{aspect-ratio:16/10;isolation:isolate;background:#fff;width:min(92vw,28rem);position:relative;overflow:hidden}.yonko-friend-letter{aspect-ratio:3/5;will-change:background-position;background-image:url(/illustrations/yonko-friend-letters.png);background-position:0 0;background-repeat:no-repeat;background-size:500% 100%;width:9rem;animation:6s step-end infinite yonko-friend-letters;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes yonko-friend-letters{0%,19.99%{background-position:0 0}20%,39.99%{background-position:25% 0}40%,59.99%{background-position:50% 0}60%,79.99%{background-position:75% 0}80%,to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.yonko-friend-letter{aspect-ratio:3;background-position:50%;background-size:100% 100%;width:min(88vw,30rem);animation:none}}.yonko-reference-prompt{isolation:isolate;-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);animation:yonko-reference-popover-in .9s var(--ease-standard) both;transform-origin:50% 100%;transition:opacity .7s var(--ease-standard), filter .7s var(--ease-standard), transform .7s var(--ease-standard), box-shadow .32s var(--ease-standard);background:radial-gradient(circle at 17% -35%,#fffffffa 0,#ffffff6b 42%,#0000 68%),linear-gradient(145deg,#ffffffad,#f5f5f55c);border:1px solid #ffffffd1;box-shadow:0 28px 72px #11111124,0 6px 20px #1111110f,inset 0 1px #fffffff5,inset 0 -1px #ffffff75}.yonko-reference-prompt:before,.yonko-reference-prompt:after{pointer-events:none;content:"";position:absolute}.yonko-reference-prompt:before{z-index:-1;background:radial-gradient(circle at 84% 112%,#ffffff8a,#0000 42%),linear-gradient(108deg,#ffffff38,#0000 32% 68%,#fff3);border:1px solid #ffffff8f;border-radius:calc(1.5rem - 1px);inset:1px;box-shadow:inset 0 0 18px #ffffff47,inset 0 -8px 20px #11111105}.yonko-reference-prompt:after{z-index:2;background:linear-gradient(90deg,#0000,#fffffff2,#0000);border-radius:999px;width:48%;height:1px;top:.2rem;left:12%}.yonko-reference-prompt>*{z-index:1;position:relative}.yonko-generation-progress{isolation:isolate;-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:radial-gradient(circle at 24% -70%,#fffffffa,#ffffff47 48%,#0000 70%),linear-gradient(145deg,#ffffffa8,#efefef52);border:1px solid #ffffffd6;border-radius:999px;width:min(78vw,22rem);height:2.2rem;position:relative;overflow:hidden;box-shadow:0 18px 46px #1111111a,0 4px 14px #1111110b,inset 0 1px #fffffffa,inset 0 -1px #1111110e}.yonko-generation-progress:before{z-index:3;pointer-events:none;border-radius:inherit;content:"";border:1px solid #ffffff94;position:absolute;inset:2px;box-shadow:inset 0 0 14px #ffffff57,inset 0 -7px 16px #11111106}.yonko-generation-progress-fill{z-index:1;border-radius:inherit;transform-origin:0;background:radial-gradient(circle at 82% 20%,#ffffff3d,#0000 26%),linear-gradient(112deg,#111 0%,#292929 58%,#111 100%);transition:transform .36s linear;position:absolute;inset:0;box-shadow:0 0 22px #1113,inset 0 1px #fff3}.yonko-generation-progress-glint{z-index:4;pointer-events:none;filter:blur(1px);opacity:.72;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);border-radius:999px;width:18%;animation:3.4s ease-in-out infinite yonko-progress-glint;position:absolute;top:.22rem;bottom:.22rem;left:-18%}@keyframes yonko-progress-glint{0%{opacity:0;transform:translate(0)}18%{opacity:.72}72%{opacity:.5}to{opacity:0;transform:translate(650%)}}.yonko-reference-card{-webkit-backdrop-filter:blur(10px)saturate(150%);backdrop-filter:blur(10px)saturate(150%);background:linear-gradient(145deg,#ffffffb8,#e7e7e747);border:1px solid #ffffffdb;box-shadow:0 6px 14px #11111114,inset 0 1px #fffffff5,inset 0 -1px #1111110b}.yonko-reference-primary,.yonko-reference-secondary{-webkit-backdrop-filter:blur(16px)saturate(165%);backdrop-filter:blur(16px)saturate(165%);transition:transform .22s var(--ease-standard), background-color .22s var(--ease-standard), box-shadow .22s var(--ease-standard);border:1px solid #ffffff75;position:relative;overflow:hidden;box-shadow:0 8px 18px #1111111a,inset 0 1px #ffffff57}.yonko-reference-primary{background:#000000db}.yonko-reference-secondary{color:#1111118a;background:#ffffff4d;border-color:#ffffffbd;box-shadow:0 7px 18px #1111110e,inset 0 1px #fffffff0,inset 0 -1px #1111110b}.yonko-reference-primary:hover:not(:disabled),.yonko-reference-secondary:hover:not(:disabled){transform:translateY(-1px)scale(1.01)}.yonko-reference-primary:active:not(:disabled),.yonko-reference-secondary:active:not(:disabled){transform:translateY(0)scale(.985)}.yonko-reference-primary:focus-visible,.yonko-reference-secondary:focus-visible{outline-offset:3px;outline:2px solid #111111c7}.yonko-reference-prompt.is-waiting{opacity:0;filter:blur(8px);pointer-events:none;transform:translateY(.65rem)scale(.97)}.yonko-reference-prompt.is-fading{opacity:0;filter:blur(7px);pointer-events:none;transform:translateY(.55rem)scale(.985)}@keyframes yonko-reference-popover-in{0%{opacity:0;filter:blur(8px);transform:translateY(.7rem)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.yonko-generation-progress-fill{transition-duration:1ms}.yonko-generation-progress-glint{animation:none}.yonko-reference-prompt,.yonko-reference-primary,.yonko-reference-secondary{transition-duration:1ms;animation-duration:1ms}}.yonko-action-disc{color:#111;cursor:pointer;width:5.2rem;height:5.2rem;transition:transform var(--motion-press) ease, box-shadow var(--motion-press) ease;background:#fff;border:1px solid #11111114;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 22px 44px #11111114,inset 0 1px #ffffffe6}.yonko-action-disc:active:not(:disabled),.yonko-action-disc.is-pressed{transform:translateY(1px)scale(.985);box-shadow:0 12px 24px #11111114,inset 0 1px #ffffffe0}.yonko-action-disc:disabled{opacity:.45;cursor:default}.yonko-action-disc-stop{background:radial-gradient(circle at 35% 30%,#ff6848,#ff3b21 62%,#db2b13);box-shadow:0 24px 40px #ff573929,inset 0 1px #ffffff73}.yonko-action-disc-upload{background:radial-gradient(circle at 34% 28%,#ff714e,#f04b2b 62%,#cf351c);box-shadow:0 18px 30px #f04b2b33,inset 0 1px #ffffff80}.yonko-action-disc-record{background:radial-gradient(circle at 34% 28%,#ee4b50,#d61f29 62%,#ac111a);box-shadow:0 18px 30px #d61f292e,inset 0 1px #ffffff75}.yonko-action-disc-skip{background:radial-gradient(circle at 34% 28%,#b8b249,#999329 62%,#79751e);box-shadow:0 18px 30px #9993292e,inset 0 1px #ffffff70}.yonko-collage-frame{background:linear-gradient(#e4e6d9,#d5d8c7);box-shadow:inset 0 1px #ffffff8c,0 24px 52px #1111112e,0 3px 8px #11111114}.yonko-collage-item{box-shadow:none;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.yonko-collage-photo{background:#fcfaf4;border:1px solid #11111112;border-radius:.18rem;padding:.36rem;box-shadow:0 14px 32px #11111129,0 2px 6px #11111114}.yonko-collage-paper{background:#fbf7ef;border:1px solid #11111112;border-radius:.18rem;box-shadow:0 14px 30px #11111129,0 2px 6px #11111114}@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-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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-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}@keyframes pulse{50%{opacity:.5}}
