@import"https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Gowun+Dodum&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";@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-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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@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-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--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)}}@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}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.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}}.mt-1{margin-top:calc(var(--spacing)*1)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.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-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-600{border-color:var(--color-blue-600)}.border-current{border-color:currentColor}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.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-4{padding-block:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-80{opacity:.8}.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-xl{--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)}.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,)}.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-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-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:opacity-100:hover{opacity:1}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}:root{--color-primary:#7c8baa;--color-primary-hover:#6a7a9a;--color-primary-active:#5a6a8a;--color-primary-disabled:#7c8baa66;--color-primary-light:#e8eef8;--color-secondary:#aaa0b5;--color-secondary-hover:#988eac;--color-accent:#e8b86d;--color-accent-light:#fff5e1;--color-bg-light:#fff;--color-bg-soft:#f8fafc;--color-bg-primary:#f1f5f9;--color-surface:#fff;--color-text-primary:#4a3728;--color-text-secondary:#8b7355;--color-text-dark:#3b2a1f;--color-text-light:#a89279;--color-success:#8baa7c;--color-warning:#e8b86d;--color-error:#d4726a;--color-info:#7baec4;--color-border:#ead9c8;--color-border-light:#baa18733;--font-family:"Gowun Dodum","Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-serif:"Gowun Batang","Noto Serif KR",Georgia,serif;--font-size-h1:2rem;--font-size-h2:1.75rem;--font-size-h3:1.5rem;--font-size-lg:1.125rem;--font-size-button:1.125rem;--font-size-base:1rem;--font-size-body:1rem;--font-size-small:.875rem;--font-size-sm:.875rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--line-height-loose:1.8;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--container-mobile:100%;--container-tablet:752px;--container-desktop:1200px;--breakpoint-mobile:375px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 8px #7c8baa14;--shadow-md:0 4px 16px #7c8baa1a;--shadow-lg:0 8px 32px #7c8baa1f;--shadow-xl:0 16px 48px #7c8baa26;--shadow-cute:0 4px 20px #7c8baa33;--touch-target-min:48px;--touch-target-recommended:64px;--button-height-sm:44px;--button-height-md:52px;--button-height-lg:64px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--easing-ease-in:cubic-bezier(.4,0,1,1);--easing-ease-out:cubic-bezier(0,0,.2,1);--easing-ease-in-out:cubic-bezier(.4,0,.2,1);--easing-bounce:cubic-bezier(.34,1.56,.64,1);--focus-ring-width:2px;--focus-ring-offset:4px;--focus-ring-color:var(--color-accent);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}:focus-visible{outline:var(--focus-ring-width)solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}button:focus-visible{box-shadow:inset 0 0 0 2px var(--color-bg-light),0 0 0 4px var(--focus-ring-color)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-width:320px;min-height:100vh}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#7c8baa14 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}#root{z-index:1;position:relative}body:focus-within{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vintage-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.story-field{border-radius:var(--radius-xl);border:1.5px solid var(--color-border);width:100%;min-height:48px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-light);padding:0 12px}.story-field::placeholder{color:var(--color-text-light)}.story-cta-primary{border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:#fff8f0;box-shadow:var(--shadow-cute),inset 0 1px #fff3;transition:transform var(--duration-fast)var(--easing-ease-out);border:2px solid #fff3}.story-cta-primary:hover{transform:translateY(-2px)}.story-cta-secondary{border-radius:var(--radius-2xl);border:1.5px dashed var(--color-border);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast)var(--easing-ease-out),border-color var(--duration-fast)var(--easing-ease-out),background-color var(--duration-fast)var(--easing-ease-out)}.story-cta-secondary:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);transform:translateY(-2px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-soft)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.material-symbols-outlined{font-family:'"'"'Material Symbols Outlined'"'"','"'"'Apple Color Emoji'"'"','"'"'Segoe UI Emoji'"'"',sans-serif;font-variation-settings:'"'"'wght'"'"' 500,'"'"'GRAD'"'"' 0,'"'"'opsz'"'"' 24;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.story-icon-3d{--story-icon-size:40px;width:var(--story-icon-size);height:var(--story-icon-size);color:var(--color-text-primary);background:radial-gradient(circle at 25% 18%,#ffffffd1,transparent 40%),var(--color-surface);transition:transform var(--duration-fast)var(--easing-bounce),box-shadow var(--duration-fast)var(--easing-bounce),background var(--duration-fast)var(--easing-bounce);border:1.5px solid #ffffff73;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative;transform:translateY(0);box-shadow:0 10px 20px #7c8baa38,inset 0 1px #ffffffa6}.story-icon-3d:after{content:"";pointer-events:none;border:1px solid #5a6a8a1f;border-radius:999px;position:absolute;inset:2px}.story-icon-3d-sm{--story-icon-size:32px}.story-icon-3d-lg{--story-icon-size:54px}.story-icon-3d-primary{color:#5a6a8a;background:linear-gradient(145deg,#e8eef8,#d4e0f0)}.story-icon-3d-soft{background:linear-gradient(145deg,#f8fafc,#edf2f7)}.story-icon-3d-warm{background:linear-gradient(145deg,#fff5e1,#fdebd2);border-color:#e8b86d4d}.story-icon-3d .story-icon-emoji{filter:drop-shadow(0 2px 2px #0003);font-size:1.2rem;line-height:1;transform:translateZ(0)}.story-icon-3d-sm .story-icon-emoji{font-size:1rem}.story-icon-3d-lg .story-icon-emoji{font-size:1.65rem}.story-icon-3d .material-symbols-outlined{font-size:1.2rem;line-height:1;transform:translateZ(0)}.story-page-shell{min-height:100vh;padding:16px 0 max(24px,env(safe-area-inset-bottom))0;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#7c8baa26 0,#0000 50%),radial-gradient(at 100% 100%,#aaa0b51a 0,#0000 50%);background-size:100% 100%}.story-page-shell--home{justify-content:center;padding-top:20px;display:flex}.story-content-container--home{gap:14px;width:min(860px,100%);display:grid}.story-page-header{background:linear-gradient(180deg,var(--color-surface)0%,var(--color-bg-soft)100%);border-bottom:1.5px solid var(--color-border);height:60px;z-index:var(--z-sticky);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0}.story-page-header__left,.story-page-header__right{flex:0 0 42px;align-items:center;width:42px;display:flex}.story-page-header__right{justify-content:flex-end}.story-page-header__left{justify-content:flex-start}.story-page-title{text-align:center;font-family:var(--font-family-serif);color:var(--color-text-primary);letter-spacing:.04em;flex:1;font-size:1.3rem;font-weight:700}.story-page-back{all:unset;cursor:pointer;border-radius:var(--radius-lg);width:42px;height:42px}.story-page-back:hover{transform:translateY(-1px)}.story-hero-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);background:radial-gradient(circle at 0 0,#7c8baa1f,#0000 45%),linear-gradient(140deg,#fff,#f8fafc 45%,#e8eef8);border:1.5px solid #7c8baa40;padding:clamp(16px,4vw,24px)}.story-hero-head{align-items:center;gap:14px;display:flex}.story-hero-title{font-family:var(--font-family-serif);font-size:var(--font-size-h1);letter-spacing:.08em;color:var(--color-text-primary)}.story-hero-subtitle{color:var(--color-text-secondary);letter-spacing:.15em;margin-top:.2rem;font-size:.88rem}.story-hero-copy{color:var(--color-text-secondary);margin-top:.8rem}.story-hero-greeting{text-align:center;margin:2px 0 4px;padding:16px 14px}.story-hero-greet{color:var(--color-text-primary);font-weight:600}.story-action-grid{grid-template-columns:1fr;gap:10px;display:grid}.story-manual-shortcut{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:260;min-height:48px;color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--duration-fast)var(--easing-ease-out),box-shadow var(--duration-fast)var(--easing-ease-out),border-color var(--duration-fast)var(--easing-ease-out);background:#fffaf4eb;border:1.5px solid #d4845a38;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 16px 36px #7c8baa2e}.story-manual-shortcut:hover{border-color:#d4845a61;transform:translateY(-2px);box-shadow:0 20px 42px #7c8baa3d}.story-manual-shortcut__icon{background:linear-gradient(135deg,#f4e2d5,#f9f3ec);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.95rem;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.story-manual-shortcut__label{letter-spacing:-.01em;font-size:.92rem;font-weight:700}@media(max-width:640px){.story-manual-shortcut{top:auto;bottom:max(16px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));padding:10px 12px}.story-manual-shortcut__label{font-size:.86rem}}.story-cta-with-icon{justify-content:center;align-items:center;gap:10px;display:inline-flex!important}.story-cta-with-icon .story-icon-emoji{margin:0;font-size:1.2rem}.story-footer-note{text-align:center;color:var(--color-text-light);letter-spacing:.14em;font-family:var(--font-family-serif);margin-top:1.4rem}.ai-template-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;display:grid}.ai-admin-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:16px;display:grid}@media(max-width:860px){.ai-template-layout,.ai-admin-layout{grid-template-columns:1fr}}.camera-page-shell{background:#1b140f;position:fixed;inset:0}.camera-controls{z-index:5;flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:0}.camera-shell-footer{width:100%;max-width:520px;padding-bottom:max(8px,env(safe-area-inset-bottom));align-self:center}.camera-lens-btn{background:radial-gradient(circle,#fff8f0f5,#ead9c8d1);border:5px solid #fff8f0d9;border-radius:999px;justify-content:center;align-items:center;width:78px;height:78px;display:inline-flex;box-shadow:0 0 22px #fff8f05c}.story-card-memo{border-radius:var(--radius-2xl);border:1.5px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);padding:14px}.story-tag{border-radius:var(--radius-full);border:1px dashed var(--color-border);background:var(--color-bg-soft);color:var(--color-text-primary);padding:6px 10px;font-size:.82rem}.story-list-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;display:flex}.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-2xl);background:#ffffff73;border:1px solid #fff9;box-shadow:0 8px 32px #7c8baa26,inset 0 2px 2px #fffc}.mesh-background{z-index:0;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#7c8baa26 0,#0000 50%),radial-gradient(at 100% 100%,#aaa0b51a 0,#0000 50%);background-size:100% 100%;position:absolute;inset:0}@keyframes mesh-morph{0%{background-position:0 0}to{background-position:100% 100%}}.animate-float{animation:6s ease-in-out infinite glass-float}@keyframes glass-float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.5deg)}to{transform:translateY(0)rotate(0)}}.glass-input{-webkit-backdrop-filter:blur(12px);transition:all var(--duration-fast)var(--easing-ease-out);background:#ffffff8c;border:1.5px solid #fffc;box-shadow:inset 0 2px 4px #00000005}.glass-input:focus{border-color:var(--color-primary);background:#ffffffe6;outline:none;box-shadow:0 0 0 4px #7c8baa26,inset 0 2px 4px #00000005}.stt-mic-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);cursor:pointer;width:44px;height:44px;transition:all var(--duration-fast)var(--easing-ease-out);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.stt-mic-btn:hover:not(:disabled){background:var(--color-bg-soft);border-color:var(--color-accent)}.stt-mic-btn:disabled{opacity:.5;cursor:not-allowed}.stt-mic-btn--active{background:#e74c3c;border-color:#e74c3c;animation:1.2s ease-in-out infinite stt-pulse}@keyframes stt-pulse{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 8px #e74c3c00}}.stt-mic-btn--active .stt-waves{display:flex}.stt-waves{align-items:center;gap:2px;height:20px;display:none}.stt-waves span{background:#fff8f0;border-radius:2px;width:3px;animation:.8s ease-in-out infinite stt-wave;display:block}.stt-waves span:first-child{height:8px;animation-delay:0s}.stt-waves span:nth-child(2){height:14px;animation-delay:.15s}.stt-waves span:nth-child(3){height:10px;animation-delay:.3s}.stt-waves span:nth-child(4){height:16px;animation-delay:.45s}@keyframes stt-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.story-cta-primary:active,.story-cta-secondary:active,button.stt-mic-btn:active{transition:transform 80ms ease-out!important;transform:scale(.95)!important}.story-surface-card{transition:transform var(--duration-normal)var(--easing-bounce),box-shadow var(--duration-normal)var(--easing-ease-out)}.story-surface-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble-enter{animation:chat-bubble-in .3s var(--easing-bounce)both}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.story-content-container{animation:page-fade-in .35s var(--easing-ease-out)both}.story-tab-active{position:relative}.story-tab-active:after{content:"";background:var(--color-accent);height:3px;animation:tab-slide-in .25s var(--easing-bounce)both;border-radius:3px;position:absolute;bottom:-2px;left:20%;right:20%}@keyframes tab-slide-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-icon-3d:active{animation:icon-bounce .4s var(--easing-bounce)}@keyframes icon-bounce{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.story-shimmer{background:linear-gradient(90deg,var(--color-bg-soft)25%,#7c8baa14 50%,var(--color-bg-soft)75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.polaroid-card{transition:transform .4s var(--easing-bounce),box-shadow .3s var(--easing-ease-out);background:#fffdf8;border:none;border-radius:4px;padding:10px 10px 36px;position:relative;box-shadow:0 2px 8px #4a37281a,0 8px 24px #4a372814,inset 0 0 0 1px #4a37280f}.polaroid-card:after{content:"";pointer-events:none;background:linear-gradient(145deg,#fff6,#0000 40% 60%,#4a372805);border-radius:4px;position:absolute;inset:0}.polaroid-card:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 8px 20px #4a372824,0 16px 40px #4a372814,inset 0 0 0 1px #4a37280f}.polaroid-card:nth-child(2n):hover{transform:translateY(-4px)rotate(1deg)}.polaroid-card img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;display:block}.polaroid-card .polaroid-caption{text-align:center;font-family:var(--font-family-serif);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}@keyframes card-stagger-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.gallery-grid .polaroid-card:first-child{animation:card-stagger-in .4s 50ms var(--easing-bounce)both}.gallery-grid .polaroid-card:nth-child(2){animation:card-stagger-in .4s .1s var(--easing-bounce)both}.gallery-grid .polaroid-card:nth-child(3){animation:card-stagger-in .4s .15s var(--easing-bounce)both}.gallery-grid .polaroid-card:nth-child(4){animation:card-stagger-in .4s .2s var(--easing-bounce)both}.gallery-grid .polaroid-card:nth-child(5){animation:card-stagger-in .4s .25s var(--easing-bounce)both}.gallery-grid .polaroid-card:nth-child(6){animation:card-stagger-in .4s .3s var(--easing-bounce)both}.gallery-grid .polaroid-card:nth-child(n+7){animation:card-stagger-in .4s .35s var(--easing-bounce)both}.story-bg-warm{background:linear-gradient(160deg,#fff8f0,#fff3e4 40%,#fdebd2)!important}.story-bg-cool{background:linear-gradient(160deg,#f0f4ff,#e8eef8 40%,#e0e8f5)!important}.story-bg-creative{background:linear-gradient(160deg,#fff8f0,#f5effa,#eef0ff)!important}@media(prefers-reduced-motion:reduce){.chat-bubble-enter,.story-content-container,.gallery-grid .polaroid-card{animation:none!important}.story-surface-card:hover,.polaroid-card:hover{transform:none!important}}.story-page-shell{min-height:100vh;padding:18px 0 max(28px,env(safe-area-inset-bottom));background:linear-gradient(135deg,#ffffffd1,#eff4ffdb),linear-gradient(90deg,#6b7c930e 1px,#0000 1px) 0 0/36px 36px,linear-gradient(#6b7c930e 1px,#0000 1px) 0 0/36px 36px,#f6f8fb}.story-content-container{width:min(1160px,100%);margin:0 auto;padding:0 clamp(14px,3vw,28px) 28px}.story-surface-card,.story-hero-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #899ab838;border-radius:8px;box-shadow:0 18px 46px #4b59761a}.story-hero-card{padding:clamp(18px,4vw,30px);overflow:hidden}.story-page-header,.story-admin-header{background:#ffffffe6;border:1px solid #899ab82e;box-shadow:0 14px 36px #4b597617;border-radius:8px!important}.story-page-title{font-family:var(--font-family);letter-spacing:0;font-weight:900}.story-field{transition:border-color var(--duration-fast)var(--easing-ease-out),box-shadow var(--duration-fast)var(--easing-ease-out),background-color var(--duration-fast)var(--easing-ease-out);background:#fffffff2;border:1px solid #899ab861;border-radius:8px}.story-field:focus{background:#fff;border-color:#5f7cad;outline:none;box-shadow:0 0 0 4px #5f7cad24}.story-cta-primary,.story-cta-secondary{letter-spacing:0;border-radius:8px}.story-cta-primary{background:linear-gradient(135deg,#526f9f,#df8e62);border:1px solid #ffffff80;box-shadow:0 18px 34px #526f9f2e}.story-cta-secondary{background:#ffffffd1;border:1px solid #899ab847;box-shadow:0 8px 20px #4b597612}.story-tag{color:#466086;background:#eef4ff;border:1px solid #5f7cad2e;border-radius:999px;font-weight:800}.mesh-background{background:linear-gradient(135deg,#ffffffb8,#eef4ffe6),linear-gradient(90deg,#6b7c930f 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#6b7c930f 1px,#0000 1px) 0 0/34px 34px,#f6f8fb}.story-dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(230px,.58fr);align-items:stretch;gap:clamp(16px,3vw,28px);padding:clamp(18px,4vw,34px);display:grid}.story-dashboard-copy{align-content:center;gap:14px;display:grid}.story-eyebrow{color:#466086;background:#eef4ff;border:1px solid #5f7cad33;border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.story-dashboard-title{color:#263246;letter-spacing:0;font-size:clamp(2rem,5vw,3.6rem);font-weight:950;line-height:1.04}.story-dashboard-subtitle{color:#667085;max-width:620px;font-size:1.02rem;font-weight:650;line-height:1.7}.story-hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.story-hero-action{color:#fff;cursor:pointer;min-height:54px;font-family:var(--font-family);background:linear-gradient(135deg,#526f9f,#df8e62);border:0;border-radius:8px;padding:0 18px;font-size:1rem;font-weight:900;box-shadow:0 18px 34px #526f9f33}.story-hero-action--secondary{color:#344054;background:#ffffffe6;border:1px solid #899ab84d;box-shadow:0 10px 24px #4b597614}.story-hero-visual{background:linear-gradient(#ffffff57,#0000),linear-gradient(135deg,#e9f1ff,#ffe7d7);border:1px solid #ffffffb8;border-radius:8px;place-items:center;min-height:260px;display:grid;overflow:hidden}.story-hero-visual img{filter:drop-shadow(0 18px 28px #4b59762e);width:min(74%,230px);height:auto}.story-quick-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.story-action-card{color:#263246;cursor:pointer;text-align:left;min-height:132px;transition:transform var(--duration-normal)var(--easing-ease-out),border-color var(--duration-normal)var(--easing-ease-out),box-shadow var(--duration-normal)var(--easing-ease-out);background:#ffffffe0;border:1px solid #899ab838;border-radius:8px;align-content:space-between;padding:16px;display:grid;box-shadow:0 12px 28px #4b597614}.story-action-card:hover{border-color:#5f7cad61;transform:translateY(-3px);box-shadow:0 20px 38px #4b597621}.story-action-card__icon{color:#526f9f;background:#eef4ff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:900;display:inline-flex}.story-action-card__title{margin-top:14px;font-size:1.05rem;font-weight:900;display:block}.story-action-card__copy{color:#667085;margin-top:4px;font-size:.88rem;font-weight:650;line-height:1.45;display:block}.story-account-row{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.story-account-row p{color:#667085;font-weight:700}.story-quiet-button{color:#475467;cursor:pointer;min-height:42px;font-family:var(--font-family);background:#ffffffd6;border:1px solid #899ab84d;border-radius:8px;padding:0 14px;font-weight:800}.story-page-shell--home{background:linear-gradient(118deg,#ffffffeb,#edf4fff0 42%,#fff5e8eb),linear-gradient(90deg,#35496b12 1px,#0000 1px) 0 0/32px 32px,linear-gradient(#35496b12 1px,#0000 1px) 0 0/32px 32px,#f5f8fc}.story-content-container--home{gap:18px;width:min(1120px,100%)}.story-dashboard-hero{isolation:isolate;min-height:384px;transform-style:preserve-3d;background:linear-gradient(135deg,#fffffff7,#f8fbfff0 46%,#eaf2ffe6);border:1px solid #ffffffbd;grid-template-columns:minmax(0,1.04fr) minmax(280px,.82fr);padding:clamp(22px,4.5vw,42px);position:relative;box-shadow:0 34px 72px #4353732e,0 10px 22px #43537314,inset 0 1px #ffffffe6}.story-dashboard-hero:before{content:"";z-index:-1;filter:blur(18px);background:linear-gradient(135deg,#526f9f24,#0000 42%),linear-gradient(315deg,#df8e6229,#0000 44%);border-radius:8px;position:absolute;inset:12px;transform:translate3d(0,18px,-1px)}.story-dashboard-kicker-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.story-dashboard-chip{color:#526f9f;background:#ffffffc2;border:1px solid #899ab847;border-radius:999px;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:900;box-shadow:0 8px 18px #526f9f14,inset 0 1px #ffffffdb}.story-dashboard-title{color:#172338;text-shadow:0 2px #ffffffc7;max-width:680px}.story-dashboard-subtitle{color:#526174;max-width:600px}.story-hero-action{min-height:58px;transition:transform var(--duration-normal)var(--easing-bounce),box-shadow var(--duration-normal)var(--easing-ease-out);background:linear-gradient(145deg,#49699e,#6f83aa 46%,#e18759);padding:0 22px;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 18px 32px #526f9f47,0 6px #3446672e,inset 0 1px #ffffff59}.story-hero-action:after{content:"";pointer-events:none;background:linear-gradient(#ffffff42,#0000);border-radius:8px 8px 4px 4px;height:45%;position:absolute;inset:1px 1px auto}.story-hero-action:hover{transform:translateY(-3px);box-shadow:0 24px 42px #526f9f52,0 8px #34466729,inset 0 1px #ffffff6b}.story-hero-action:active{transform:translateY(2px);box-shadow:0 12px 22px #526f9f38,0 2px #34466729,inset 0 1px #ffffff52}.story-hero-action--secondary{background:linear-gradient(145deg,#fff,#f2f6ff);box-shadow:0 14px 28px #4b59761f,0 5px #899ab82e,inset 0 1px #ffffffe6}.story-hero-visual--3d{perspective:900px;min-height:310px;transform-style:preserve-3d;background:linear-gradient(150deg,#eef5ff,#fff 48%,#fff0e7);border-color:#ffffffd6;position:relative;box-shadow:0 24px 54px #4353732e,inset 0 1px #ffffffe6}.story-visual-stack{width:min(78%,290px);height:250px;transform-style:preserve-3d;position:relative;transform:rotateX(10deg)rotateY(-12deg)}.story-visual-card{color:#526174;border:1px solid #ffffffc7;border-radius:8px;place-items:center;font-weight:950;display:grid;position:absolute;inset:0;box-shadow:0 22px 38px #4353732e,inset 0 1px #ffffffeb}.story-visual-card--back{background:linear-gradient(145deg,#dfeaff,#f8fbff);transform:translate3d(26px,22px,-42px)rotate(3deg)}.story-visual-card--middle{background:linear-gradient(145deg,#eaf8f0,#fff8dc);transform:translate3d(12px,10px,-18px)rotate(-2deg)}.story-visual-card--front{text-align:center;background:linear-gradient(#ffffff6b,#0000 44%),linear-gradient(145deg,#fff,#f2f6ff 58%,#ffeade);align-content:center;justify-items:center;gap:9px;padding:22px;transform:translate3d(-8px,-8px,24px)}.story-visual-card--front img{filter:drop-shadow(0 18px 18px #4353732e);width:min(66%,150px)}.story-visual-card--front strong{color:#263246;font-size:1.06rem;font-weight:950}.story-visual-card--front span{color:#667085;font-size:.88rem;font-weight:800}.story-visual-toolbar{justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.story-visual-toolbar span{color:#526f9f;background:#ffffffc7;border:1px solid #899ab83d;border-radius:8px;justify-content:center;align-items:center;min-width:52px;min-height:32px;font-size:.82rem;font-weight:950;display:inline-flex;box-shadow:0 10px 18px #4b597614}.story-account-row{background:linear-gradient(145deg,#fffffff5,#f5f9ffe6);border-color:#ffffffc2;box-shadow:0 18px 36px #4b59761c,inset 0 1px #ffffffdb}.story-quick-panel{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.story-action-card{--card-a:#eef4ff;--card-b:#fff;--card-c:#526f9f;background:linear-gradient(180deg,#ffffff70,transparent 38%),linear-gradient(145deg,var(--card-a)0%,var(--card-b)74%);min-height:154px;transform-style:preserve-3d;border-color:#ffffffc2;padding:18px;position:relative;box-shadow:0 20px 38px #4b597621,0 6px #899ab821,inset 0 1px #ffffffe6}.story-action-card:after{content:"";pointer-events:none;border:1px solid #2632460a;border-radius:8px;position:absolute;inset:0}.story-action-card:hover{transform:translateY(-5px)rotateX(2deg);box-shadow:0 28px 50px #4b59762e,0 8px #899ab81f,inset 0 1px #fffffff5}.story-action-card:active{transform:translateY(1px)}.story-action-card--ai{--card-a:#e7efff;--card-b:#fff3e9;--card-c:#df8e62}.story-action-card--photo{--card-a:#e9f8f0;--card-b:#f7fbff;--card-c:#4f9b7a}.story-action-card--upload{--card-a:#fff5d8;--card-b:#fff;--card-c:#c7952d}.story-action-card--library{--card-a:#eff0ff;--card-b:#fff;--card-c:#6f63ad}.story-action-card--book{--card-a:#fff0e8;--card-b:#fff;--card-c:#c56f53}.story-action-card--calendar{--card-a:#e8f6ff;--card-b:#fff;--card-c:#4b87a9}.story-action-card--student{--card-a:#f2f6ff;--card-b:#fff;--card-c:#526f9f}.story-action-card--admin{--card-a:#f4f0ff;--card-b:#fff;--card-c:#8170b0}.story-action-card__icon{background:linear-gradient(180deg,#ffffff70,transparent 42%),linear-gradient(145deg,#fff 0%,var(--card-a)100%);width:52px;height:52px;color:var(--card-c);border:1px solid #ffffffc2;border-radius:8px;font-size:1.02rem;box-shadow:0 14px 24px #4b597624,inset 0 1px #ffffffeb}.story-action-card__title{color:#202b3d}.story-action-card__copy{color:#5f6f84}.story-login-shell{place-items:center;min-height:100vh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.story-login-panel{z-index:1;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);align-items:stretch;gap:16px;width:min(960px,100%);display:grid;position:relative}.story-login-brand,.story-login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #899ab838;border-radius:8px;box-shadow:0 22px 52px #4b59761f}.story-login-brand{align-content:space-between;gap:22px;min-height:520px;padding:clamp(22px,4vw,38px);display:grid}.story-login-brand h2{color:#263246;letter-spacing:0;margin-top:24px;font-size:clamp(2rem,4vw,3.2rem);font-weight:950;line-height:1.08}.story-login-brand p{color:#667085;margin-top:12px;font-size:1rem;font-weight:650;line-height:1.7}.story-login-mascot{filter:drop-shadow(0 18px 28px #4b597629);border-radius:8px;justify-self:start;width:min(220px,58%)}.story-login-card{align-content:center;padding:clamp(22px,4vw,32px);display:grid}.story-login-card h2{color:#263246;letter-spacing:0;font-size:1.6rem;font-weight:950}.story-login-card p{color:#667085;font-weight:650}.story-form-group{gap:8px;margin-bottom:16px;display:grid}.story-form-label{color:#344054;font-size:.92rem;font-weight:900}.story-alert{color:#a8452e;background:#fff3ee;border:1px solid #ffd0c4;border-radius:8px;padding:12px 14px;font-weight:800}.ai-page-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.ai-page-hero h2{color:#263246;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(1.35rem,3vw,2.05rem);font-weight:950;line-height:1.22}.ai-page-hero p{color:#667085;margin-top:10px;font-size:1rem;font-weight:650}.ai-step-list{flex-wrap:wrap;gap:8px;display:flex}.ai-step-list span{color:#466086;background:#eef4ff;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;font-size:.82rem;font-weight:900;display:inline-flex}.ai-category-strip{gap:8px;padding:2px 0 8px;display:flex;overflow-x:auto}.ai-category-chip{color:#475467;cursor:pointer;min-width:fit-content;min-height:42px;font-family:var(--font-family);background:#ffffffdb;border:1px solid #899ab84d;border-radius:999px;padding:0 14px;font-weight:900}.ai-category-chip--active{color:#fff;background:#526f9f;border-color:#526f9f3d}.ai-template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.ai-template-card{cursor:pointer;color:#263246;text-align:left;min-height:430px;transition:transform var(--duration-normal)var(--easing-ease-out),border-color var(--duration-normal)var(--easing-ease-out),box-shadow var(--duration-normal)var(--easing-ease-out);background:#ffffffeb;border:1px solid #899ab838;border-radius:8px;grid-template-rows:auto 1fr;padding:0;display:grid;overflow:hidden;box-shadow:0 14px 34px #4b597617}.ai-template-card:hover{border-color:#5f7cad6b;transform:translateY(-4px);box-shadow:0 22px 44px #4b597624}.ai-template-card__image{aspect-ratio:4/5;background-blend-mode:screen;place-items:center;padding:8px;display:grid;position:relative;overflow:hidden}.ai-template-card__image img{filter:drop-shadow(0 12px 22px #36415a24);border-radius:6px;width:100%;height:100%;object-fit:contain!important;object-position:center center!important}.ai-template-card__fallback{text-align:center;background:#ffffff9e;border:1px solid #ffffffa6;border-radius:8px;place-items:center;width:74%;min-height:72%;padding:16px;display:grid;box-shadow:0 16px 28px #4b59761a}.ai-template-card__fallback strong{font-size:1.12rem;font-weight:950;line-height:1.25;display:block}.ai-template-card__fallback span{color:#667085;margin-top:8px;font-size:.84rem;font-weight:800;display:block}.ai-template-card__body{gap:8px;padding:14px;display:grid}.ai-template-card__badges{flex-wrap:wrap;gap:6px;min-height:26px;display:flex}.ai-template-card__title{font-size:1.08rem;font-weight:950;line-height:1.25}.ai-template-card__description{color:#667085;font-size:.9rem;font-weight:650;line-height:1.5}.ai-workspace{grid-template-columns:minmax(0,.92fr) minmax(340px,1.08fr);align-items:start;gap:16px;display:grid}.ai-result-card{grid-template-columns:minmax(260px,.82fr) minmax(280px,1.18fr);align-items:center;gap:16px;padding:16px;display:grid}.ai-result-card__copy{gap:10px;display:grid}.ai-result-card__copy h2{color:#263246;margin:0;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:950;line-height:1.15}.ai-result-card__copy p{color:#667085;margin:0;font-weight:750;line-height:1.55}.ai-result-preview{background:#f8fbff;border:1px solid #899ab83d;border-radius:8px;place-items:center;min-height:280px;max-height:620px;display:grid;overflow:hidden}.ai-result-preview img{object-fit:contain;width:100%;height:100%;max-height:620px}.ai-result-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-selected-card,.ai-create-panel{gap:14px;padding:16px;display:grid}.ai-selected-preview{aspect-ratio:1;border-radius:8px;place-items:center;padding:10px;display:grid;overflow:hidden}.ai-selected-preview img{object-fit:contain;filter:drop-shadow(0 14px 26px #36415a29);border-radius:6px;width:100%;height:100%}.ai-upload-zone{cursor:pointer;background:#f8fbff;border:1.5px dashed #5f7cad61;border-radius:8px;place-items:center;min-height:250px;display:grid;overflow:hidden}.ai-upload-zone img{object-fit:contain;width:100%;max-height:320px}.ai-upload-empty{text-align:center;justify-items:center;gap:10px;padding:22px;display:grid}.ai-upload-icon{color:#526f9f;background:#eef4ff;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.35rem;font-weight:950;display:inline-flex}.ai-helper-text{color:#667085;font-size:.9rem;font-weight:650;line-height:1.5}.ai-aspect-selector{gap:10px;display:grid}.ai-aspect-selector>strong{color:#344054;font-weight:950}.ai-aspect-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ai-aspect-button{color:#475467;cursor:pointer;min-height:78px;font-family:var(--font-family);background:#ffffffe6;border:1px solid #899ab857;border-radius:8px;align-content:center;justify-items:center;gap:6px;padding:9px 8px;font-weight:950;display:grid}.ai-aspect-button--active{color:#526f9f;background:#eef4ff;border-color:#526f9f73;box-shadow:inset 0 0 0 1px #526f9f2e}.ai-aspect-button__shape{box-sizing:border-box;background:#526f9f14;border:2px solid;border-radius:4px;display:block}.ai-status{border-radius:8px;padding:12px 14px;font-weight:850}.ai-status--success{color:#327144;background:#f0fbf2;border:1px solid #cce7d2}.ai-status--info{color:#466086;background:#eef4ff;border:1px solid #d7e4ff}.ai-status--error{color:#a8452e;background:#fff3ee;border:1px solid #ffd0c4}.ai-submit-button{color:#fff;cursor:pointer;min-height:58px;font-family:var(--font-family);background:linear-gradient(135deg,#526f9f,#df8e62);border:0;border-radius:8px;font-size:1.05rem;font-weight:950;box-shadow:0 18px 34px #526f9f33}.ai-submit-button:disabled{cursor:not-allowed;opacity:.62}.ai-submit-button--compact{min-height:46px;padding:0 18px}.ai-admin-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:16px}.story-admin-header{min-height:66px;padding:10px 14px}@media(max-width:900px){.story-dashboard-hero,.story-login-panel,.ai-page-hero,.ai-result-card,.ai-workspace{grid-template-columns:1fr}.story-login-brand{min-height:auto}.story-quick-panel{grid-template-columns:1fr}.ai-aspect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.story-page-shell{padding-top:12px}.story-dashboard-hero{padding:18px}.story-hero-actions{grid-template-columns:1fr;display:grid}.story-hero-action{width:100%}.story-account-row{flex-direction:column;align-items:flex-start}.ai-template-grid{grid-template-columns:1fr}.story-page-header{min-height:58px}}.story-page-shell--storybook,.story-login-shell--storybook{background:linear-gradient(115deg,#fffaf0f0,#f5f9fff5 44%,#f9f4fff0),linear-gradient(90deg,#5670940e 1px,#0000 1px) 0 0/40px 40px,linear-gradient(#5670940e 1px,#0000 1px) 0 0/40px 40px,#f7f9fd}.story-login-glow{pointer-events:none;background:linear-gradient(120deg,#fff1d26b,#0000 46%),linear-gradient(300deg,#e2eaff80,#0000 48%),linear-gradient(#ffffff24,#0000);position:absolute;inset:0}.story-login-panel--storybook{grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:18px;width:min(1240px,100%)}.story-login-brand--storybook,.story-login-card--storybook,.story-dashboard-hero--storybook,.story-flow-card,.story-home-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffb8,#ffffff80),#ffffffb8;border:1px solid #ffffffc7;box-shadow:0 24px 58px #46567629,0 8px 20px #46567614,inset 0 1px #ffffffe0}.story-login-brand--storybook{background:linear-gradient(140deg,#ffffffeb,#fff5dbc7 42%,#e8efffb3);min-height:600px;position:relative;overflow:hidden}.story-login-brand--storybook:before{content:"";z-index:-1;background:linear-gradient(145deg,#ffeec5b8,#dde7ffb8);border-radius:50% 50% 0 0;height:72%;position:absolute;inset:auto -8% -10% 34%;transform:rotate(-18deg)}.story-login-brand__top,.story-home-topbar,.story-home-tools{align-items:center;display:flex}.story-login-brand__top,.story-home-topbar{justify-content:space-between}.story-login-badge{color:#e2774e;background:#fff8f1;border:1px solid #ff845347;border-radius:999px;justify-content:center;align-items:center;min-width:54px;height:38px;font-weight:950;display:inline-flex}.story-login-brand__copy{z-index:1;max-width:520px;position:relative}.story-login-illustration{align-items:flex-end;min-height:250px;display:flex;position:relative}.story-login-illustration img{filter:drop-shadow(0 24px 28px #4656762e);width:min(260px,62%)}.story-float{color:#ec9b62;text-shadow:0 2px #ffffffb8;place-items:center;font-weight:950;display:inline-grid;position:absolute}.story-float--one{top:20%;left:44%}.story-float--two{top:8%;right:22%}.story-float--three{bottom:30%;right:12%}.story-login-card--storybook{background:linear-gradient(145deg,#fffffff5,#fffaf4e6);align-content:center;padding:36px}.story-login-card__heading{margin-bottom:24px}.story-login-form{gap:14px;display:grid}.story-login-submit{width:100%;margin-top:4px}.story-field{background:#fffcf8eb;border-color:#d9bc9a7a;min-height:56px;padding:0 16px;box-shadow:inset 0 1px #ffffffdb}.story-field:focus{border-color:#e18759a3;outline:3px solid #ee975e2e}.story-home-topbar{border-radius:8px;min-height:60px;padding:10px 14px}.story-home-brand{color:#263246;align-items:center;gap:10px;display:inline-flex}.story-home-logo{background:linear-gradient(145deg,#fff,#eef4ff);border-radius:999px;place-items:center;width:38px;height:38px;display:inline-grid;box-shadow:0 10px 18px #4656761f}.story-home-tools{gap:8px}.story-pill-button,.story-icon-button{color:#40506a;cursor:pointer;min-height:38px;font-family:var(--font-family);background:#ffffffc2;border:1px solid #899ab838;font-weight:900;box-shadow:0 8px 18px #46567614}.story-pill-button{border-radius:999px;padding:0 13px}.story-icon-button{border-radius:999px;width:38px}.story-dashboard-hero--storybook{background:linear-gradient(130deg,#fffffff2,#fff6e1db 42%,#e6edffe6);min-height:420px;overflow:hidden}.story-dashboard-hero--storybook:after{content:"";pointer-events:none;border:1px solid #ffffff9e;border-radius:8px;position:absolute;inset:18px}.story-hero-visual--storybook{background:linear-gradient(#ffffff47,#0000),linear-gradient(145deg,#e7edff,#fff1dc);min-height:330px;position:relative}.story-hero-visual--storybook img{z-index:2;width:min(76%,260px);position:relative}.story-visual-moon{background:linear-gradient(145deg,#ffffffd1,#ffe7b5a8);border-radius:999px;width:92px;height:92px;position:absolute;inset:12% 8% auto auto;box-shadow:0 14px 30px #707fb929}.story-visual-spark{color:#f2b356;text-shadow:0 2px #ffffffd6;font-weight:950;position:absolute}.story-visual-spark--one{top:22%;left:16%}.story-visual-spark--two{top:52%;right:20%}.story-visual-spark--three{bottom:18%;left:26%}.story-flow-card{border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px;display:grid}.story-flow-step{color:#40506a;text-align:center;background:linear-gradient(145deg,#ffffffeb,#f7faffc2);border-radius:8px;align-content:center;justify-items:center;gap:6px;min-height:76px;font-size:.86rem;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6}.story-flow-icon{background:#eef4ff;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid;box-shadow:0 8px 16px #4656761a}.story-flow-arrow{color:#e18759;z-index:2;font-size:1.35rem;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.ai-category-strip{scrollbar-width:none}.ai-category-strip::-webkit-scrollbar{display:none}.ai-category-chip{background:#ffffffc7;border:1px solid #899ab83d;border-radius:999px;min-height:42px;box-shadow:0 8px 18px #46567612}.ai-category-chip--active{color:#fff;background:linear-gradient(145deg,#ff9564,#e1784c);border-color:#e187595c;box-shadow:0 14px 24px #e1875938}.story-action-card__badge{color:#fff;background:linear-gradient(145deg,#ff9564,#e1784c);border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:.76rem;font-weight:950;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 8px 16px #e1875933}.story-action-card__badge+.story-action-card__icon{margin-top:20px}.ai-template-page .story-content-container{width:min(1220px,100%)}.ai-template-page .story-page-header{background:#ffffffb8;border:1px solid #ffffffc7;box-shadow:0 16px 34px #4656761a}.ai-template-page .ai-page-hero{background:linear-gradient(135deg,#fffffff5,#fff8ead1 48%,#edf3ffe6);padding:24px;box-shadow:0 22px 48px #46567621,inset 0 1px #ffffffe0}.ai-template-page .ai-step-list span{background:#eef4ffe6;box-shadow:0 8px 16px #46567614}.ai-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ai-template-card{background:#ffffffd6;border-color:#ffffffc7;min-height:0;box-shadow:0 20px 42px #46567621,0 5px #899ab81f,inset 0 1px #ffffffe6}.ai-template-card:hover{transform:translateY(-5px);box-shadow:0 30px 56px #4656762e,0 7px #899ab81a,inset 0 1px #fffffff5}.ai-template-card__image{aspect-ratio:4/5;background-color:#f8fbffb8;padding:7px}.ai-template-card__image img{object-fit:contain!important;object-position:center center!important}.ai-template-card__body{padding:14px 14px 16px}.ai-retouch-page .ai-template-card__image{aspect-ratio:16/9;padding:6px}.ai-retouch-page .ai-template-card__image img,.ai-retouch-page .ai-selected-preview img{object-fit:cover!important;object-position:center center!important}.ai-retouch-page .ai-selected-preview{aspect-ratio:16/9;min-height:0}.story-tag{color:#466086;background:#eef4ff;border-color:#5f7cad2e;align-items:center;min-height:28px;padding:0 9px;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.ai-workspace{grid-template-columns:minmax(320px,.9fr) minmax(360px,1fr);gap:18px}.ai-selected-card,.ai-create-panel,.ai-result-card{background:linear-gradient(145deg,#fffffff0,#f7faffdb);border-color:#ffffffc7;box-shadow:0 22px 48px #46567621}.ai-selected-preview{aspect-ratio:4/3;background-blend-mode:screen}.ai-selected-preview img{object-fit:contain}.ai-upload-zone{background:linear-gradient(145deg,#f8fbfff5,#fffaf4db);border-color:#5f7cad42;min-height:300px;box-shadow:inset 0 1px #ffffffdb}.ai-upload-icon,.story-action-card__icon,.ai-aspect-button__shape{transform:translateZ(0)}.ai-aspect-button{background:#ffffffd1;min-height:82px;box-shadow:0 8px 18px #46567612}.ai-aspect-button--active{background:#eef4ff;box-shadow:0 12px 24px #526f9f21,inset 0 0 0 1px #526f9f2e}.ai-submit-button{background:linear-gradient(145deg,#49699e,#6f83aa 46%,#e18759);box-shadow:0 18px 32px #526f9f3d,0 6px #34466724,inset 0 1px #ffffff59}@media(min-width:641px)and (max-width:1024px){.story-dashboard-hero,.ai-page-hero,.ai-workspace,.ai-result-card{grid-template-columns:1fr}.story-quick-panel,.ai-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-flow-card{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}}@media(max-width:820px){.story-login-panel--storybook{grid-template-columns:1fr}.story-login-brand--storybook{min-height:auto}}@media(max-width:640px){.story-login-shell--storybook{place-items:start center;padding:10px}.story-login-panel--storybook{grid-template-columns:1fr;gap:10px}.story-login-brand--storybook{min-height:auto;padding:18px}.story-login-brand__top{align-items:flex-start;gap:10px}.story-login-brand__copy h2,.story-dashboard-title{font-size:2rem;line-height:1.12}.story-login-illustration{min-height:150px}.story-login-illustration img{width:150px}.story-login-card--storybook{padding:20px}.story-home-topbar{z-index:10;position:sticky;top:8px}.story-home-brand strong{font-size:.95rem}.story-pill-button{display:none}.story-dashboard-hero--storybook{min-height:auto}.story-hero-visual--storybook{min-height:220px}.story-flow-card{grid-template-columns:1fr}.story-flow-step{text-align:left;grid-template-columns:auto 1fr;justify-items:start;min-height:58px;padding:0 12px}.story-flow-arrow{display:none}.ai-category-strip{margin-inline:-12px;padding-inline:12px}.story-quick-panel,.ai-template-grid,.ai-workspace,.ai-result-card{grid-template-columns:1fr}.ai-template-card__image,.ai-selected-preview{aspect-ratio:4/5}.ai-page-hero{gap:14px}.ai-step-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ai-step-list span{justify-content:center}}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}