@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@400;700&family=Zen+Kurenaido&display=swap";@layer components;@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-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-border-style:solid;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-600:oklch(57.7% .245 27.325);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-lg:.5rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-beige-light:#f5f1e8;--color-beige:#ede7dc;--color-brown-medium:#b5a08f;--color-pink:#e8b4b8;--color-brown-dark:#4a3f35;--color-brown-text:#6b5d52;--color-primary:#e8b4b8;--color-secondary:#f5f1e8;--color-accent:#c9b8a3;--font-heading:"Poppins",sans-serif;--font-body:"Merriweather",serif;--font-handwritten:"Caveat",cursive}}@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;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 utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-10{height:calc(var(--spacing)*10)}.h-20{height:calc(var(--spacing)*20)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-20{width:calc(var(--spacing)*20)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.border-primary{border-color:var(--color-primary)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary\/5{background-color:#e8b4b80d}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.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-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.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)}.text-gray-600{color:var(--color-gray-600)}.text-primary{color:var(--color-primary)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.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}@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\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary\/5:hover{background-color:#e8b4b80d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#e8b4b8e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:text-accent:hover{color:var(--color-accent)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px 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)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px 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)}}.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-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-white:focus{--tw-ring-color:var(--color-white)}.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-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-24{padding-block:calc(var(--spacing)*24)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-handwritten{font-family:var(--font-handwritten)}.glass{border-style:var(--tw-border-style);border-width:1px;border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.glass{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.glass{background-color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.glass{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.glass{--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);--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.glass-dark{border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.glass-dark{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.glass-dark{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.glass-dark{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.glass-dark{--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);--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}}body{background-color:var(--color-secondary);font-family:var(--font-body);color:var(--color-brown-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}@keyframes blob{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}.animate-blob{animation:7s infinite blob}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}:root{--bg: #F5F1E8;--bg-soft: #FDF7ED;--accent: #E8B4B8;--accent-soft: #FFE2CF;--brown: #4A3F35;--brown-medium: #6B5D52;--brown-light: #C9B8A3;--text: #333333;--line: #E1D5C4;--shadow-soft: 0 18px 40px rgba(74, 63, 53, .15);--radius-lg: 24px;--radius-sm: 999px;--font-handwriting: "Zen Kurenaido", sans-serif}.jp-handwriting{font-family:var(--font-handwriting);font-size:.9em;margin-left:12px;color:var(--accent);font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body.japanese-style{font-family:"Noto Serif TC",Noto Sans TC,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top,#FFFAF3 0%,var(--bg) 45%,#F1E4D3 100%);color:var(--text);line-height:1.8;padding:0 16px 64px}.site-shell{max-width:1120px;margin:0 auto}header.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0 10px;position:sticky;top:0;background:linear-gradient(to bottom,rgba(245,241,232,.96),rgba(245,241,232,.9),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logo{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--brown);letter-spacing:.18em;font-size:1rem}.logo-mark{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffe9b9,#f0b467 60%,#e08b53);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #e08b5380;position:relative;overflow:hidden}.logo-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%}nav ul{display:flex;gap:20px;list-style:none;font-size:.9rem}nav a{text-decoration:none;color:var(--brown);padding:6px 12px;border-radius:999px;position:relative;transition:background .2s ease,color .2s ease;font-family:Noto Sans TC,sans-serif}nav a:after{content:"";position:absolute;inset:auto 12px -4px;height:2px;border-radius:999px;background:var(--accent);opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}nav a:hover{background:#fffc}nav a:hover:after{opacity:1;transform:translateY(0)}.hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.2fr);gap:40px;padding:36px 0 40px;align-items:center}.hero-copy{position:relative}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-sm);background:#fffc;border:1px solid var(--line);font-size:.8rem;color:var(--brown);margin-bottom:18px;font-family:Noto Sans TC,sans-serif}.hero-tag-dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#FFE8B8,var(--accent));box-shadow:0 0 0 4px #e8b4b83b}h1.hero-title{font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.4;color:var(--brown);letter-spacing:.08em;margin-bottom:16px;font-weight:700}.hero-sub{font-size:1rem;color:var(--brown-medium);margin-bottom:22px;line-height:1.8}.hero-kicker{font-size:.85rem;color:var(--brown-light);margin-bottom:18px;font-family:Noto Sans TC,sans-serif}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:26px}.btn-primary{border:none;padding:12px 28px;border-radius:var(--radius-sm);background:radial-gradient(circle at 20% 0,#FFE5C4,var(--accent));color:#4a3f35;font-weight:600;font-size:.95rem;cursor:pointer;box-shadow:0 14px 26px #e8b4b866;letter-spacing:.1em;transition:transform .1s ease,box-shadow .1s ease;font-family:Noto Sans TC,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px #e8b4b880}.btn-ghost{border-radius:var(--radius-sm);border:1px solid var(--line);background:#ffffffb3;padding:11px 24px;font-size:.9rem;color:var(--brown-medium);cursor:pointer;transition:all .2s ease;font-family:Noto Sans TC,sans-serif}.btn-ghost:hover{background:#fffffff2;border-color:var(--accent)}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--brown-light);font-family:Noto Sans TC,sans-serif}.hero-meta span{display:inline-flex;align-items:center;gap:6px}.hero-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6}.hero-visual{position:relative;padding:18px 12px 12px}.hero-card{position:relative;text-align:center;padding:20px}.hero-card:before{content:"";position:absolute;inset:-60px;background-image:radial-gradient(circle at 30% 20%,rgba(255,244,212,.4) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(255,221,210,.3) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(232,180,184,.15) 0%,transparent 60%);opacity:.8;pointer-events:none;z-index:0}.hero-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-sm);background:#ffffffe6;border:1px solid rgba(255,255,255,.7);font-size:.75rem;color:var(--brown-light);margin-bottom:16px;position:relative;z-index:1;font-family:Noto Sans TC,sans-serif}.hero-pill-dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#FFE8B8,var(--accent));box-shadow:0 0 0 3px #e8b4b833}.hero-img-wrap{position:relative;margin-bottom:12px}.hero-img-glow{position:absolute;inset:15% 20% 10%;background:radial-gradient(ellipse at center,rgba(255,241,205,.6) 0%,rgba(255,220,180,.3) 30%,rgba(255,196,135,.1) 60%,transparent 100%);filter:blur(20px);opacity:.9;z-index:0}.hero-img{position:relative;max-width:280px;margin:0 auto;z-index:1}.hero-img:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60%;height:20px;background:radial-gradient(ellipse at center,rgba(74,63,53,.3) 0%,rgba(74,63,53,.15) 40%,transparent 70%);border-radius:50%;filter:blur(8px);z-index:-1;animation:shadow-wave 3s ease-in-out infinite}.hero-img img{width:100%;display:block;filter:drop-shadow(0 15px 30px rgba(74,63,53,.25));animation:gentle-wave 3s ease-in-out infinite}@keyframes gentle-wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-3deg)}20%,40%{transform:rotate(3deg)}50%{transform:rotate(0)}}@keyframes gentle-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes float-paw{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.scroll-paw.visible{opacity:.6!important;transform:rotate(var(--rotation)) scale(1)!important}@keyframes shadow-wave{0%,to{transform:translate(-50%) scale(1);opacity:.3}10%,30%{transform:translate(-48%) scale(.95);opacity:.25}20%,40%{transform:translate(-52%) scale(.95);opacity:.25}50%{transform:translate(-50%) scale(1);opacity:.3}}.hero-floating-card{position:absolute;right:-10px;bottom:20px;background:#fffffff5;border-radius:18px;padding:12px 16px;font-size:.75rem;color:var(--brown-medium);box-shadow:0 10px 26px #4a3f3547;display:flex;flex-direction:column;gap:4px;font-family:Noto Sans TC,sans-serif;z-index:2;max-width:180px}.hero-floating-card strong{font-size:.8rem;letter-spacing:.12em;color:var(--brown)}.stamp{position:absolute;left:-10px;bottom:30px;width:76px;height:76px;border-radius:50%;border:2px solid rgba(232,180,184,.7);background:#fff9eef2;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.65rem;letter-spacing:.2em;color:var(--brown-light);text-transform:uppercase;box-shadow:0 10px 24px #4a3f354d;font-family:Noto Sans TC,sans-serif;z-index:2}.stamp span:nth-child(2){font-weight:700;font-size:.8rem;margin-top:2px;color:var(--accent)}main{margin-top:20px}section{margin-bottom:96px}.section-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:48px}.section-title{font-size:1.75rem;color:var(--brown);letter-spacing:.1em;font-weight:700;font-family:"Noto Serif TC",serif;position:relative;display:inline-block}.section-title:after{content:"";display:block;width:40px;height:2px;background:var(--accent);margin:12px auto 0;opacity:.6}.section-sub{font-size:.95rem;color:var(--brown-medium);font-family:Noto Sans TC,sans-serif;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.6}.section-sub-jp{font-family:var(--font-handwriting);font-size:1.5rem;color:var(--accent);display:block;margin-bottom:4px;transform:rotate(-2deg)}.section-body{background:var(--bg-soft);border-radius:var(--radius-lg);padding:28px 24px 24px;border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 32px #4a3f3514}#about .section-body{border:none;box-shadow:none;background:transparent;padding-left:0;padding-right:0}.about-intro-new{max-width:600px;margin:0 auto 48px;text-align:center;font-size:.95rem;line-height:1.8;color:var(--brown-medium)}.training-hero{max-width:280px;margin:0 auto 40px;text-align:center;position:relative;z-index:1}.training-hero img{width:100%;display:block;filter:drop-shadow(0 10px 20px rgba(74,63,53,.15))}.training-stages{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 60px;max-width:900px;margin:0 auto 80px}.training-stages:last-child{margin-bottom:0}.stage-card{position:relative}.stage-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(232,180,184,.3)}.stage-period{display:inline-block;color:var(--accent);font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;font-family:Noto Sans TC,sans-serif}.stage-title{font-size:1.25rem;font-weight:700;color:var(--brown-dark);font-family:"Noto Serif TC",serif;margin:0}.stage-desc{font-size:.95rem;line-height:1.8;color:var(--brown-medium);margin-bottom:20px}.stage-skills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.stage-skills li{background:#fff9eecc;color:var(--brown);font-size:.85rem;padding:6px 14px;border-radius:20px;font-weight:500}.service-area-card{background:linear-gradient(135deg,#fff4d44d,#fff9ee80);border-radius:14px;padding:16px;margin-top:24px;display:flex;align-items:center;gap:14px}.service-area-icon{font-size:1.8rem;flex-shrink:0}.service-area-title{font-size:.75rem;color:var(--brown-light);letter-spacing:.1em;margin-bottom:4px;font-weight:600;font-family:Noto Sans TC,sans-serif}.service-area-text{font-size:1rem;color:var(--brown-dark);font-weight:700;margin-bottom:4px}.service-area-note{font-size:.8rem;color:var(--brown-medium)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.role-card{background:#fffc;border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(225,213,196,.3);transition:all .3s ease;position:relative;overflow:hidden}.role-card:hover{transform:translateY(-5px);background:#fffffff2;box-shadow:0 20px 40px #4a3f3514}.role-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.role-card:hover:after{transform:scaleX(1)}.role-label{font-size:.75rem;color:var(--accent);letter-spacing:.2em;font-family:Noto Sans TC,sans-serif;font-weight:700;text-transform:uppercase}.role-title{font-size:1.4rem;color:var(--brown-dark);font-weight:700;font-family:"Noto Serif TC",serif;margin-bottom:4px}.role-note{font-size:.9rem;color:var(--brown-medium);line-height:1.8;font-family:Noto Sans TC,sans-serif}.schedule-list{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.schedule-item{background:#ffffffe6;border-radius:20px;overflow:hidden;border:1px solid rgba(225,213,196,.5);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.schedule-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px #4a3f351f;background:#fff}.schedule-img-wrap{position:relative;width:100%;padding-top:65%;overflow:hidden}.schedule-img{position:absolute;top:0;left:50%;width:60%;height:100%;object-fit:contain;transform:translate(-50%);transition:transform .5s ease}.schedule-item:hover .schedule-img{transform:translate(-50%) scale(1.05)!important}.schedule-step-badge{position:absolute;top:12px;left:12px;background:#fffffff2;padding:4px 10px;border-radius:99px;font-size:.75rem;font-weight:700;color:var(--accent);letter-spacing:.05em;box-shadow:0 4px 10px #0000001a;font-family:Noto Sans TC,sans-serif;z-index:2}.schedule-content{padding:20px;display:flex;flex-direction:column;flex-grow:1}.schedule-task{font-size:1.1rem;font-weight:700;color:var(--brown);margin-bottom:10px;font-family:"Noto Serif TC",serif}.schedule-note{font-size:.9rem;color:var(--brown-medium);line-height:1.7;font-family:Noto Sans TC,sans-serif}@media(max-width:1024px){.schedule-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.schedule-list{grid-template-columns:1fr}}.contact-wrap{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2.1fr);gap:28px;align-items:start}form.contact-form{display:flex;flex-direction:column;gap:14px;font-size:.92rem}.field{display:flex;flex-direction:column;gap:6px}label{font-size:.82rem;color:var(--brown-light);font-family:Noto Sans TC,sans-serif}input[type=text],input[type=email],input[type=tel],input[type=date],select,textarea{border-radius:12px;border:1px solid var(--line);padding:10px 12px;font:inherit;background:#fffffff5;resize:vertical;min-height:44px;transition:border-color .2s ease;width:100%}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a3f35' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{min-height:120px}.contact-note{font-size:.82rem;color:var(--brown-light);font-family:Noto Sans TC,sans-serif}.contact-side{font-size:.88rem;color:var(--brown-medium);display:flex;flex-direction:column;gap:12px}.contact-side-card{background:#fffffff2;border-radius:18px;padding:16px 18px;border:1px dashed rgba(201,184,163,.9);line-height:1.8}.contact-side-card strong{color:var(--brown)}footer{margin-top:32px;padding:20px 0 8px;font-size:.8rem;color:var(--brown-light);display:flex;flex-direction:column;gap:8px;font-family:Noto Sans TC,sans-serif}footer .footer-line{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}@media(max-width:900px){.hero,.contact-wrap{grid-template-columns:minmax(0,1fr)}.hero{padding-top:20px}.hero-visual{order:-1}.hero-card{padding-inline:20px}.hero-floating-card{right:10px;bottom:10px}.stamp{left:10px;bottom:10px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-list{grid-template-columns:minmax(0,1fr)}.training-stages{grid-template-columns:1fr;gap:40px;margin-bottom:60px}.training-hero{margin-bottom:30px}}@media(max-width:640px){header.site-header{flex-direction:column;align-items:flex-start;gap:10px}nav ul{gap:12px;font-size:.82rem;flex-wrap:wrap}.gallery-grid{grid-template-columns:minmax(0,1fr)}.section-body{padding:20px 16px}h1.hero-title{font-size:1.8rem}.hero-img{max-width:200px}.hero-floating-card{position:static;margin:16px auto 0;max-width:100%}.stamp{position:static;margin:16px auto 0}.training-hero{max-width:200px}.stage-title{font-size:1.1rem}.stage-desc{font-size:.9rem}.timeline-desc{font-size:.85rem}}
