/*! tailwindcss v4.2.1 | 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)))){:root,:host{--shimmer-angle:20deg}*,: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-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-content:"";--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;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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-none{pointer-events:none}.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}.inset-0{inset:calc(var(--spacing) * 0)}.end{inset-inline-end:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.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-2{height:calc(var(--spacing) * 2)}.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-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-full{height:100%}.w-72{width:calc(var(--spacing) * 72)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-none{touch-action:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 3px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.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-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.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:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.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}.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)}.whitespace-nowrap{white-space:nowrap}.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.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);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)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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(0px + 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)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.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(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 0)}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-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(--ring)}.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(--ring)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[3px\]: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(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.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(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[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)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.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\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.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\]\: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\=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(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.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\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media (width>=40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:text-muted-foreground{color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:text-foreground:hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 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)}}@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}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#fff9ee;--foreground:#46382f;--card:#fffdf8;--card-foreground:#46382f;--popover:#fffdf8;--popover-foreground:#46382f;--primary:#dd785d;--primary-foreground:#fff;--secondary:#dcefe5;--secondary-foreground:#365d51;--muted:#f5eadb;--muted-foreground:#7f6b5c;--accent:#f8d7c2;--accent-foreground:#6d3f31;--destructive:#d84f4f;--border:#e9d6bd;--input:#eadbc9;--ring:#6ca998;--radius:1rem}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--foreground);font-family:var(--font-sans);background:#fff9ee;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 50% 0,#fff8e9,#f3e1c9);min-height:100dvh;overflow:hidden}.topbar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf6e0;border:1px solid #ffffffb3;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 28px);padding:10px 12px 10px 16px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #5b412729}.brand{color:#564338;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#e78968,#d56d55);border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 2px #fff6,0 5px 12px #b25e443d}.brand-mark svg{width:23px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.04em;font-size:1.05rem}.brand small{color:#9c806c;letter-spacing:.08em;margin-top:1px;font-size:.69rem}.top-actions{gap:8px;display:flex}.sound-button,.help-button,.back-button{color:#664d3e;background:#fffaf1;border:1px solid #e6d4bd;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #553c2517}.sound-button svg,.help-button svg,.back-button svg{width:18px}.scene{background:#e7d4b9;width:100%;min-height:100dvh;position:relative;overflow:hidden}.scene>img{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.street-scene:after,.office-scene:after{content:"";pointer-events:none;background:linear-gradient(#4633220d,#0000 30%,#2b1d1124);position:absolute;inset:0}.shop-sign{z-index:3;color:#7b4e35;text-align:center;letter-spacing:.16em;text-shadow:0 2px #fffc;width:min(28vw,430px);font-size:clamp(1rem,2.1vw,2.05rem);font-weight:900;position:absolute;top:15%;left:62%;transform:translate(-50%)rotate(-1deg)}.shop-sign span{color:#d97356}.door-target{z-index:4;background:0 0;border:0;border-radius:30% 30% 18% 18%;width:16%;height:38%;position:absolute;top:37%;left:57%}.door-target:focus-visible{outline-offset:4px;outline:6px solid #fffffff2}.door-target span{opacity:0;color:#fff;white-space:nowrap;background:#d8755a;border-radius:999px;padding:10px 14px;transition:all .25s;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 8px 20px #65392840}.door-target:hover span,.door-target:focus-visible span{opacity:1;transform:translate(-50%)translateY(0)}.hint-pill{z-index:5;color:#604434;background:#fffaeeeb;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:.92rem;font-weight:800;display:flex;position:absolute;top:95px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #452c1929}.hint-pill svg{color:#e19a3c;width:18px}.dialogue-card{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf4f0;border:2px solid #fffc;border-radius:25px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid;position:absolute;box-shadow:0 16px 45px #3d27163b}.street-dialogue{width:min(850px,100% - 32px);padding:15px 16px;bottom:28px;left:50%;transform:translate(-50%)}.speaker-avatar{background:#f2d6b8;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.55rem;display:grid;box-shadow:inset 0 2px #ffffffb3}.dialogue-card small{color:#bf6b50;letter-spacing:.04em;margin-bottom:3px;font-size:.78rem;font-weight:900;display:block}.dialogue-card p{color:#4e3b31;margin:0;font-size:clamp(.9rem,1.2vw,1.06rem);font-weight:700;line-height:1.55}.primary-game-button{box-shadow:0 8px 18px #be5c4247,inset 0 2px #ffffff4d;background:linear-gradient(145deg,#eb8b68,#cf684e)!important;border-radius:17px!important;min-height:48px!important;padding:0 22px!important;font-size:1rem!important}.office-title{z-index:5;color:#594334;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaefeb;border-radius:20px;padding:10px 25px 12px;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #422b1a24}.office-title small,.office-title strong{display:block}.office-title small{color:#cf7355;letter-spacing:.18em;font-size:.74rem;font-weight:900}.back-button{z-index:8;position:absolute;top:100px;left:20px}.hotspots{z-index:6;position:absolute;inset:0}.staff-hotspot{background:0 0;border:0;width:11%;height:42%;position:absolute;top:27%;transform:translate(-50%)}.hotspot-ring{aspect-ratio:1;width:clamp(48px,5.3vw,86px);box-shadow:0 0 0 5px var(--staff-color), 0 8px 24px #3220123d;background:#ffffff0f;border:4px solid #ffffffeb;border-radius:50%;position:absolute;top:26%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.hotspot-ring{box-shadow:0 0 0 5px color-mix(in srgb, var(--staff-color) 60%, transparent), 0 8px 24px #3220123d}}.hotspot-ring{opacity:0;transition:all .2s}.staff-label{color:#fff;background:var(--staff-color);border-radius:13px;min-width:92px;padding:8px 9px;position:absolute;bottom:-2%;left:50%;transform:translate(-50%,8px)}@supports (color:color-mix(in lab, red, red)){.staff-label{background:color-mix(in srgb, var(--staff-color) 88%, #543729)}}.staff-label{opacity:.88;transition:all .2s;box-shadow:0 8px 18px #3f27173d}.staff-label:before{content:"";background:inherit;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.staff-label strong,.staff-label small{white-space:nowrap;display:block;position:relative}.staff-label small{opacity:.84;margin-top:2px;font-size:.64rem}.staff-hotspot:hover .hotspot-ring,.staff-hotspot:focus-visible .hotspot-ring{opacity:1;animation:1.5s infinite pulse}.staff-hotspot:hover .staff-label,.staff-hotspot:focus-visible .staff-label{opacity:1;transform:translate(-50%)scale(1.06)}.staff-hotspot:focus-visible{outline:none}.service-dock{display:none}.office-dialogue{grid-template-columns:auto 1fr;width:min(570px,100% - 32px);padding:12px 18px;bottom:22px;left:50%;transform:translate(-50%)}.maker-dialog{max-height:92dvh;overflow-y:auto;background:#fffaf1!important;border:2px solid #ffffffe6!important;border-radius:28px!important;gap:18px!important;width:min(1060px,100% - 28px)!important;max-width:1060px!important;padding:22px!important;box-shadow:0 30px 100px #39241659!important}.maker-dialog [data-slot=dialog-header],.support-dialog [data-slot=dialog-header]{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:13px;display:grid}.dialog-staff,.support-face{color:#fff;border-radius:18px;place-items:center;width:52px;height:52px;font-size:1.2rem;font-weight:900;display:grid;box-shadow:inset 0 2px #fff6}.maker-dialog [data-slot=dialog-title]{color:#4d3a2e;font-size:1.35rem}.maker-dialog [data-slot=dialog-description]{color:#806756;margin-top:5px;font-size:.92rem;line-height:1.5}.maker-grid{grid-template-columns:1.08fr .92fr;gap:18px;display:grid}.form-panel,.preview-panel{background:#fffefb;border:1px solid #ead9c4;border-radius:22px}.form-panel{padding:18px}.preview-panel{background:linear-gradient(160deg,#e8f4ed,#fff6e8);flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex}.step-title{color:#5b4739;align-items:center;gap:8px;margin:4px 0 12px;font-weight:900;display:flex}.step-title:not(:first-child){margin-top:18px}.step-title span{color:#fff;background:#df785c;border-radius:9px;place-items:center;width:27px;height:27px;font-size:.82rem;display:grid}.upload-zone{color:#856d5a;background:#fffaf1;border:2px dashed #dfc7aa;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:104px;transition:all .2s;display:flex;overflow:hidden}.upload-zone:hover{background:#fff5e7;border-color:#df785c}.upload-zone input{opacity:0;width:1px;height:1px;position:absolute}.upload-zone svg{color:#d8795b}.upload-zone small{color:#a88c76;font-size:.72rem}.upload-zone img{object-fit:cover;width:100%;height:142px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-grid label{color:#6b5445;gap:5px;font-size:.78rem;font-weight:800;display:grid}.field-grid input,.field-grid select{color:#4c3a2f;height:42px;box-shadow:none;background:#fff;border:1px solid #e6d3ba;border-radius:12px;padding:0 11px;font-size:.88rem}.field-grid select{width:100%}.choice-group{margin-top:16px}.choice-group>span{color:#6b5445;margin-bottom:7px;font-size:.78rem;font-weight:900;display:block}.choice-group>div{flex-wrap:wrap;gap:7px;display:flex}.choice-group button{color:#735c4b;background:#fff;border:1px solid #e1cfb8;border-radius:11px;min-height:36px;padding:0 11px;font-size:.8rem;font-weight:800}.choice-group button.active{color:#fff;background:#df785c;border-color:#d97255;box-shadow:0 5px 13px #b7593f33}.preview-caption{color:#587668;align-self:flex-start;align-items:center;gap:7px;margin-bottom:16px;font-size:.83rem;font-weight:900;display:flex}.preview-caption svg{width:17px}.pet-card{--card-color:#e5a26a;aspect-ratio:1.5926;color:#3d3b35;background:linear-gradient(145deg,var(--card-color),#fff8de);border:5px solid #ffffffe6;border-radius:19px;grid-template-rows:auto 1fr;grid-template-columns:37% 1fr;width:min(100%,390px);padding:18px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.pet-card{background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 25%,#fff),#fff8de)}}.pet-card{transition:all .3s;box-shadow:0 18px 35px #44311f38,inset 0 0 0 1px #61462c1f}.pet-card.portrait{aspect-ratio:.628;grid-template-rows:auto 42% 1fr;grid-template-columns:1fr;width:225px}.card-sheen{pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff7a 42%,#0000 58%);animation:4s 1s infinite sheen;position:absolute;inset:0;transform:translate(-100%)}.card-heading{border-bottom:2px solid var(--card-color);grid-column:1/-1;align-items:center;gap:7px;margin-bottom:12px;padding-bottom:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.card-heading{border-bottom:2px solid color-mix(in srgb,var(--card-color) 60%,#fff)}}.card-heading{color:var(--card-color)}@supports (color:color-mix(in lab, red, red)){.card-heading{color:color-mix(in srgb,var(--card-color) 75%,#553627)}}.card-heading{letter-spacing:.06em;font-weight:950}.card-heading svg{width:20px}.photo-box{color:#bfae9d;background:#ede8df;border:4px solid #fff;border-radius:13px;place-items:center;margin-right:13px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #3c28141f}.photo-box img{object-fit:cover;width:100%;height:100%}.pet-card.portrait .photo-box{margin:0 0 10px}.card-data{flex-direction:column;justify-content:center;gap:6px;min-width:0;display:flex}.card-data strong{color:#47382d;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.15rem,2.4vw,1.7rem);overflow:hidden}.card-data span{color:#6d5b4f;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #5641302e;padding-bottom:4px;font-size:.72rem;overflow:hidden}.barcode{color:#272727;letter-spacing:-2px;font-family:ui-monospace,monospace;font-size:1.16rem;font-weight:900;position:absolute;bottom:14px;right:17px}.barcode small{text-align:center;letter-spacing:.03em;margin-top:-5px;font-size:.56rem;display:block}.approved-stamp{z-index:4;color:#d85e52;text-align:center;background:#fff9;border:4px double #d85e52;border-radius:8px;padding:7px 11px;font-weight:950;line-height:1;animation:.55s cubic-bezier(.2,1.5,.4,1) both stamp;position:absolute;top:36%;right:12%;transform:rotate(-12deg)}.approved-stamp small{letter-spacing:.13em;margin-top:4px;font-size:.68rem;display:block}.preview-note{color:#8a7462;text-align:center;max-width:390px;margin:12px 0;font-size:.7rem;line-height:1.5}.approve-button,.shop-button{width:min(100%,390px);border-radius:14px!important;min-height:46px!important;font-weight:900!important}.approve-button{box-shadow:0 8px 18px #b3533b33;background:linear-gradient(145deg,#e48967,#d56b50)!important}.shop-button{margin-top:8px;color:#6d5544!important;background:#ffffffa6!important;border-color:#d8c4aa!important}.support-dialog{background:#fffaf1!important;border:2px solid #fff!important;border-radius:25px!important;max-width:460px!important;padding:24px!important}.support-face{background:#68af7f;font-size:.85rem}.line-button{background:#35b96e!important;border-radius:15px!important;min-height:49px!important;font-size:1rem!important;font-weight:900!important}.support-dialog>p{color:#9a816e;text-align:center;margin:-3px 6px 0;font-size:.72rem;line-height:1.45}@keyframes pulse{50%{opacity:.5}}@keyframes sheen{0%,50%{transform:translate(-120%)}72%,to{transform:translate(120%)}}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-7deg)}70%{opacity:1;transform:scale(.92)rotate(-13deg)}to{transform:scale(1)rotate(-12deg)}}@media (width<=850px){.topbar{width:calc(100% - 18px);top:10px}.help-button span{display:none}.scene{background:#f4e4cc;min-height:100dvh;padding-bottom:140px;overflow-y:auto}.scene>img{object-fit:cover;object-position:center;height:auto;min-height:54dvh;position:relative}.street-scene>img{min-height:72dvh}.shop-sign{width:34vw;font-size:clamp(.72rem,2.7vw,1.1rem);top:16%;left:65%}.door-target{width:25%;height:38%;top:27%;left:55%}.hint-pill{font-size:.78rem;top:84px}.street-dialogue{grid-template-columns:auto 1fr;position:fixed;bottom:15px}.street-dialogue .primary-game-button{grid-column:1/-1;width:100%}.office-title{top:80px}.back-button{min-height:38px;padding:0 10px;position:fixed;top:auto;bottom:112px;left:12px}.hotspots{display:none}.service-dock{z-index:9;background:#fffaf0f2;border:2px solid #fffc;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:8px;margin:-18px 10px 0;padding:12px;display:grid;position:relative;box-shadow:0 14px 35px #442d192e}.service-dock button{color:#644d3e;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;padding:4px;font-size:.72rem;font-weight:900;display:flex}.service-dock span{color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.office-dialogue{display:none}.maker-grid{grid-template-columns:1fr}}@media (width<=560px){.brand small{display:none}.brand strong{font-size:.92rem}.brand-mark{width:38px;height:38px}.sound-button span{display:none}.sound-button,.help-button{width:42px;padding:0}.field-grid{grid-template-columns:1fr}.maker-dialog{max-height:96dvh;border-radius:22px!important;width:calc(100% - 12px)!important;padding:15px!important}.maker-dialog [data-slot=dialog-header]{padding-right:24px}.service-dock{grid-template-columns:repeat(4,1fr)}.shop-sign{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.official-logo{object-fit:contain;width:100%;height:100%;display:block}.brand-mark,.speaker-avatar{background:#ffccc0;padding:7px}.card-heading .official-logo{width:27px;height:27px}.official-home{font-size:14px;text-decoration:none}.office-scene{aspect-ratio:16/9;border-radius:20px;width:min(100%,177.78dvh - 195.558px);height:auto;min-height:0;margin:88px auto 22px;overflow:visible}.office-scene>img{border-radius:20px}.office-title{padding:6px 18px;top:6px}.office-title small{font-size:14px}.office-title strong{font-size:18px}.office-scene .back-button{top:10px;left:12px}.staff-hotspot{width:18%;height:32%}.staff-label{min-width:100px;padding:5px 12px;bottom:0}.staff-label strong{font-size:14px}.staff-label small{font-size:12px}.hotspot-ring{top:40%}.office-dialogue{padding:7px 12px;bottom:5px}.office-dialogue .speaker-avatar{width:40px;height:40px}.side-tabs [data-slot=tabs-list]{width:100%;height:44px}.side-tabs [data-slot=tabs-trigger]{font-size:16px}.side-tabs [data-state=active]{background:#ffccc0}.card-back{grid-column:1/-1;align-items:center;gap:15px;min-height:0;display:flex}.card-back>img{object-fit:contain;width:38%;height:105px}.card-back p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.back-field{gap:8px;font-size:14px;display:grid}.brand small,.dialogue-card small,.field-grid label,.preview-note{font-size:14px}@media (width<=850px){.office-scene{aspect-ratio:auto;width:100%;margin-top:84px;padding-bottom:20px}.office-scene>img{height:auto;min-height:0;display:block}.office-title{width:fit-content;margin:8px auto;position:relative;top:auto;left:auto;transform:none}.office-scene .back-button{margin:8px 12px;position:relative;top:auto;bottom:auto;left:auto}.service-dock{margin:5px 10px}.topbar{gap:6px;padding:8px}.top-actions{gap:5px}.official-home{width:auto;padding:0 9px}.help-button{font-size:12px}.help-button:not(.official-home){width:auto;padding:0 7px}}.office-scene{aspect-ratio:auto;border-radius:0;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;overflow:hidden}.office-scene .office-title{z-index:8;margin:0;position:absolute;top:94px;left:50%;transform:translate(-50%)}.office-scene .back-button{position:absolute;top:100px;bottom:auto;left:20px}.office-dialogue{bottom:18px}.dog-card{aspect-ratio:489/307;filter:drop-shadow(0 12px 18px #4a352330);width:100%;max-width:489px;height:auto;display:block}.field-grid textarea{resize:vertical;background:#fff;border:1px solid #e6d3ba;border-radius:12px;width:100%;padding:8px;font-size:16px}@media (width<=850px){.office-scene{height:100dvh;min-height:100dvh}.office-scene .office-title{top:88px}.office-scene .back-button{margin:0;top:148px;left:12px}.office-scene .service-dock{margin:0 10px;position:absolute;bottom:16px;left:0;right:0}}.street-scene{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.street-art{width:max(100vw,177.778dvh);height:max(100dvh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.street-plate{width:100%;height:100%;position:absolute;inset:0}.swaying-sign{transform-origin:50% 7%;z-index:2;width:25%;height:auto;position:absolute;top:9.8%;left:42.1%}.motion-enabled .swaying-sign{animation:5.8s ease-in-out infinite sign-sway}.street-art .door-target{z-index:5;width:15%;height:42%;top:35%;left:51%}.player-path{aspect-ratio:3/4;transform-origin:50% 100%;z-index:4;pointer-events:none;width:22%;position:absolute;top:42%;left:23%}.player-sprite{background-repeat:no-repeat;background-size:400% 100%;width:100%;height:100%}.motion-enabled .player-sprite{animation:3s ease-in-out infinite player-idle}.is-entering .player-path{animation:1.85s ease-in-out forwards walk-to-door}.is-entering .player-sprite{animation:.55s step-end infinite walk-frames,.26s ease-in-out infinite walk-bob}.animated-hotspot{aspect-ratio:1;z-index:2;width:18%;height:auto;overflow:visible}.staff-actor{transform-origin:50% 96%;pointer-events:none;display:block;position:absolute;inset:0}.staff-sprite{filter:drop-shadow(0 3px 2px #4b302323);background-repeat:no-repeat;background-size:400% 400%;width:100%;height:100%;display:block}.motion-enabled .staff-actor{animation:gentle-breathe 3.7s ease-in-out var(--actor-delay) infinite}.motion-enabled .is-curious{animation:.35s ease-out forwards curious-lean}.motion-enabled .is-waving{animation:.72s ease-in-out wave-greeting}.animated-hotspot .staff-label{opacity:1;pointer-events:none;bottom:-4%;transform:translate(-50%)}.animated-hotspot:hover,.animated-hotspot:focus-visible,.animated-hotspot.is-active{z-index:20}.animated-hotspot:focus-visible .staff-label{outline-offset:4px;outline:3px solid #fff}.staff-bubble{color:#654738;text-align:left;pointer-events:none;z-index:25;background:#fffaf1;border:2px solid #edcfac;border-radius:18px;width:240px;max-width:30vw;padding:12px 15px;font-size:16px;line-height:1.5;animation:.23s ease-out bubble-pop;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #46321c33}.staff-bubble:after{content:"";background:#fffaf1;border-bottom:2px solid #edcfac;border-right:2px solid #edcfac;width:14px;height:14px;position:absolute;bottom:-8px;left:45%;transform:rotate(45deg)}.warm-light{pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.45;background:radial-gradient(at 8% 22%,#ffe39a35,#0000 42%),radial-gradient(at 90% 32%,#ffc76c30,#0000 37%);position:absolute;inset:0}.motion-enabled .warm-light{animation:6.3s ease-in-out infinite warm-glow}.motion-enabled .just-arrived{animation:.5s ease-out room-reveal}.office-dialogue{pointer-events:none}@keyframes sign-sway{0%,to{transform:rotate(-.7deg)}50%{transform:rotate(.8deg)}}@keyframes gentle-breathe{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-1.1%)rotate(.5deg)}}@keyframes curious-lean{0%{transform:rotate(0)}to{transform:translateY(-1.5%)rotate(1.8deg)}}@keyframes wave-greeting{0%,to{transform:rotate(0)}25%,65%{transform:rotate(-2deg)translateY(-1%)}45%,85%{transform:rotate(2deg)}}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes player-idle{50%{transform:translateY(-.6%)}}@keyframes walk-to-door{0%{opacity:1;top:42%;left:23%;transform:scale(1)}85%{opacity:1;top:22%;left:47%;transform:scale(.55)}to{opacity:0;top:21%;left:47.5%;transform:scale(.53)}}@keyframes walk-frames{0%,to{background-position:0 0;-webkit-mask-position:0 0;mask-position:0 0}25%{background-position:33.333% 0;-webkit-mask-position:33.333% 0;mask-position:33.333% 0}50%{background-position:66.667% 0;-webkit-mask-position:66.667% 0;mask-position:66.667% 0}75%{background-position:100% 0;-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes walk-bob{50%{transform:translateY(-1.1%)rotate(.6deg)}}@keyframes warm-glow{0%,to{opacity:.38}50%{opacity:.64}}@keyframes room-reveal{0%{opacity:0;filter:brightness(1.2)}to{opacity:1;filter:brightness()}}.motion-reduced .staff-actor,.motion-reduced .player-sprite,.motion-reduced .swaying-sign,.motion-reduced .warm-light{animation:none!important}@media (width<=850px){.office-art .hotspots{display:block}.animated-hotspot .staff-label{display:none}.staff-bubble{width:170px;max-width:40vw;font-size:14px}.office-scene .service-dock{z-index:30}.street-art{width:max(100vw,150dvh);height:max(84.375dvh,56.25vw);left:50%}.street-art .door-target{width:20%;left:49%}}.office-scene .office-title{display:none}.staff-sprite{-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;-webkit-mask-size:400% 400%;mask-size:400% 400%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.player-sprite{-webkit-mask-source-type:luminance;-webkit-mask-source-type:luminance;-webkit-mask-size:400% 100%;mask-size:400% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}.office-dialogue{z-index:41;bottom:max(18px,env(safe-area-inset-bottom));max-height:25dvh;display:grid;position:fixed;overflow:auto}.office-dialogue p{margin:3px 0;line-height:1.5}.is-entering .player-path{animation-duration:.98s}.game-loading{color:#674939;background:radial-gradient(circle at 50% 30%,#fffaf0,#f5e6d3);place-items:center;min-height:100dvh;padding:24px;display:grid}.loading-card{text-align:center;justify-items:center;gap:20px;width:min(410px,100%);display:grid}.loading-card>img{background:#ffccc0;border-radius:28px;padding:12px;box-shadow:0 10px 35px #ae7a4420}.loading-card h1{margin:0;font-size:28px;font-weight:900}.loading-card p{line-height:1.7}.loading-card [data-slot=progress]{background:#eadbc9;height:12px}.loading-card [data-slot=progress-indicator]{background:#a4b987}.loading-card small{font-variant-numeric:tabular-nums;color:#88705f}@media (width<=850px){.office-scene .back-button{min-height:32px;font-size:12px;top:83px;left:10px}.office-dialogue{gap:8px;max-height:105px;padding:8px 12px;bottom:182px}.office-dialogue .speaker-avatar{width:34px;height:34px}.office-dialogue p{font-size:13px}.office-scene .service-dock{bottom:8px}}@media (height<=560px) and (width>=851px){.office-dialogue{max-height:70px;padding:6px 12px;bottom:8px}.office-dialogue .speaker-avatar{width:30px;height:30px}.office-dialogue p{font-size:13px}.animated-hotspot .staff-label{padding:3px 7px}.animated-hotspot .staff-label small{display:none}}.office-scene{--office-nav-bottom:88px;height:100dvh;min-height:100dvh;overflow:hidden}.office-camera{scrollbar-width:none;overscroll-behavior-x:contain;background:#dba873;position:absolute;inset:0;overflow:auto hidden}.office-camera::-webkit-scrollbar{display:none}.office-world{width:var(--office-world-width,100%);min-height:100%;position:relative;overflow:hidden}.office-camera .office-art{left:0;top:var(--office-camera-y,0px);width:1672px;height:2010px;transform:scale(var(--office-scale,1));transform-origin:0 0;position:absolute}.office-camera .office-art>img{object-fit:contain;border-radius:0;width:1672px;max-width:none;height:2010px;position:absolute;inset:0}.office-camera .animated-hotspot{transform:translate(-50%,calc(-1 * var(--contact-y)));aspect-ratio:1;padding:0}.office-camera .staff-actor{transform-origin:50% var(--contact-y)}.office-camera .staff-label{font-size:16px}.office-scene .back-button{top:calc(var(--office-nav-bottom) + 8px)}.office-scene .office-dialogue{position:absolute}.office-scene .service-dock{bottom:max(8px,env(safe-area-inset-bottom))}.motion-enabled .office-camera .staff-actor{animation-name:office-breathe}.motion-enabled .office-camera .is-curious{animation-name:office-lean}.motion-enabled .office-camera .is-waving{animation-name:office-wave}@keyframes office-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.012)}}@keyframes office-lean{0%{transform:rotate(0)}to{transform:rotate(1.8deg)}}@keyframes office-wave{0%,to{transform:rotate(0)}25%,65%{transform:rotate(-2deg)}45%,85%{transform:rotate(2deg)}}.top-actions .official-home{font-size:inherit}.office-mode .top-actions>a,.office-mode .top-actions>button{border-radius:15px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:16px;font-weight:700;line-height:1.25}.office-mode .top-actions svg{flex-shrink:0;width:18px;height:18px}@media (width<=850px){.office-mode .top-actions>a,.office-mode .top-actions>button{gap:4px;width:auto;min-height:40px;padding:0 6px;font-size:13px}.office-mode .top-actions svg{width:16px;height:16px}.office-mode .top-actions{flex-shrink:0}.office-mode .brand{gap:6px}.office-mode .brand strong{white-space:nowrap;font-size:13px}}.generator-welcome{z-index:9;color:#654a35;background:#fffbf2f2;border:2px solid #f0d9b5;border-radius:26px;width:min(370px,100% - 32px);padding:24px;position:absolute;top:126px;left:max(24px,50% - 590px);box-shadow:0 12px 32px #65432826}.generator-welcome h1{margin:8px 0;font-size:28px;font-weight:900;line-height:1.3}.generator-welcome p{margin:12px 0;font-size:15px;line-height:1.7}.generator-welcome small{color:#947253;font-size:13px}.generator-welcome .generator-small{margin-bottom:0;font-size:13px}.generator-start{text-align:center;color:#fff;background:#c56a4a;border-radius:16px;padding:13px 10px;font-weight:800;text-decoration:none;display:block}body:has(.office-mode) .generator-welcome{display:none}.game-loading{z-index:60;position:relative}.id-maker-dialog{max-height:94dvh;overflow:auto;width:min(1120px,100% - 24px)!important;max-width:1120px!important;padding:24px!important;display:block!important}.id-af{background:#ffccc0;border-radius:16px;width:48px;height:48px;padding:7px}.id-af img{width:100%;height:100%}.id-generator [data-slot=tabs-list]{width:100%;height:44px;margin:18px 0}.id-generator [data-slot=tabs-trigger]{flex:1;font-size:15px}.id-workbench{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:24px;display:grid}.id-editor,.id-preview{min-width:0}.id-editor{background:#fffcf6;border:1px solid #e6d7bf;border-radius:22px;padding:18px}.id-preview{background:linear-gradient(140deg,#eaf1e5,#fff3dc);border-radius:22px;flex-direction:column;align-self:start;gap:10px;padding:20px;display:flex;position:sticky;top:0}.id-fields{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.id-fields label{color:#634a37;gap:6px;font-size:14px;display:grid}.id-fields label:first-child{grid-column:1/-1}.id-fields label:has(textarea){grid-column:1/-1}.id-fields input,.id-fields textarea{color:#4c4948;background:#fff;font-size:16px}.id-fields textarea,.id-order textarea{resize:vertical;border:1px solid #d9c6a9;border-radius:12px;width:100%;padding:8px}.id-fields label>span{color:#af5538;display:contents}.id-upload{cursor:pointer;background:#f5e7d2;border:1px dashed #bf9b72;border-radius:16px;align-items:center;gap:12px;padding:14px;font-weight:700;display:flex;position:relative}.id-upload small{margin-top:3px;font-size:12px;font-weight:400;display:block}.id-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.id-crop{touch-action:none;cursor:grab;background:#f8f2e6;border-radius:9px;width:152px;max-width:100%;height:191px;margin:14px auto;display:block;overflow:hidden;box-shadow:0 3px 12px #49372322}.id-crop:active{cursor:grabbing}.id-zoom{gap:12px;margin:15px 0 20px;font-size:14px;display:grid}.id-nudge{justify-content:center;gap:4px;display:flex}.id-nudge button{min-height:40px;padding:0 10px}.id-help{color:#78634f;margin:4px 0;font-size:13px;line-height:1.6}.id-error{color:#aa3d2c;min-height:22px;margin:0;font-size:14px;line-height:1.6}.id-complete{text-align:center;color:#53704e;min-height:42px;margin:0;font-size:14px}.id-preview-card{padding:5px 0 12px}.id-card-stage{isolation:isolate;width:100%;position:relative}.id-card-stage .dog-card{width:100%;max-width:none;height:auto}.id-approval{color:#985437;text-align:center;pointer-events:none;background:#fff9ebee;border:3px double #ad6344;border-radius:12px;padding:8px 13px;font-size:12px;position:absolute;top:36%;right:12%;transform:rotate(-12deg);box-shadow:0 3px 8px #76523630}.id-approval strong,.id-approval span{display:block}.id-approval strong{font-size:23px}.id-approval span{font-size:10px}.processing .dog-card{animation:1.25s both id-card-hop}.processing .id-approval{animation:1.25s both id-stamp}.done .id-approval{opacity:0;transition:opacity .2s}.id-order{border-top:1px solid #d8c7a8;gap:10px;margin-top:8px;padding-top:16px;display:grid}.id-order strong{font-size:19px}.id-order p{margin:0;font-size:14px;line-height:1.7}.id-order .id-help{font-size:12px}.id-order button,.id-order a,.id-preview>.approve-button{white-space:normal;width:100%;height:auto;min-height:44px;padding:10px 12px}.id-order [role=status]{color:#587448;font-size:13px}@keyframes id-card-hop{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)rotate(-1deg)}50%{transform:translateY(2px)rotate(1deg)}70%{transform:translateY(0)}}@keyframes id-stamp{0%,35%{opacity:0;transform:scale(1.5)rotate(-18deg)}55%{opacity:1;transform:scale(.95)rotate(-12deg)}70%,to{opacity:1;transform:scale(1)rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.processing .dog-card,.processing .id-approval{animation:none}}@media (width<=850px){.generator-welcome{width:min(350px,100% - 32px);padding:17px;top:100px;left:16px}.generator-welcome h1{font-size:25px}.id-workbench{grid-template-columns:1fr}.id-preview{padding:14px;position:static}.id-maker-dialog{padding:16px!important}.id-fields{gap:10px}.id-editor{padding:13px}.id-generator [data-slot=dialog-title]{font-size:21px}.id-preview .preview-caption,.id-order .shop-button{font-size:14px}}.primary-specialist .staff-label{color:#654a35;background:#fff4dc;border:2px solid #c77d43;box-shadow:0 3px 12px #a6683630}.id-crop{background:0 0}.id-downloads{grid-template-columns:1fr 1fr;gap:8px;display:grid}.id-downloads a{white-space:normal;height:auto;min-height:44px;padding:10px;font-size:14px}.id-downloads small{color:#78634f;grid-column:1/-1;font-size:12px}.id-export-source{clip-path:inset(100%);pointer-events:none;visibility:hidden;width:489px;height:307px;position:fixed;top:0;left:-10000px;overflow:hidden}@media (width<=850px){.office-scene .service-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:10px}.office-scene .service-dock button{min-height:62px;font-size:14px}.office-scene .office-dialogue{bottom:calc(98px + env(safe-area-inset-bottom))}.id-nudge button{min-width:44px;min-height:44px}}.street-guide{aspect-ratio:1;z-index:6;cursor:pointer;transform-origin:bottom;background:0 0;border:0;width:10%;position:absolute;top:65%;left:67%}.street-guide .guide-bubble{color:#654a35;white-space:nowrap;background:#fffaf0;border:2px solid #ead2ad;border-radius:18px;padding:9px 12px;font-size:14px;font-weight:700;line-height:1.4;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #65432820}.street-guide:focus-visible{outline-offset:5px;border-radius:18px;outline:3px solid #c56a4a}.street-guide:hover .guide-bubble{background:#ffe6ce}.intro-dialog{color:#654a35;width:min(440px,100% - 32px);background:#fffaf1!important;border-radius:26px!important;padding:28px!important}.intro-dialog [data-slot=dialog-header]{text-align:left;display:block}.intro-dialog small{color:#947253;margin-bottom:12px;display:block}.intro-dialog [data-slot=dialog-title]{margin-bottom:14px;font-size:27px}.intro-dialog [data-slot=dialog-description]{color:#654a35;font-size:16px;line-height:1.8}.intro-dialog .primary-game-button{white-space:normal;width:100%;height:auto;min-height:48px;margin-top:16px}@media (width<=850px){.street-guide{width:10%;top:65%;left:55%}.street-guide .guide-bubble{white-space:normal;width:152px;padding:7px 9px;font-size:14px;left:35%}.intro-dialog{padding:24px!important}.topbar .brand{gap:6px}.topbar .brand strong{white-space:nowrap;font-size:13px}.topbar .top-actions{flex-shrink:0}.topbar .top-actions>a,.topbar .top-actions>button{white-space:nowrap;gap:4px;min-height:40px;padding:0 6px;font-size:13px}.topbar .top-actions svg{flex-shrink:0;width:16px;height:16px}}.card-fixed-note{color:#634a37;background:#f5e7d2;border-radius:16px;padding:16px;font-size:16px;line-height:1.7}.card-fixed-note p{margin:8px 0 0}.id-nudge button{min-height:44px}.id-fields label{min-width:0}.id-fields input{width:100%;min-width:0}.id-card-stage{margin-inline:auto}.id-card-stage .dog-card{aspect-ratio:auto}.template-loading{aspect-ratio:489/307;color:#78634f;background:#fff9ed;border:1px solid #e6d7bf;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;font-size:16px;display:flex}.music-popover{z-index:110;color:#634a37;background:#fffcf5;border:1px solid #ddc9ae;border-radius:20px;width:260px;max-width:calc(100vw - 24px);padding:18px;box-shadow:0 8px 28px #58433025}.audio-setting{justify-content:space-between;align-items:center;gap:18px;min-height:44px;font-size:16px;display:flex}.volume-control{margin:14px 0;font-size:15px;display:block}.volume-control output{float:right;font-variant-numeric:tabular-nums}.volume-control input{accent-color:#da8464;cursor:pointer;width:100%;height:44px;margin:4px 0;display:block}.music-popover button[role=switch]{min-width:36px}@media (width<=850px){.office-scene .office-dialogue{top:var(--office-dialogue-center,62%);width:calc(100% - 32px);max-height:none;padding:10px 12px;bottom:auto;transform:translate(-50%,-50%)}.office-scene .office-dialogue p{overflow-wrap:anywhere;font-size:14px}}@media (width>=851px){.office-camera .animated-hotspot .staff-label{left:var(--label-x);transform:translate(var(--label-shift),-50%);pointer-events:auto;min-width:136px;padding:9px 12px;top:62%;bottom:auto}.office-camera .animated-hotspot .staff-label:before{display:none}.office-camera .animated-hotspot .staff-label strong{font-size:18px}.office-camera .animated-hotspot .staff-label small{font-size:14px;display:block}}@media (width<=850px){.street-art .door-target span,.street-art .door-target:hover span,.street-art .door-target:focus-visible span{opacity:1;justify-content:center;align-items:center;min-height:44px;font-size:14px;display:flex;bottom:55%;left:0;transform:translate(-35%)}}@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-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-content{syntax:"*";inherits:false;initial-value:""}@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))}}

.pet-card-notice{width:calc(100% - 36px);max-width:480px!important;max-height:calc(100dvh - 36px);overflow-y:auto;background:#fffaf0;border:1px solid #e4d5c2;border-radius:22px;padding:28px;color:#514337}.pet-card-notice [data-slot="dialog-header"]{display:flex;flex-direction:column;gap:16px;text-align:left}.pet-card-notice [data-slot="dialog-title"]{padding-right:20px;font-size:22px}.pet-card-notice .pet-card-notice-copy{font-size:16px;line-height:1.85;color:#685a4c;overflow-wrap:anywhere}.pet-card-notice-check{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px;background:#f4e9d9;border-radius:12px;cursor:pointer;font-size:16px;line-height:1.5}.pet-card-notice-check input{width:22px;height:22px;flex-shrink:0;accent-color:#bb734f}.pet-card-notice-start{width:100%;min-height:48px;white-space:normal}.pet-card-notice-start:disabled{opacity:.45;cursor:not-allowed}