/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:host,:root{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-snug:1.375;--leading-normal:1.5;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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-day-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-second-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{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-0{right:0}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing)*-2)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-auto{margin-top:auto}.mb-3{margin-bottom:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.field-sizing-content{field-sizing:content}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[1\.15rem\]{height:1.15rem}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-auto{height:auto}.h-full{height:100%}.min-h-16{min-height:calc(var(--spacing)*16)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-lg{max-width:var(--container-lg)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.list-disc{list-style-type:disc}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-y-auto{overflow-y:auto}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border,.border-input{border-color:var(--line)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--paper)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:var(--line)}.bg-card{background-color:var(--white)}.bg-destructive{background-color:var(--danger)}.bg-muted{background-color:var(--matcha-pale)}.bg-primary{background-color:var(--matcha)}.bg-qq{background-color:#12b7f5}.bg-secondary{background-color:var(--matcha-pale)}.bg-transparent{background-color:#0000}.bg-wechat{background-color:#20a839}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-0\.75{padding:calc(var(--spacing)*.75)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing)*2)}.py-6{padding-block:calc(var(--spacing)*6)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--ink)}.text-current{color:currentColor}.text-destructive{color:var(--danger)}.text-foreground{color:var(--ink)}.text-muted-foreground{color:var(--muted)}.text-primary{color:var(--matcha)}.text-primary-foreground{color:var(--white)}.text-secondary-foreground{color:var(--matcha-dark)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring-0,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-offset-background{--tw-ring-offset-color:var(--paper)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,.transition-\[color\,box-shadow\]{transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow}.transition-all{transition-property:all}.transition-all,.transition-colors{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-opacity{transition-property:opacity}.transition-opacity,.transition-shadow{transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow}.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))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing)*-2)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection{background-color:var(--matcha)}.selection\:bg-primary::selection{background-color:var(--matcha)}.selection\:text-primary-foreground ::selection{color:var(--white)}.selection\:text-primary-foreground::selection{color:var(--white)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--ink)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted)}.last\:mt-0:last-child{margin-top:0}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--matcha-soft)}.hover\:bg-destructive\/90:hover{background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--danger) 90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--matcha)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--matcha) 90%,transparent)}}.hover\:bg-qq\/90:hover{background-color:oklab(73.2911% -.09016 -.116753/.9)}.hover\:bg-secondary:hover,.hover\:bg-secondary\/80:hover{background-color:var(--matcha-pale)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--matcha-pale) 80%,transparent)}}.hover\:bg-wechat\/90:hover{background-color:oklab(64.0033% -.154308 .106753/.9)}.hover\:text-accent-foreground:hover{color:var(--matcha-dark)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + 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)}.focus\:ring-ring:focus{--tw-ring-color:var(--matcha)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--matcha)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--matcha)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--matcha) 50%, transparent)}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--matcha)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--matcha)}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:var(--matcha)}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,var(--matcha) 5%,transparent)}}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing)*3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing)*1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--danger)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 20%, transparent)}}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--danger)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing)*3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--paper)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--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)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--matcha)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--matcha)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--white)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--matcha-soft)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--matcha-pale)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--line)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing)*-1)}@media (width>=40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (width>=48rem){.md\:w-full{width:100%}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@container field-group (width>=28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-input:is(.dark *){border-color:var(--line)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--danger) 60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--line)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--line) 30%,transparent)}}.dark\:text-muted-foreground:is(.dark *){color:var(--muted)}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--matcha-soft)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--matcha-soft) 50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--line)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--line) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:var(--matcha)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,var(--matcha) 10%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--danger) 40%, transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--line)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--line)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--line) 30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--ink)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--white)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--ink)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--line)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--line) 80%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing)*4)}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing)*4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}:is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox]){margin-top:1px}@container field-group (width>=28rem){:is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox]){margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--matcha)}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--paper:#f7f5ec;--paper-deep:#eeeadd;--white:#fffef9;--ink:#20251e;--muted:#6f756a;--matcha:#657a54;--matcha-dark:#40513a;--matcha-soft:#dfe7d5;--matcha-pale:#edf1e7;--line:#d9d7ca;--danger:#9d4d45;--success:#47623d;--shadow:0 22px 70px #3f48341a;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:radial-gradient(#2d332a2e .6px,#0000 0);background-size:7px 7px;position:fixed;inset:0}a:not([data-slot=button]):not(.button):not(.text-link){color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}::selection{color:var(--white);background:var(--matcha)}.site-shell{flex-direction:column;min-height:100svh;display:flex}.site-header{z-index:30;border-bottom:1px solid var(--line);background:#f7f5ecf5;position:sticky;top:0}.header-inner{align-items:center;gap:2rem;width:100%;max-width:72rem;height:3.5rem;margin-inline:auto;padding-inline:1rem;display:flex}.brand{align-items:center;gap:.5rem;font-size:.875rem;font-weight:650;display:inline-flex}.brand-mark{background:var(--matcha);width:1.75rem;height:1.75rem;color:var(--white);border-radius:.375rem;place-items:center;font-size:.75rem;display:grid}.main-nav{color:var(--muted);align-items:center;gap:1.5rem;font-size:.875rem;display:none}.main-nav a.router-link-active,.main-nav a:hover{color:var(--ink)}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.desktop-session-action{display:none}.mobile-nav-sheet{width:min(20rem,85vw)}.mobile-nav{padding-inline:1rem;display:grid}.mobile-nav a{border-bottom:1px solid var(--line);padding-block:.75rem;font-size:.875rem}.mobile-nav-action{margin-top:auto;padding:1rem}.section-wrap{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem}.narrow-text,.narrow-wrap{max-width:42rem}.page-top{padding-top:2rem;padding-bottom:4rem}.page-heading{margin-bottom:2rem}.page-heading h1{margin:0;font-size:2rem;font-weight:650}.page-heading p{margin:.5rem 0 0}.muted{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.button-full{width:100%}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.45rem;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--matcha);color:var(--white);box-shadow:0 10px 28px #53684333}.button-primary:hover{background:var(--matcha-dark)}.button-secondary{border-color:var(--matcha);color:var(--matcha-dark);background:0 0}.button-secondary:hover{background:var(--matcha-pale)}.button-light{background:var(--white);color:var(--matcha-dark)}.text-link{color:var(--matcha-dark);cursor:pointer;background:0 0;border:0;gap:.5rem;padding:0;font-weight:750;display:inline-flex}.hero,.text-link{align-items:center}.hero{grid-template-columns:1.04fr .96fr;gap:7vw;min-height:calc(100vh - 3.5rem);padding-top:4rem;padding-bottom:6rem;display:grid}.hero h1{letter-spacing:-.065em;max-width:700px;margin:0;font-family:ui-serif,Songti SC,STSong,serif;font-size:clamp(3.25rem,6.8vw,6.8rem);font-weight:600;line-height:.98}.hero h1 em{color:var(--matcha);font-style:normal;position:relative}.hero h1 em:after{content:"";z-index:-1;background:#aabc9273;height:.22em;position:absolute;bottom:.05em;left:-.04em;right:-.06em;transform:rotate(-1.5deg)}.hero-lead{color:#5c6258;max-width:600px;margin:2rem 0 0;font-size:1.08rem;line-height:1.9}.hero-actions{gap:1rem;margin-top:2.2rem;display:flex}.micro-copy{color:#888c82;letter-spacing:.05em;margin:1.1rem 0 0;font-size:.78rem}.letter-stage{place-items:center;min-height:520px;display:grid;position:relative}.letter-stage:before{content:"";background:var(--matcha-soft);opacity:.75;border-radius:50%;width:420px;height:420px;position:absolute}.letter-card{width:min(410px,86%);min-height:310px;box-shadow:var(--shadow);background:#fffdf6;border:1px solid #ded8c5;border-radius:4px;position:absolute}.letter-back{box-shadow:none;background:#e7e2d2;transform:rotate(8deg)translate(26px,20px)}.letter-front{padding:3.1rem 3rem;font-family:ui-serif,Songti SC,serif;transform:rotate(-3.5deg)}.letter-front:after{content:"";pointer-events:none;border:1px solid #657a542e;position:absolute;inset:15px}.letter-date{color:var(--matcha);letter-spacing:.2em;margin:0 0 2.2rem;font:700 .68rem/1 ui-sans-serif,sans-serif}.letter-greeting{margin:0 0 1.2rem;font-size:1.2rem;font-weight:700}.letter-body{color:#555d51;max-width:16em;font-size:1.08rem;line-height:2}.letter-sign{text-align:right;color:var(--matcha-dark);margin-top:2.2rem}.stamp{z-index:2;border:7px double var(--matcha);width:76px;height:88px;color:var(--matcha);background:var(--paper);place-items:center;font:700 2rem/1 ui-serif,serif;display:grid;top:58px;right:11%;transform:rotate(7deg)}.leaf,.stamp{position:absolute}.leaf{background:var(--matcha);opacity:.7;border-radius:100% 0;width:80px;height:34px}.leaf-one{bottom:80px;left:2%;transform:rotate(18deg)}.leaf-two{bottom:120px;right:2%;transform:rotate(148deg)scale(.7)}.proof-strip{background:var(--matcha-dark);width:100%;color:var(--white);grid-template-columns:repeat(3,1fr);display:grid}.proof-strip div{border-right:1px solid #ffffff1f;justify-content:center;align-items:center;gap:1rem;min-height:130px;display:flex}.proof-strip strong{color:#bccba8;font:400 1.7rem/1 ui-serif,serif}.proof-strip span{letter-spacing:.08em;font-weight:650}.story-section{padding-top:8rem;padding-bottom:9rem}.section-heading{justify-content:space-between;align-items:end;margin-bottom:3rem;display:flex}.promise-card h2,.section-heading h2{letter-spacing:-.04em;margin:0;font-family:ui-serif,Songti SC,serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.15}.step-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.step-grid article{border:1px solid var(--line);background:#fffef9a6;border-radius:24px;flex-direction:column;min-height:310px;padding:2.2rem;display:flex}.step-grid article:nth-child(2){background:var(--matcha-pale);transform:translateY(28px)}.step-grid span{color:var(--matcha);font:500 2rem/1 ui-serif,serif}.step-grid h3{margin:auto 0 .9rem;font-size:1.25rem}.step-grid p{color:var(--muted);margin:0;line-height:1.8}.promise-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;padding-bottom:9rem;display:grid}.promise-card{background:var(--white);box-shadow:var(--shadow);border-radius:24px;padding:3.2rem}.promise-card p{color:var(--muted);line-height:1.9}.promise-section blockquote{color:var(--matcha-dark);margin:0;font:500 clamp(1.7rem,3vw,2.6rem)/1.7 ui-serif,Songti SC,serif}.final-cta{text-align:center;color:var(--white);background:var(--matcha);padding:7rem 2rem}.final-cta h2{margin:0 0 2.2rem;font:500 clamp(2.5rem,5vw,4.8rem)/1.15 ui-serif,Songti SC,serif}.site-footer{border-top:1px solid var(--line);margin-top:auto}.footer-inner{width:100%;max-width:72rem;color:var(--muted);gap:.75rem;margin-inline:auto;padding:1.5rem 1rem;font-size:.8125rem;display:grid}.footer-brand{color:var(--ink);font-weight:650}.footer-inner p{margin:0}.author-links,.footer-inner nav{flex-wrap:wrap;gap:1rem;display:flex}.author-links a{color:var(--matcha-dark);font-weight:600}.auth-shell{place-items:center;min-height:calc(100svh - 3.5rem);padding:1.5rem;display:grid}.auth-card{width:100%;max-width:25rem}.auth-card [data-slot=card-title]{font-size:1.5rem}.auth-card [data-slot=card-content]{gap:1.25rem;display:grid}.auth-card [data-slot=card-footer]{justify-content:center}.auth-card [data-slot=field-separator-content]{background:var(--white)}.auth-dev-panel form,.auth-form-actions,.auth-provider-grid,.auth-sms-form{gap:.75rem;display:grid}.auth-phone-control{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);grid-template-columns:auto 1fr;align-items:center;display:grid;overflow:hidden}.auth-phone-control:focus-within{border-color:var(--matcha);box-shadow:0 0 0 3px #657a541f}.auth-phone-control>span{color:var(--muted);padding-left:.75rem;font-size:.875rem}.auth-phone-control [data-slot=input]{box-shadow:none;border:0}.auth-provider-grid svg{width:1.125rem;height:1.125rem}.auth-config-note,.form-footnote,.legal-copy{color:var(--muted);text-align:center;margin:0;font-size:.75rem}.auth-dev-panel{border-top:1px solid var(--line);padding-top:1rem}.auth-dev-panel summary{cursor:pointer;color:var(--muted);font-size:.8125rem}.auth-dev-panel form{margin-top:1rem}.compose-card,.form-card,.onboarding-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--white);width:100%;box-shadow:0 1px 2px #20251e0a}.form-card{padding:0}.recipient-card{max-width:28rem;margin-inline:auto}.recipient-card form{gap:1.25rem;display:grid}.onboarding-card{max-width:42rem;margin-inline:auto;padding:1.5rem}.onboarding-card h1{margin:0;font-size:1.5rem;font-weight:650}.onboarding-card>p{margin:.5rem 0 1.5rem}.stack-form{gap:1.25rem;display:grid}.slug-input{border:1px solid var(--line);border-radius:var(--radius);background:var(--matcha-pale);grid-template-columns:auto 1fr;align-items:center;display:grid;overflow:hidden}.slug-input:focus-within{border-color:var(--matcha);box-shadow:0 0 0 3px #657a541f}.slug-input span{color:var(--matcha-dark);padding-left:.75rem;font-size:.8125rem;font-weight:600}.slug-input [data-slot=input]{box-shadow:none;background:0 0;border:0}.compose-card{overflow:hidden}.recipient-heading{border-bottom:1px solid var(--line);background:var(--matcha-pale);align-items:center;gap:1rem;padding:1.5rem;display:flex}.recipient-heading h1{margin:0;font-size:1.25rem;font-weight:650}.recipient-heading p{color:var(--muted);margin:.25rem 0 0}.recipient-avatar{background:var(--matcha);height:2.5rem;color:var(--white);border-radius:.5rem;flex:0 0 2.5rem;place-items:center;font-size:.875rem;display:grid}.announcement{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--muted);margin:1rem 1.5rem 0;padding:.875rem 1rem;font-size:.875rem}.announcement p{margin:.25rem 0 0}.letter-form{padding:1.5rem}.honeypot{position:absolute;left:-9999px}.reply-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--matcha-pale);margin-top:1.25rem;padding:.875rem}.reply-option small,.reply-option span,.reply-option strong{display:block}.reply-option small{color:var(--muted);margin-top:.25rem;font-weight:400}.login-nudge{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);justify-content:space-between;gap:1rem;margin-top:1.25rem;padding:.875rem;font-size:.875rem;display:flex}.login-nudge a{color:var(--matcha-dark);font-weight:600}.letter-form>[data-slot=button]{margin-top:1.25rem}.form-footnote{margin-top:.75rem}.sent-state{text-align:center;padding:3rem 1.5rem}.sent-mark{width:2.5rem;height:2.5rem;color:var(--white);background:var(--matcha);border-radius:999px;place-items:center;margin-inline:auto;display:grid}.sent-state h2{margin:1rem 0 .5rem;font-size:1.5rem}.sent-state p{color:var(--muted);margin:0}.notice{border-radius:var(--radius);border:1px solid #0000;margin:0;padding:.75rem .875rem;font-size:.8125rem}.notice-error{color:#7e342f;background:#f9ece9;border-color:#e9c9c3}.notice-success{color:var(--success);background:var(--matcha-pale);border-color:#ced9c3}.empty-state{text-align:center;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--white);padding:3rem 1.5rem}.empty-state h1,.empty-state h2{margin:1rem 0 .5rem;font-size:1.5rem;font-weight:650}.empty-state p{color:var(--muted);margin:0 0 1rem}.empty-face{color:var(--matcha);font-size:2rem}.dashboard{padding-top:2rem;padding-bottom:4rem}.dashboard-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.dashboard-head h1{margin:0;font-size:2rem;font-weight:650}.dashboard-head p{color:var(--muted);margin:.5rem 0 0}.dashboard-actions{gap:.5rem;display:flex}.dashboard>.notice{margin-bottom:1rem}.dashboard-grid{align-items:start;gap:1rem;display:grid}.inbox-panel,.settings-panel{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--white);overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:3.5rem;padding-inline:1rem;display:flex}.panel-heading h2{margin:0;font-size:.9375rem;font-weight:650}.panel-heading span{background:var(--matcha-pale);min-width:1.5rem;height:1.5rem;color:var(--matcha-dark);border-radius:999px;place-items:center;font-size:.75rem;display:grid}.letter-list{display:grid}.inbox-letter{border-bottom:1px solid var(--line);padding:1rem}.inbox-letter:last-child{border-bottom:0}.letter-meta{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.letter-meta time{color:var(--muted);font-size:.75rem}.inbox-letter>p{white-space:pre-line;color:#4c5349}.anonymous-note{color:var(--muted);font-size:.75rem}.existing-reply,.received-reply{border-radius:var(--radius);background:var(--matcha-pale);margin-top:1rem;padding:.875rem}.existing-reply span,.received-reply span{color:var(--matcha-dark);font-size:.75rem;font-weight:650}.existing-reply p,.received-reply p{margin:.5rem 0 0}.panel-empty{text-align:center;color:var(--muted);padding:3rem 1rem}.panel-empty span{color:var(--matcha);font-size:1.75rem}.settings-panel .stack-form{padding:1rem}.switch-row{padding-block:.5rem}.switch-row small,.switch-row span,.switch-row strong{display:block}.switch-row small{color:var(--muted);margin-top:.25rem;font-weight:400}.inbox-reply-dialog{max-height:90vh;overflow-y:auto}.inbox-reply-dialog blockquote{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:var(--paper);margin:.5rem 0;padding:.875rem}.reply-list{gap:.75rem;display:grid}.reply-card{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--white);padding:1rem}.sent-copy,.waiting-copy{color:var(--muted)}.waiting-copy{font-size:.8125rem}.compact-empty{margin-top:1rem}.help-page{padding-bottom:5rem}.help-layout{align-items:start;gap:2rem;display:grid}.help-index{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.help-index a{border-radius:calc(var(--radius) - 2px);color:var(--muted);padding:.625rem .75rem;font-size:.8125rem}.help-index a:hover{color:var(--ink);background:var(--matcha-pale)}.help-content{gap:2.5rem;display:grid}.help-content section{border-bottom:1px solid var(--line);padding-bottom:2.5rem;scroll-margin-top:5rem}.help-content section:last-child{border-bottom:0;padding-bottom:0}.help-content h2{margin:0 0 1.25rem;font-size:1.5rem;font-weight:650}.help-content h3{margin:1.5rem 0 .5rem;font-size:1rem;font-weight:650}.help-content li,.help-content p{color:#596056}.help-content ul{margin:0;padding-left:1.25rem}.help-content a{color:var(--matcha-dark);text-underline-offset:.2em;text-decoration:underline}@media (width>=640px){.footer-inner,.header-inner,.section-wrap{padding-inline:1.5rem}.page-top{padding-top:3rem;padding-bottom:5rem}.footer-inner{grid-template-columns:auto 1fr auto;align-items:center}.footer-inner p{text-align:center}.footer-inner nav{justify-content:flex-end}.author-links{grid-column:1/-1;justify-content:center}.auth-shell{padding:2.5rem}.onboarding-card{padding:2rem}}@media (width>=768px){.main-nav{display:flex}.desktop-session-action{display:inline-flex}.mobile-nav-trigger{display:none}.help-layout{grid-template-columns:12rem minmax(0,42rem);gap:4rem}.help-index{grid-template-columns:1fr;position:sticky;top:5rem}}@media (width>=1024px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 20rem}.settings-panel{position:sticky;top:5rem}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:6rem}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.letter-stage{min-height:500px}.promise-section{grid-template-columns:1fr;gap:3rem}}@media (width<=680px){.hero{gap:2rem;min-height:auto;padding-top:4.5rem;padding-bottom:4rem}.hero h1{font-size:clamp(3.2rem,17vw,5rem)}.hero-lead{font-size:.98rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.letter-stage{min-height:410px}.letter-stage:before{width:290px;height:290px}.letter-card{min-height:260px}.letter-front{padding:2.2rem 2rem}.letter-body{font-size:.95rem}.stamp{width:58px;height:66px;font-size:1.4rem;top:35px;right:2%}.proof-strip{grid-template-columns:1fr}.proof-strip div{border-bottom:1px solid #ffffff1f;border-right:0;justify-content:flex-start;min-height:82px;padding-left:2rem}.story-section{padding-top:5rem;padding-bottom:6rem}.step-grid{grid-template-columns:1fr}.step-grid article{min-height:230px}.step-grid article:nth-child(2){transform:none}.promise-section{padding-bottom:6rem}.promise-card{padding:2rem}.final-cta{padding-block:5rem}.dashboard-head{align-items:stretch}.dashboard-actions,.dashboard-head{flex-direction:column}.dashboard-actions [data-slot=button]{width:100%}.login-nudge{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}