@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-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-ease:initial}}}@layer theme{:root,:host{--font-sans:"Stratos",-apple-system,BlinkMacSystemFont,sans-serif;--font-serif:"Pg-Black","Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:34px;--text-4xl:40px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--shadow-lg:0 10px 30px #0000004d;--ease-out:cubic-bezier(0,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);--color-bg-deep-violet:#1a0b2e;--color-accent-green:#b8d8be;--color-glass-bg:#ffffff14;--color-glass-bg-hover:#ffffff1f;--color-glass-bg-active:#ffffff26;--color-text-white:#fff;--color-text-primary:#ffffffe6;--color-text-secondary:#ffffffb3;--color-text-dim:#fff9;--color-text-muted:#ffffff80;--radius-full:999px;--space-xs:6px;--space-sm:10px;--space-md:18px;--space-lg:28px;--space-xl:40px;--space-2xl:52px;--ease-smooth:cubic-bezier(.25,1,.5,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--shadow-glow:0 0 20px #fff3}}@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 components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.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-auto{margin-top:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.text-text-dim{color:var(--color-text-dim)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-50{opacity:.5}.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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:Pg-Black;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/Pg-Black.otf)format("opentype")}@font-face{font-family:Stratos;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Stratos-Regular.otf)format("opentype")}@font-face{font-family:Stratos;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Stratos-Medium.otf)format("opentype")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}:root{--visual-viewport-bottom:0px}body{background-color:var(--color-bg-deep-violet);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.quiz-layout{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.quiz-container{width:100%;max-width:480px;min-height:0;padding:var(--space-lg);padding-top:var(--space-xl);flex-direction:column;flex:1;margin:0 auto;display:flex}.quiz-container:has(.landing-page){padding-top:var(--space-sm)}@media(min-width:640px){.quiz-container{max-width:520px;padding:var(--space-xl);padding-top:60px}.quiz-container:has(.landing-page){padding-top:var(--space-sm)}}@media(min-width:768px){.quiz-container:has(.landing-page){padding-top:0}.quiz-container{max-width:560px}}.step-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.step-content::-webkit-scrollbar{display:none}.quiz-footer{bottom:var(--visual-viewport-bottom);z-index:10;padding:48px var(--space-lg)max(var(--space-xl),env(safe-area-inset-bottom,0px));pointer-events:none;background:linear-gradient(#0000,#0d051899 70%,#0d0518cc 60%);flex-direction:column;align-items:center;display:flex;position:fixed;left:0;right:0}.quiz-footer>*{pointer-events:auto;width:100%;max-width:calc(480px - 2*var(--space-lg))}@media(min-width:640px){.quiz-footer{padding-left:var(--space-xl);padding-right:var(--space-xl)}.quiz-footer>*{max-width:calc(520px - 2*var(--space-xl))}}@media(min-width:768px){.quiz-footer>*{max-width:calc(560px - 2*var(--space-xl))}}.has-fixed-footer,.has-fixed-footer .scroll-area{padding-bottom:calc(140px + var(--visual-viewport-bottom))}.atmospheric-bg{z-index:-1;pointer-events:none;background-color:#111214;position:fixed;inset:0;overflow:hidden}.atmo-blob{filter:blur(80px);mix-blend-mode:screen;border-radius:50%;transition:transform 2.5s cubic-bezier(.16,1,.3,1),background-color 2.5s cubic-bezier(.16,1,.3,1),width 2.5s cubic-bezier(.16,1,.3,1),height 2.5s cubic-bezier(.16,1,.3,1),opacity 2.5s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%}.atmo-blob-1{opacity:.45;width:70vw;height:50vh}.atmo-blob-2{opacity:.32;width:55vw;height:40vh}.atmo-blob-3{opacity:.33;width:75vw;height:35vh}.atmo-blob-4{opacity:.28;width:45vw;height:30vh}.atmo-blob-5{opacity:.24;width:40vw;height:25vh}.atmospheric-bg[data-phase="0"] .atmo-blob-1{opacity:.38;background-color:#2a0873;width:85vw;height:55vh;transform:translate(-110%,-88%)}.atmospheric-bg[data-phase="0"] .atmo-blob-2{opacity:.28;background-color:#370a69;width:65vw;height:48vh;transform:translate(12%,-82%)}.atmospheric-bg[data-phase="0"] .atmo-blob-3{opacity:.3;background-color:#410a64;width:90vw;height:42vh;transform:translate(-105%,10%)}.atmospheric-bg[data-phase="0"] .atmo-blob-4{opacity:.26;background-color:#200652;width:55vw;height:38vh;transform:translate(8%,14%)}.atmospheric-bg[data-phase="0"] .atmo-blob-5{opacity:.24;background-color:#30086e;width:50vw;height:32vh;transform:translate(-50%,-92%)}.atmospheric-bg[data-phase="1"] .atmo-blob-1{background-color:#321278;transform:translate(-110%,-90%)}.atmospheric-bg[data-phase="1"] .atmo-blob-2{background-color:#46166e;transform:translate(10%,-85%)}.atmospheric-bg[data-phase="1"] .atmo-blob-3{background-color:#64145f;transform:translate(-105%,5%)}.atmospheric-bg[data-phase="1"] .atmo-blob-4{background-color:#3c0f5a;transform:translate(5%,10%)}.atmospheric-bg[data-phase="1"] .atmo-blob-5{background-color:#371464;transform:translate(-50%,-95%)}.atmospheric-bg[data-phase="2"] .atmo-blob-1{background-color:#500c41;transform:translate(-105%,-85%)}.atmospheric-bg[data-phase="2"] .atmo-blob-2{background-color:#46104e;transform:translate(15%,-80%)}.atmospheric-bg[data-phase="2"] .atmo-blob-3{background-color:#64123c;transform:translate(-100%,10%)}.atmospheric-bg[data-phase="2"] .atmo-blob-4{background-color:#3c0a32;transform:translate(10%,15%)}.atmospheric-bg[data-phase="2"] .atmo-blob-5{background-color:#4b0e44;transform:translate(-50%,10%)}.atmospheric-bg[data-phase="3"] .atmo-blob-1{background-color:#480f7d;transform:translate(-115%,-80%)}.atmospheric-bg[data-phase="3"] .atmo-blob-2{background-color:#50126e;transform:translate(5%,15%)}.atmospheric-bg[data-phase="3"] .atmo-blob-3{background-color:#69145a;transform:translate(10%,-90%)}.atmospheric-bg[data-phase="3"] .atmo-blob-4{background-color:#550e50;transform:translate(-108%,10%)}.atmospheric-bg[data-phase="3"] .atmo-blob-5{background-color:#4b1464;transform:translate(-50%,-90%)}.atmospheric-bg[data-phase="4"] .atmo-blob-1{background-color:#5f0f5a;transform:translate(-100%,-88%)}.atmospheric-bg[data-phase="4"] .atmo-blob-2{background-color:#781450;transform:translate(12%,-82%)}.atmospheric-bg[data-phase="4"] .atmo-blob-3{background-color:#821946;transform:translate(-110%,12%)}.atmospheric-bg[data-phase="4"] .atmo-blob-4{background-color:#500c4b;transform:translate(8%,15%)}.atmospheric-bg[data-phase="4"] .atmo-blob-5{background-color:#69125a;transform:translate(-50%,12%)}.atmospheric-bg[data-phase="5"] .atmo-blob-1{background-color:#5a0c3c;transform:translate(-108%,-92%)}.atmospheric-bg[data-phase="5"] .atmo-blob-2{background-color:#4b1246;transform:translate(8%,-88%)}.atmospheric-bg[data-phase="5"] .atmo-blob-3{background-color:#6e1441;transform:translate(-105%,8%)}.atmospheric-bg[data-phase="5"] .atmo-blob-4{background-color:#460e37;transform:translate(12%,12%)}.atmospheric-bg[data-phase="5"] .atmo-blob-5{background-color:#55144b;transform:translate(-50%,-92%)}.atmospheric-bg[data-phase="6"] .atmo-blob-1{background-color:#3a0f69;transform:translate(-112%,-85%)}.atmospheric-bg[data-phase="6"] .atmo-blob-2{background-color:#41145f;transform:translate(5%,12%)}.atmospheric-bg[data-phase="6"] .atmo-blob-3{background-color:#641250;transform:translate(12%,-88%)}.atmospheric-bg[data-phase="6"] .atmo-blob-4{background-color:#4b0c46;transform:translate(-108%,15%)}.atmospheric-bg[data-phase="6"] .atmo-blob-5{background-color:#3e165a;transform:translate(-50%,12%)}.atmospheric-bg[data-phase="7"] .atmo-blob-1{background-color:#501264;width:75vw;transform:translate(-110%,-82%)}.atmospheric-bg[data-phase="7"] .atmo-blob-2{background-color:#5f1655;width:60vw;transform:translate(10%,-86%)}.atmospheric-bg[data-phase="7"] .atmo-blob-3{background-color:#73164e;transform:translate(-105%,10%)}.atmospheric-bg[data-phase="7"] .atmo-blob-4{background-color:#480f41;width:50vw;transform:translate(8%,14%)}.atmospheric-bg[data-phase="7"] .atmo-blob-5{background-color:#58145c;transform:translate(-50%,-88%)}.atmospheric-bg[data-phase="8"] .atmo-blob-1{opacity:.48;background-color:#690c4b;transform:translate(-105%,-90%)}.atmospheric-bg[data-phase="8"] .atmo-blob-2{opacity:.36;background-color:#5a1258;transform:translate(10%,12%)}.atmospheric-bg[data-phase="8"] .atmo-blob-3{opacity:.36;background-color:#871644;transform:translate(8%,-85%)}.atmospheric-bg[data-phase="8"] .atmo-blob-4{opacity:.3;background-color:#500e3e;transform:translate(-110%,14%)}.atmospheric-bg[data-phase="8"] .atmo-blob-5{background-color:#5f1450;transform:translate(-50%,10%)}.atmospheric-bg[data-phase="9"] .atmo-blob-1{opacity:.4;background-color:#320c55;transform:translate(-108%,-88%)}.atmospheric-bg[data-phase="9"] .atmo-blob-2{opacity:.28;background-color:#37124e;transform:translate(8%,-84%)}.atmospheric-bg[data-phase="9"] .atmo-blob-3{opacity:.28;background-color:#5a0f41;transform:translate(-105%,8%)}.atmospheric-bg[data-phase="9"] .atmo-blob-4{opacity:.24;background-color:#3c0c37;transform:translate(10%,12%)}.atmospheric-bg[data-phase="9"] .atmo-blob-5{opacity:.2;background-color:#371248;transform:translate(-50%,-90%)}.noise-overlay{pointer-events:none;z-index:9999;opacity:.02;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.headline{color:var(--color-text-white);letter-spacing:-.01em;text-transform:none;font-family:Instrument Serif,Georgia,serif;font-weight:400;line-height:1.15}.headline-xl{font-size:var(--text-3xl)}.headline-lg{font-size:var(--text-2xl)}.headline-md{font-size:var(--text-xl)}@media(min-width:640px){.headline-xl{font-size:var(--text-4xl)}.headline-lg{font-size:var(--text-3xl)}.headline-md{font-size:var(--text-2xl)}}.text-body{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.text-body-sm{font-size:var(--text-sm);color:var(--color-text-dim);line-height:1.5}.text-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.text-accent{color:var(--color-accent-green)}.text-gradient{background:linear-gradient(135deg,var(--color-text-white),var(--color-accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quiz-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;min-height:44px;display:flex}.header-left,.header-right{flex:1;display:flex}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-center{flex:none}.back-button{border-radius:var(--radius-full);color:#ffffff4d;cursor:pointer;width:44px;height:44px;transition:all var(--duration-fast)var(--ease-smooth);background:0 0;border:none;justify-content:center;align-items:center;margin-left:-12px;display:flex}.back-button:hover{color:var(--color-text-white);background:#ffffff0f}.back-button:active{transform:scale(.95)}.back-button svg{width:24px;height:24px}.back-button-placeholder{width:44px;height:44px}.brand-mark{font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.brand-mark-logo{width:auto;height:34px}.phase-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);background:#ffffff14;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:flex}.phase-ring{width:22px;height:22px;transform:rotate(-90deg)}.phase-ring-track{fill:none;stroke:#ffffff1a;stroke-width:2.5px}.phase-ring-fill{fill:none;stroke:#ffffffb3;stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray .6s cubic-bezier(.16,1,.3,1)}.phase-pill-text{color:#ffffff59;letter-spacing:.02em;font-size:11px;font-weight:500}.progress-bar{border-radius:var(--radius-full);width:100%;height:2px;margin-bottom:var(--space-lg);background:#ffffff1a;overflow:hidden}.progress-bar-fill{background:var(--color-text-white);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow)var(--ease-smooth)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);letter-spacing:-.01em;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal)var(--ease-smooth);border:none;outline:none;font-weight:600;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 2px var(--color-bg-deep-violet),0 0 0 4px #fff9}.btn-lg{font-size:var(--text-lg);padding:18px 36px}.btn-md{font-size:var(--text-base);padding:16px 32px}.btn-sm{font-size:var(--text-sm);padding:12px 24px}.btn-primary{background:var(--color-text-white);color:var(--color-bg-deep-violet)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);background:#ffffffe6}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-outline{color:var(--color-text-white);background:#ffffff0f;border:none}.btn-outline:hover:not(:disabled){background:#ffffff1f}.btn-outline:active:not(:disabled){background:var(--color-text-white);color:var(--color-bg-deep-violet)}.btn-ghost{color:var(--color-text-dim);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--color-text-white);background:var(--color-glass-bg)}.btn-full{width:100%}.card-grid{gap:var(--space-md);padding:0 var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media(min-width:640px){.card-grid{gap:var(--space-lg);padding:0 var(--space-lg);margin-bottom:var(--space-2xl)}}.card{cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;transition:background .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{background:#ffffff17;border-color:#ffffff24;transform:scale(1.02)}.card:active{transition-duration:.12s;transform:scale(.97)}.card.selected{background:#fffffff2;border-color:#fff9;transform:scale(1);box-shadow:0 4px 24px #00000026,0 0 0 1px #fff3}.selection-card{aspect-ratio:3/4;padding:var(--space-sm)var(--space-sm)var(--space-xs);flex-direction:column;justify-content:flex-end;align-items:center;display:flex}@media(min-width:390px){.selection-card{padding-bottom:var(--space-md)}}.card-check{display:none}.card-label{z-index:1;font-size:var(--text-sm);color:#ffffffd9;text-align:center;word-break:break-word;font-weight:500;line-height:1.3;transition:color .5s cubic-bezier(.16,1,.3,1);position:relative}.card.selected .card-label{color:var(--color-bg-deep-violet);font-weight:600}.card.selected .text-body-sm{color:#1a0b2e99}.blob-container{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blob{aspect-ratio:1;filter:blur(20px)saturate(1.3);opacity:.85;width:clamp(55px,60%,110px);transition:transform var(--duration-slow)var(--ease-smooth);border-radius:50%;animation:3s ease-in-out infinite blobPulse}.card:hover .blob{transform:scale(1.2)}.card.selected .blob{opacity:1;filter:blur(22px)saturate(1.6);transform:scale(1.25)}@keyframes blobPulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.95;transform:scale(1.1)}}.blob-passion{background:radial-gradient(circle,#ff9a9e,#fecfef)}.blob-purple{background:radial-gradient(circle,#a18cd1,#fbc2eb)}.blob-teal{background:radial-gradient(circle,#84fab0,#8fd3f4)}.blob-magenta{background:radial-gradient(circle,#f093fb,#f5576c)}.blob-gold{background:radial-gradient(circle,#f6d365,#fda085)}.blob-ocean{background:radial-gradient(circle,#667eea,#764ba2)}.blob-fire{background:radial-gradient(circle,#ff5858,#f09819)}.option-list{gap:var(--space-md);flex-direction:column;display:flex}.option-item{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal)var(--ease-smooth);background:#ffffff0f;border:none;min-height:56px;display:flex}.option-item:hover{background:#ffffff1a}.option-item.selected{background:var(--color-text-white)}.option-radio,.option-radio-dot,.option-checkbox{display:none}.option-content{flex:1}.option-label{font-size:var(--text-base);color:var(--color-text-white);transition:color var(--duration-normal);font-weight:600}.option-label:only-child{font-weight:400}.option-item.selected .option-label{color:var(--color-bg-deep-violet)}.option-description{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-normal);margin-top:4px}.option-item.selected .option-description{color:#1a0b2eb3}.blocked-message{text-align:center;padding:var(--space-lg);color:#ff6b6b;font-family:var(--font-serif);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.04em}.option-list.multi-select .option-checkbox{border-radius:var(--radius-sm);width:22px;height:22px;transition:all var(--duration-normal);border:2px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-list.multi-select .option-item.selected .option-checkbox{background:var(--color-bg-deep-violet);border-color:var(--color-bg-deep-violet)}.option-list.multi-select .option-checkbox svg{width:14px;height:14px;stroke:var(--color-text-white);stroke-width:3px;fill:none;opacity:0;transition:opacity var(--duration-normal)}.option-list.multi-select .option-item.selected .option-checkbox svg{opacity:1}.input-wrapper{width:100%}.input-label{font-size:var(--text-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);font-weight:500;display:block}.input{width:100%;padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-white);transition:all var(--duration-normal);background:#ffffff0f;border:none;min-height:56px}.input::placeholder{color:var(--color-text-muted)}.input:focus{background:#ffffff1a;outline:none;box-shadow:0 0 0 2px #fff3}.input.error{border-color:#f87171}.input-error{font-size:var(--text-sm);color:#f87171;margin-top:var(--space-sm)}.textarea{resize:none;min-height:140px;line-height:1.6}.chip-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-white);cursor:pointer;transition:all var(--duration-normal);background:#ffffff0f;border:none;font-weight:600}.chip:hover{background:#ffffff1f}.chip.selected{background:var(--color-text-white);color:var(--color-bg-deep-violet)}.statement-text{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em;text-align:center;max-width:400px;font-weight:400;line-height:1.35}@media(min-width:640px){.statement-text{font-size:var(--text-2xl)}}.statement-segmented{border-radius:var(--radius-full);background:#ffffff0f;width:100%;max-width:360px;margin:0 auto;padding:3px;display:flex}.statement-seg{border-radius:var(--radius-full);color:var(--color-text-dim);cursor:pointer;transition:all var(--duration-normal)var(--ease-smooth);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0;display:flex}.statement-seg:hover{color:var(--color-text-white)}.statement-seg.selected{background:var(--color-text-white);color:var(--color-bg-deep-violet);box-shadow:0 1px 4px #0003}.statement-seg-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.statement-seg-label{font-size:var(--text-xs);letter-spacing:.01em;font-weight:500}.voice-group-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-md);font-weight:500}.voice-item{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal);background:#ffffff0f;border:none;min-height:64px;display:flex}.voice-item:hover{background:#ffffff1a}.voice-item.selected{background:var(--color-text-white)}.voice-item.selected .voice-name,.voice-item.selected .voice-description{color:var(--color-bg-deep-violet)}.voice-item.selected .voice-description{opacity:.7}.voice-play-btn{cursor:pointer;width:44px;height:44px;transition:all var(--duration-normal);color:var(--color-text-white);background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.voice-play-btn:hover{background:#ffffff40}.voice-item.selected .voice-play-btn,.voice-play-btn.playing{background:var(--color-bg-deep-violet);color:var(--color-text-white)}.voice-play-btn svg{fill:currentColor;width:16px;height:16px}.interstitial{text-align:center;padding:var(--space-lg);min-height:0;animation:slideUp var(--duration-slow)var(--ease-smooth);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex:1;align-items:center;padding-top:0;display:flex;overflow-y:auto}.interstitial::-webkit-scrollbar{display:none}.interstitial-content{max-width:400px}.interstitial-content>.headline{margin-bottom:var(--space-xs)}.interstitial-content>.text-body{margin-bottom:var(--space-md)}.landing-page{margin:0 calc(-1*var(--space-sm));padding-left:var(--space-md);padding-right:var(--space-md);--landing-logo-gap-top:clamp(10px,3vh,20px);--landing-logo-gap-bottom:clamp(10px,3vh,20px);position:relative}.landing-page.has-fixed-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px) + var(--visual-viewport-bottom))}.landing-footer{padding-top:20px;padding-bottom:max(16px,env(safe-area-inset-bottom,0px));background:linear-gradient(#0000 100%,#0d051899 40%,#0d0518cc 60%)}.landing-hero{z-index:1;text-align:center;padding-top:var(--landing-logo-gap-top);flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.landing-logo{width:56px;height:auto;margin-bottom:var(--landing-logo-gap-bottom);flex-shrink:0}.landing-content{flex-direction:column;align-items:center;gap:0;width:100%;min-height:0;margin-top:auto;margin-bottom:auto;display:flex}.landing-headline{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:-.02em;color:var(--color-text-white);width:100%;font-size:clamp(17px,5vw,28px);font-weight:400;line-height:.9}.landing-subhead{color:var(--color-text-muted);white-space:nowrap;width:100%;margin-top:4px;margin-bottom:var(--space-lg);font-size:clamp(10px,2.8vw,15px);line-height:1.3}@media(min-width:360px)and (max-width:430px){.landing-page{padding-left:var(--space-sm);padding-right:var(--space-sm)}}@media(min-width:768px){.landing-page{--landing-logo-gap-top:clamp(6px,1.5vh,16px);--landing-logo-gap-bottom:clamp(14px,2vh,22px)}}.landing-phone-wrap{aspect-ratio:343/373;align-self:center;width:100%;max-width:460px;max-height:68dvh;margin-bottom:clamp(10px,3vh,24px);position:relative}.landing-phone{width:64%;height:auto;animation:.8s ease-out both landing-fade-up;position:absolute;top:0;left:18%}.landing-input{width:82%;height:auto;transition:transform var(--duration-normal)var(--ease-smooth),filter var(--duration-normal)var(--ease-smooth);animation:.6s ease-out .3s both landing-fade-up,7s ease-in-out 1.2s infinite landing-float;position:absolute;top:65%;left:9%}.landing-pill{height:auto;transition:transform var(--duration-normal)var(--ease-smooth),filter var(--duration-normal)var(--ease-smooth);position:absolute}.landing-pill-1{width:33%;animation:.5s ease-out .6s both landing-pill-left,6.9s ease-in-out 1.4s infinite landing-float-a;top:11.5%;left:6%}.landing-pill-2{width:27%;animation:.5s ease-out .8s both landing-pill-right,7.5s ease-in-out 1.6s infinite landing-float-b;top:22.5%;left:63%}.landing-pill-3{width:33%;animation:.5s ease-out 1s both landing-pill-left,6.6s ease-in-out 1.8s infinite landing-float-c;top:39%;left:0%}.landing-pill-4{width:41%;animation:.5s ease-out 1.2s both landing-pill-right,7.8s ease-in-out 2s infinite landing-float-d;top:48%;left:59%}@media(hover:hover)and (pointer:fine){.landing-pill:hover{filter:drop-shadow(0 6px 18px #0d051859);transform:translateY(-4px)scale(1.03)}.landing-input:hover{filter:drop-shadow(0 8px 20px #0d051866);transform:translateY(-3px)scale(1.01)}}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-pill-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes landing-pill-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes landing-float{0%,to{translate:0;rotate:none}50%{translate:0 -5px;rotate:-.5deg}}@keyframes landing-float-a{0%,to{translate:0;rotate:none}25%{translate:-3px -5px;rotate:-.6deg}50%{translate:3px -3px;rotate:.5deg}75%{translate:-2px -5px;rotate:-.4deg}}@keyframes landing-float-b{0%,to{translate:0;rotate:none}25%{translate:4px -4px;rotate:.5deg}50%{translate:-3px -5px;rotate:-.5deg}75%{translate:2px -3px;rotate:.4deg}}@keyframes landing-float-c{0%,to{translate:0;rotate:none}20%{translate:-3px -4px;rotate:-.5deg}50%{translate:4px -5px;rotate:.6deg}80%{translate:-2px -2px;rotate:-.3deg}}@keyframes landing-float-d{0%,to{translate:0;rotate:none}30%{translate:4px -4px;rotate:.5deg}55%{translate:-3px -6px;rotate:-.6deg}85%{translate:3px -3px;rotate:.3deg}}@media(min-width:640px){.landing-logo{width:72px}}.age-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);width:100%;max-width:280px;display:grid}.age-btn{padding:var(--space-lg)var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text-white);cursor:pointer;transition:all var(--duration-normal);background:#ffffff0f;border:none;font-weight:600}.age-btn:hover{background:#ffffff1a}.age-btn.selected{background:var(--color-text-white);color:var(--color-bg-deep-violet)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--duration-normal)ease-out forwards}.animate-slideUp{animation:slideUp var(--duration-slow)ease-out forwards}.animate-spin{animation:1s linear infinite spin}@keyframes headlineIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes subheadIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes itemIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.step-headline,.statement-container{animation:.55s cubic-bezier(.175,.885,.32,1.05) both headlineIn}.step-container>.section-label{animation:.45s cubic-bezier(.25,1,.5,1) 60ms both subheadIn}.step-subhead{animation:.45s cubic-bezier(.25,1,.5,1) .12s both subheadIn}.option-list>*,.voice-list>*,.title-select-options>*,.ai-options-list>*,.statement-segmented>*{animation:.4s cubic-bezier(.175,.885,.32,1.05) both itemIn}.card-grid>*,.cover-grid>*{animation:.45s cubic-bezier(.34,1.4,.64,1) both cardIn}.swipe-container,.swipe-dots{animation:.4s cubic-bezier(.175,.885,.32,1.05) both itemIn}.option-list>:first-child,.voice-list>:first-child,.title-select-options>:first-child,.ai-options-list>:first-child,.statement-segmented>:first-child{animation-delay:.2s}.option-list>:nth-child(2),.voice-list>:nth-child(2),.title-select-options>:nth-child(2),.ai-options-list>:nth-child(2),.statement-segmented>:nth-child(2){animation-delay:.25s}.option-list>:nth-child(3),.voice-list>:nth-child(3),.title-select-options>:nth-child(3),.ai-options-list>:nth-child(3),.statement-segmented>:nth-child(3){animation-delay:.3s}.option-list>:nth-child(4),.voice-list>:nth-child(4),.title-select-options>:nth-child(4),.ai-options-list>:nth-child(4){animation-delay:.35s}.option-list>:nth-child(5),.voice-list>:nth-child(5){animation-delay:.4s}.option-list>:nth-child(6),.voice-list>:nth-child(6){animation-delay:.45s}.option-list>:nth-child(7),.voice-list>:nth-child(7){animation-delay:.5s}.option-list>:nth-child(8),.voice-list>:nth-child(8){animation-delay:.55s}.option-list>:nth-child(9){animation-delay:.6s}.option-list>:nth-child(10){animation-delay:.65s}.card-grid>:first-child,.cover-grid>:first-child{animation-delay:.2s}.card-grid>:nth-child(2),.cover-grid>:nth-child(2){animation-delay:.26s}.card-grid>:nth-child(3),.cover-grid>:nth-child(3){animation-delay:.32s}.card-grid>:nth-child(4),.cover-grid>:nth-child(4){animation-delay:.38s}.card-grid>:nth-child(5),.cover-grid>:nth-child(5){animation-delay:.44s}.card-grid>:nth-child(6),.cover-grid>:nth-child(6){animation-delay:.5s}.swipe-container{animation-delay:.2s}.swipe-dots{animation-delay:.3s}@media(prefers-reduced-motion:reduce){.step-headline,.step-subhead,.step-container>.section-label,.statement-container,.option-list>*,.card-grid>*,.voice-list>*,.title-select-options>*,.ai-options-list>*,.statement-segmented>*,.swipe-container,.swipe-dots,.cover-grid>*{animation:none}}.mb-sm{margin-bottom:var(--space-sm)}.mb-md,.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mt-auto{margin-top:auto}.inline-input{margin-top:var(--space-md)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-glass-bg-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-glass-bg-active)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.step-container{animation:fadeIn var(--duration-normal)ease-out;flex-direction:column;flex:1;display:flex}.step-container.centered{text-align:center;padding:0 var(--space-md);justify-content:center;align-items:center}.step-headline{font-family:Instrument Serif,Georgia,serif;font-size:var(--text-2xl);color:var(--color-text-white);margin-bottom:var(--space-lg);text-transform:none;letter-spacing:-.01em;font-weight:400;line-height:1.15}@media(min-width:640px){.step-headline{font-size:var(--text-3xl)}}@media(min-width:1024px){.step-headline{font-size:var(--text-4xl)}}.step-headline.statement{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-size:var(--text-4xl);color:var(--color-text-primary);text-transform:none;max-width:400px;font-weight:400;line-height:1.3}.step-headline+.step-subhead{margin-top:calc(-1*var(--space-md))}.step-subhead{font-size:var(--text-base);color:var(--color-text-dim);margin-bottom:var(--space-lg);line-height:1.4}.section-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:var(--space-md);font-weight:500}.help-text{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em;margin-top:var(--space-lg)}.help-text.centered{text-align:center}.scroll-area{min-height:0;padding-right:var(--space-xs);flex:1;overflow-y:auto}.content-group{gap:var(--space-md);flex-direction:column;display:flex}.content-group.spaced{gap:var(--space-xl)}.preset-section{margin-top:var(--space-xl)}.preset-group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.preset-chip{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal);background:#ffffff0f;border:none;font-weight:500}.preset-chip:hover{color:var(--color-text-white);background:#ffffff1f}.preset-chip.selected{background:var(--color-text-white);color:var(--color-bg-deep-violet)}.voice-group{margin-bottom:var(--space-xl)}.voice-group:last-child{margin-bottom:0}.voice-list{gap:var(--space-sm);flex-direction:column;display:flex}.voice-info{flex:1}.voice-name{font-size:var(--text-base);color:var(--color-text-secondary);transition:color var(--duration-normal);font-weight:500}.voice-item.selected .voice-name{color:var(--color-bg-deep-violet)}.voice-description{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-normal);margin-top:2px}.voice-radio{border:2px solid var(--color-text-muted);width:20px;height:20px;transition:border-color var(--duration-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.voice-item.selected .voice-radio{border-color:var(--color-bg-deep-violet)}.voice-radio-dot{background:var(--color-bg-deep-violet);opacity:0;width:10px;height:10px;transition:all var(--duration-normal)var(--ease-bounce);border-radius:50%;transform:scale(0)}.voice-item.selected .voice-radio-dot{opacity:1;transform:scale(1)}.statement-container{flex:1;align-items:center;max-width:400px;display:flex}.statement-segmented{margin-bottom:var(--space-xl)}.cover-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);width:100%;max-width:400px;display:grid}.cover-card{aspect-ratio:2/3;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal);opacity:.7;position:relative;overflow:hidden}.cover-card:hover{opacity:1}.cover-card.selected{opacity:1;box-shadow:var(--shadow-lg);outline:2px solid var(--color-text-white);outline-offset:2px;transform:scale(1.05)}.cover-placeholder{background:linear-gradient(to bottom,#805ad5cc,var(--color-bg-deep-violet));position:absolute;inset:0}.cover-label{padding:var(--space-sm);background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0}.cover-label-text{font-size:var(--text-xs);color:var(--color-text-white)}.cover-check{top:var(--space-sm);right:var(--space-sm);background:var(--color-text-white);opacity:0;width:24px;height:24px;transition:all var(--duration-normal)var(--ease-bounce);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:scale(0)}.cover-card.selected .cover-check{opacity:1;transform:scale(1)}.cover-check svg{width:16px;height:16px;stroke:var(--color-bg-deep-violet);stroke-width:3px;fill:none}.ai-options-list{gap:var(--space-md);flex-direction:column;display:flex}.ai-option{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg)var(--space-xl)var(--space-lg)var(--space-lg);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.ai-option:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.ai-option:active{transform:scale(.985)}.ai-option.selected{background:#ffffff1f;border-color:#ffffff59;box-shadow:0 0 0 1px #ffffff1a,0 8px 32px #0003}.ai-option-number{width:28px;height:28px;font-family:var(--font-sans);color:var(--color-text-muted);background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex}.ai-option.selected .ai-option-number{background:var(--color-text-white);border-color:var(--color-text-white);color:var(--color-bg-deep-violet)}.ai-option-preview{font-family:var(--font-sans);color:#ffffffbf;flex:1;margin:0;font-size:15px;line-height:1.65}.ai-option.selected .ai-option-preview{color:var(--color-text-white)}.ai-option-check{top:var(--space-lg);right:var(--space-lg);color:var(--color-text-white);animation:.3s cubic-bezier(.34,1.4,.64,1) checkPop;position:absolute}@keyframes checkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.ai-option.ai-option-write{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);background:0 0;border:1px dashed #ffffff1f;border-radius:16px;flex-direction:row}.ai-option.ai-option-write:hover{background:#ffffff0a;border-color:#fff3}.ai-option.ai-option-write.selected{box-shadow:none;background:#ffffff14;border-style:solid;border-color:#ffffff4d}.ai-option-write-icon{opacity:.4;flex-shrink:0;transition:opacity .3s}.ai-option.ai-option-write:hover .ai-option-write-icon,.ai-option.ai-option-write.selected .ai-option-write-icon{opacity:.8}.ai-option-write-label{font-family:var(--font-sans);color:var(--color-text-muted);font-size:14px;font-weight:500;transition:color .3s}.ai-option.ai-option-write:hover .ai-option-write-label,.ai-option.ai-option-write.selected .ai-option-write-label{color:var(--color-text-secondary)}.ai-options-loading{justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;min-height:60vh;display:flex}.ai-options-loading-spinner{border:3px solid #ffffff26;border-top-color:var(--color-text-white);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.ai-options-loading-message{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;animation:1.2s ease-in-out fadeInOut}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.swipe-container{flex:1;justify-content:center;align-items:center;min-height:300px;display:flex;position:relative}.swipe-nav{z-index:10;padding:var(--space-sm);border-radius:var(--radius-full);color:var(--color-text-white);cursor:pointer;transition:all var(--duration-normal);background:#ffffff26;border:1px solid #ffffff1a;position:absolute}.swipe-nav:hover:not(:disabled){background:#ffffff40}.swipe-nav:disabled{opacity:.2;cursor:not-allowed}.swipe-nav.prev{left:0}.swipe-nav.next{right:0}.swipe-nav svg{width:24px;height:24px}.swipe-cards-stack{width:100%;max-width:280px;height:320px;position:relative}.swipe-card{text-align:center;transition:all var(--duration-normal);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.swipe-card.selected{background:#3d2560;border-color:#fff;box-shadow:0 0 0 1px #ffffff1f,0 8px 32px #00000040}.swipe-card.selected .card-label{color:#fffffff2;font-weight:600}.swipe-card.selected .text-body-sm{color:#fff9}.swipe-card.selected .blob{opacity:1;filter:blur(22px)saturate(1.6);transform:scale(1.25)}.swipe-dots{justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}@media(min-width:640px){.swipe-dots{margin-top:var(--space-2xl)}}.swipe-dot{border-radius:var(--radius-full);cursor:pointer;width:8px;height:8px;transition:all var(--duration-normal);background:#ffffff0f;border:none}.swipe-dot:hover{background:#fff3}.swipe-dot.active{background:var(--color-text-white);width:16px}.loading-container{text-align:center;padding:var(--space-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.loading-spinner{border:2px solid #ffffff1a;border-top-color:var(--color-text-white);width:48px;height:48px;margin-bottom:var(--space-xl);border-radius:50%;animation:1s linear infinite spin}.loading-message{font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.loading-submessage{font-size:var(--text-sm);color:var(--color-text-muted)}.story-container{flex-direction:column;flex:1;display:flex}.story-header{text-align:center;margin-bottom:var(--space-lg)}.story-title{color:var(--color-text-white);letter-spacing:-.01em;margin-bottom:4px;font-family:Instrument Serif,Georgia,serif;font-size:36px;font-weight:400}.story-byline{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.02em;font-weight:300}.story-chapter-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:11px;font-weight:500;display:inline-block}.story-content-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.story-content{height:100%;padding-right:var(--space-sm);overflow-y:auto}.story-text{font-family:var(--font-sans);color:#ffffffe0;white-space:pre-wrap;letter-spacing:.01em;font-size:15px;line-height:1.85;position:relative}.story-text p{margin-bottom:var(--space-md)}.story-text p:first-child:first-letter{font-family:var(--font-serif);float:left;color:var(--color-text-white);margin-top:4px;margin-right:8px;font-size:3.2em;line-height:.8}.typing-indicator{align-items:center;gap:4px;padding:4px 0;display:inline-flex}.typing-dot{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.whn-section{margin-top:var(--space-xl);padding:var(--space-lg);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:20px}.whn-title{font-family:var(--font-sans);color:var(--color-text-white);text-align:center;margin-bottom:var(--space-md);letter-spacing:.02em;font-size:13px;font-weight:600}.whn-options{flex-direction:column;gap:8px;display:flex}.whn-option{padding:14px var(--space-md);font-family:var(--font-sans);color:#ffffffb3;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:14px;font-size:13px;font-weight:400;line-height:1.4;transition:all .2s}.whn-option:hover{color:var(--color-text-white);background:#ffffff1a;border-color:#ffffff1f}.paywall-container{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}@media(min-width:640px){.paywall-headline{font-size:var(--text-3xl)}}.paywall-subhead{font-size:var(--text-base);color:var(--color-text-dim);margin-bottom:var(--space-xl)}.plan-grid{gap:var(--space-md);flex-direction:column;width:100%;max-width:400px;display:flex}.plan-card{padding:var(--space-lg);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--duration-normal);background:#ffffff0f;border:none;position:relative}.plan-card.recommended{outline:2px solid var(--color-text-white);outline-offset:2px}.plan-badge{top:calc(-1*var(--space-sm));right:var(--space-md);padding:var(--space-xs)var(--space-sm);background:var(--color-text-white);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-bg-deep-violet);text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:absolute}.plan-name{font-size:var(--text-base);color:var(--color-text-white);margin-bottom:var(--space-xs);transition:color var(--duration-normal);font-weight:600}.plan-price-period{font-size:var(--text-sm);color:var(--color-text-dim);transition:color var(--duration-normal);font-weight:400}.plan-card.selected .plan-price-period{color:#1a0b2e99}.plan-features{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-text-dim);transition:color var(--duration-normal)}.plan-card.selected .plan-features{color:#1a0b2eb3}.loading-orbs{width:160px;height:160px;margin-bottom:var(--space-xl);position:relative}.loading-orbs:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f733,#d946ef1f 30%,#8b5cf60f 55%,#0000 75%);border-radius:50%;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-30px}.loading-orbs:after{content:"";filter:blur(12px);pointer-events:none;background:conic-gradient(#0000,#c484fc1f,#0000 30%,#e879f91a 50%,#0000,#ffffff14 80%,#0000);border-radius:50%;animation:8s linear infinite shimmerRotate;position:absolute;inset:-20px}.loading-orb{filter:blur(18px)saturate(1.6);opacity:.9;mix-blend-mode:screen;will-change:transform,border-radius,opacity;border-radius:50%;position:absolute}.loading-orb--purple{background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 50%),radial-gradient(circle,#c084fc,#8b5cf6 40%,#6d28d9 70%,#4c1d95);width:80px;height:80px;animation:7s ease-in-out infinite orbFloat1,10s ease-in-out infinite orbMorph1,4s ease-in-out infinite orbGlow1;top:50%;left:50%}.loading-orb--magenta{background:radial-gradient(circle at 35% 25%,#ffffff40,#0000 45%),radial-gradient(circle,#f0abfc,#e879f9 35%,#d946ef 60%,#a21caf);width:64px;height:64px;animation:6s ease-in-out infinite orbFloat2,8s ease-in-out infinite orbMorph2,5s ease-in-out infinite orbGlow2;top:50%;left:50%}.loading-orb--white{filter:blur(14px)saturate(1.4);opacity:.95;background:radial-gradient(circle at 40% 30%,#fff,#fffc 20%,#0000 55%),radial-gradient(circle,#fdf2f8,#f5d0fe 30%,#e9d5ff 60%,#c4b5fd);width:48px;height:48px;animation:8s ease-in-out infinite orbFloat3,11s ease-in-out infinite orbMorph3,3.5s ease-in-out infinite orbGlow3;top:50%;left:50%}@keyframes orbFloat1{0%{transform:translate(-50%,-50%)translateY(-20px)scale(1)}20%{transform:translate(-50%,-50%)translate(22px,-8px)scale(1.06)}40%{transform:translate(-50%,-50%)translate(16px,18px)scale(.94)}60%{transform:translate(-50%,-50%)translate(-14px,22px)scale(1.08)}80%{transform:translate(-50%,-50%)translate(-24px,-4px)scale(.97)}to{transform:translate(-50%,-50%)translateY(-20px)scale(1)}}@keyframes orbFloat2{0%{transform:translate(-50%,-50%)translate(20px,12px)scale(1)}20%{transform:translate(-50%,-50%)translate(4px,26px)scale(1.08)}40%{transform:translate(-50%,-50%)translate(-22px,10px)scale(.93)}60%{transform:translate(-50%,-50%)translate(-16px,-18px)scale(1.1)}80%{transform:translate(-50%,-50%)translate(12px,-22px)scale(.96)}to{transform:translate(-50%,-50%)translate(20px,12px)scale(1)}}@keyframes orbFloat3{0%{transform:translate(-50%,-50%)translate(-16px,20px)scale(1)}20%{transform:translate(-50%,-50%)translate(18px,16px)scale(.92)}40%{transform:translate(-50%,-50%)translate(22px,-12px)scale(1.1)}60%{transform:translate(-50%,-50%)translate(-6px,-26px)scale(.95)}80%{transform:translate(-50%,-50%)translate(-22px,4px)scale(1.06)}to{transform:translate(-50%,-50%)translate(-16px,20px)scale(1)}}@keyframes orbMorph1{0%,to{border-radius:50%}20%{border-radius:42% 58% 62% 38%/38% 42% 58% 62%}40%{border-radius:58% 42% 38% 62%/62% 58% 42% 38%}60%{border-radius:38% 62% 55% 45%/45% 38% 62% 55%}80%{border-radius:55% 45% 42% 58%/58% 55% 45% 42%}}@keyframes orbMorph2{0%,to{border-radius:50%}16%{border-radius:60% 40% 45% 55%/45% 60% 40% 55%}33%{border-radius:40% 60% 55% 45%/55% 40% 60% 45%}50%{border-radius:55% 45% 40% 60%/60% 55% 45% 40%}66%{border-radius:45% 55% 60% 40%/40% 45% 55% 60%}83%{border-radius:52% 48% 45% 55%/55% 52% 48% 45%}}@keyframes orbMorph3{0%,to{border-radius:50%}25%{border-radius:58% 42% 50% 50%/42% 58% 50% 50%}50%{border-radius:42% 58% 58% 42%/58% 42% 42% 58%}75%{border-radius:50% 50% 42% 58%/50% 50% 58% 42%}}@keyframes orbGlow1{0%,to{opacity:.85;filter:blur(18px)saturate(1.6)brightness()}50%{opacity:1;filter:blur(16px)saturate(1.8)brightness(1.15)}}@keyframes orbGlow2{0%,to{opacity:.8;filter:blur(18px)saturate(1.6)brightness()}50%{opacity:.95;filter:blur(15px)saturate(2)brightness(1.2)}}@keyframes orbGlow3{0%,to{opacity:.9;filter:blur(14px)saturate(1.4)brightness()}50%{opacity:1;filter:blur(12px)saturate(1.6)brightness(1.3)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes shimmerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.silent-mode-alert{align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-lg);background:#ffb4321a;border:1px solid #ffb43233;animation:.5s ease-out fadeSlideUp;display:flex}.silent-mode-alert svg{color:#ffb432cc;flex-shrink:0}.silent-mode-alert span{font-family:var(--font-sans);color:#ffffffb3;font-size:13px;line-height:1.4}.reasoning-card{width:100%;max-width:360px;max-height:200px;margin-top:var(--space-lg);padding:var(--space-md)var(--space-lg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;background:#ffffff0d;border:1px solid #ffffff14;animation:.5s ease-out fadeSlideUp;overflow-y:auto}.reasoning-card-title{margin:0 0 var(--space-sm)0;font-family:var(--font-sans);color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.reasoning-card::-webkit-scrollbar{width:4px}.reasoning-card::-webkit-scrollbar-track{background:0 0}.reasoning-card::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}.reasoning-text{font-family:var(--font-sans);font-size:var(--text-xs);color:#ffffff73;white-space:pre-wrap;word-break:break-word;line-height:1.6}.reasoning-cursor{vertical-align:text-bottom;background:#a855f7b3;width:2px;height:.9em;margin-left:2px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loading-progress{width:100%;max-width:280px;margin-top:var(--space-lg)}.loading-progress-track{border-radius:var(--radius-full);background:#ffffff0f;height:3px;overflow:hidden}.loading-progress-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal)ease-out;background:linear-gradient(90deg,#a855f7,#d946ef)}.loading-progress-text{color:var(--color-text-muted);text-align:center;margin-top:var(--space-xs);font-size:10px}.audio-player{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-full);margin-top:var(--space-lg);margin-bottom:var(--space-md);background:#ffffff0d;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.audio-play-btn{background:var(--color-text-white);width:32px;height:32px;color:var(--color-bg-deep-violet);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s;display:flex}.audio-play-btn:active{transform:scale(.92)}.audio-waveform-canvas{flex-shrink:0;display:block}.audio-waveform-placeholder{flex-shrink:0;width:144px;height:36px}.audio-mute-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s;display:flex}.audio-mute-btn:active{color:#fffc}.scroll-to-bottom{-webkit-backdrop-filter:blur(12px);color:#ffffffb3;cursor:pointer;z-index:10;background:#ffffff1f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s;animation:.3s fadeInUp;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.scroll-to-bottom:hover{background:#fff3;transform:translate(-50%)scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.whn-option.locked{justify-content:space-between;align-items:center;gap:var(--space-sm);cursor:pointer;display:flex}.whn-option.locked svg{opacity:.3;flex-shrink:0}.whn-option.locked:hover{color:var(--color-text-white);background:#ffffff1a;border-color:#ffffff1f}.whn-custom{align-items:center;gap:var(--space-sm);display:flex}.whn-unlock-text{color:#ffffff59;text-align:center;letter-spacing:.01em;margin-top:14px;font-size:12px;font-weight:400}.glass-card{border-radius:var(--radius-lg);padding:var(--space-lg);background:#ffffff0f}.info-row{align-items:center;gap:var(--space-sm);color:var(--color-text-white);display:flex}.info-row svg{color:var(--color-text-secondary)}.info-row span{font-size:var(--text-sm)}.interstitial-card{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);text-align:left;background:#ffffff0f}.interstitial-card:last-child{margin-bottom:160px}.interstitial-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-weight:500}.interstitial-label.accent{color:var(--color-text-white)}.interstitial-value{font-size:var(--text-base);color:var(--color-text-white);font-weight:500}.interstitial-detail{font-size:var(--text-sm);color:var(--color-text-dim);margin-top:2px}.story-dna-page{flex-direction:column;align-items:center;width:100%;display:flex}.story-dna-book{perspective:800px;transform-style:preserve-3d;margin-top:var(--space-xl);margin-bottom:var(--space-xl);display:flex}.story-dna-book .book-mockup-spine,.story-dna-book .book-mockup-front{height:clamp(240px,42vh,340px)}.story-dna-front{position:relative}.story-dna-title-overlay{padding:var(--space-xl)var(--space-lg);z-index:1;pointer-events:none;background:linear-gradient(#0000,#0003,#000000a6);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.story-dna-title-text{font-family:Instrument Serif,Georgia,serif;font-size:var(--text-xl);color:var(--color-text-white);text-align:center;text-shadow:0 2px 12px #0009;font-weight:400;line-height:1.2}.dna-card{background:#ffffff0d;border-radius:20px;flex-direction:column;gap:1px;margin-bottom:160px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 8px 40px #0000004d,0 0 80px #7850c814}.dna-card .interstitial-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;margin-bottom:6px;font-size:11px;font-weight:600}.dna-card .interstitial-value{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-white);text-transform:capitalize;font-weight:400;line-height:1.3}.dna-card .interstitial-label.accent{color:#b48cffb3}.dna-card .interstitial-detail{font-size:var(--text-sm);color:#ffffff73;text-transform:capitalize;margin-top:4px;line-height:1.4}.dna-grid{background:#ffffff0a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.dna-grid>div{padding:var(--space-lg);text-align:left;background:#0d0518e6}.dna-grid>div:first-child{border-top-left-radius:20px}.dna-grid>div:nth-child(2){border-top-right-radius:20px}.dna-section{padding:var(--space-md)var(--space-lg);background:#0d0518e6;flex-direction:column;display:flex}.dna-section.with-divider{padding-top:var(--space-md);border-top:none}.dna-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.dna-tag{border-radius:var(--radius-full);color:#c8aaffd9;text-transform:capitalize;-webkit-backdrop-filter:blur(8px);background:#b48cff1a;border:1px solid #b48cff26;padding:6px 14px;font-size:12px;font-weight:500}.italic{font-style:italic}.interstitial-section{margin-top:var(--space-xl);width:100%;max-width:360px;margin-left:auto;margin-right:auto}.demo-option{padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--duration-normal);background:#ffffff0f}.demo-option:hover{color:var(--color-text-secondary);background:#ffffff1a}.demo-option.with-icon{align-items:center;gap:var(--space-sm);display:flex}.trope-tag{padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-dim);text-transform:capitalize;background:#ffffff0f;display:inline-block}.card-divider{margin:var(--space-md)0;padding-top:var(--space-md);border-top:1px solid #ffffff1a}.scene-tease{background:linear-gradient(135deg,#8b458b26,#ffffff0f);border:1px solid #ffffff14}.scene-tease-content{gap:var(--space-md);flex-direction:column;display:flex}.scene-tease-opener{font-family:var(--font-serif);font-size:var(--text-base);color:var(--color-text-white);text-transform:uppercase;letter-spacing:.04em;line-height:1.45}.scene-tease-opener em{color:#ffc8c8e6;font-style:normal}.scene-tease-line{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;line-height:1.5}.scene-tease-line em{font-style:italic}.progress-card{background:#ffffff0f}.progress-list{gap:var(--space-sm);flex-direction:column;display:flex}.progress-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs)0;display:flex}.progress-check{color:#4ade80;font-size:var(--text-sm);flex-shrink:0}.progress-label{font-size:var(--text-sm);color:var(--color-text-muted);min-width:80px}.progress-value{font-size:var(--text-sm);color:var(--color-text-white);text-transform:capitalize}.book-preview-blurred{padding:var(--space-xl)0;perspective:800px;justify-content:center;align-items:center;display:flex}.book-preview-blurred .book-spine{transform-origin:100%;background:linear-gradient(#8b458b66,#581c8799);border-radius:3px 0 0 3px;width:16px;height:260px;transform:rotateY(8deg);box-shadow:-2px 0 8px #0000004d}.book-preview-blurred .book-cover-blurred{-webkit-backdrop-filter:blur(20px);transform-origin:0;background:linear-gradient(135deg,#8b458b4d,#581c8766,#a855f733 60%,#8b458b59);border-radius:0 6px 6px 0;flex-direction:column;justify-content:center;align-items:center;width:180px;height:260px;display:flex;position:relative;overflow:hidden;transform:rotateY(-3deg);box-shadow:4px 4px 20px #0006,inset 0 0 30px #ffffff0d}.book-preview-blurred .book-cover-glow{background:radial-gradient(at 40% 40%,#a855f726,#0000 60%);width:160%;height:160%;animation:4s ease-in-out infinite alternate bookGlow;position:absolute;top:-30%;left:-30%}@keyframes bookGlow{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.book-preview-blurred .book-cover-text{z-index:1;align-items:center;gap:var(--space-sm);flex-direction:column;display:flex;position:relative}.book-preview-blurred .book-cover-label{font-family:var(--font-serif);font-size:var(--text-lg);color:#fff9;letter-spacing:.08em;text-transform:uppercase}.book-preview-blurred .book-cover-subtitle{font-family:var(--font-sans);font-size:var(--text-xs);color:#ffffff59;letter-spacing:.1em;text-transform:uppercase}.title-select-options{gap:var(--space-sm);flex-direction:column;display:flex}.title-select-option{width:100%;padding:var(--space-md)var(--space-lg);background:var(--color-glass-bg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal);border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.title-select-option:hover{background:#ffffff1a}.title-select-option.selected{background:var(--color-text-white)}.title-select-text{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-white);transition:color var(--duration-normal);text-transform:uppercase;letter-spacing:.04em}.title-select-option.custom .title-select-text{font-style:normal;font-family:var(--font-sans);font-size:var(--text-sm)}.title-select-option.selected .title-select-text{color:var(--color-bg-deep-violet)}.title-select-radio{width:20px;height:20px;transition:border-color var(--duration-normal);border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.title-select-option.selected .title-select-radio{border-color:var(--color-bg-deep-violet)}.title-select-radio-dot{background:var(--color-bg-deep-violet);opacity:0;width:10px;height:10px;transition:opacity var(--duration-normal);border-radius:50%}.title-select-option.selected .title-select-radio-dot{opacity:1}.book-cover-select-grid{gap:var(--space-xl);padding:var(--space-lg)0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.book-cover-select-grid::-webkit-scrollbar{display:none}.book-cover-select-grid .book-cover-option{scroll-snap-align:center;flex-shrink:0}@media(min-width:420px){.book-cover-select-grid{justify-content:center;overflow-x:visible}}.book-cover-option{align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-lg);background:0 0;border:none;flex-direction:column;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1);display:flex}.book-cover-option:hover{transform:scale(1.04)translateY(-4px)}.book-cover-option:active{transition-duration:.12s;transform:scale(.97)}.book-cover-option.selected{transform:scale(1.06)translateY(-6px)}.book-cover-mockup{perspective:800px;transform-style:preserve-3d;display:flex}.book-mockup-spine{transform-origin:100%;border-radius:4px 0 0 4px;width:16px;height:clamp(190px,32vh,260px);transform:rotateY(6deg);box-shadow:-3px 0 12px #0006,inset 1px 0 #ffffff0f}.book-mockup-front{aspect-ratio:2/3;transform-origin:0;border-radius:0 8px 8px 0;justify-content:center;align-items:center;height:clamp(190px,32vh,260px);transition:box-shadow .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:rotateY(-2deg);box-shadow:6px 8px 32px #00000080,2px 2px 12px #0000004d,inset 0 1px #ffffff14,inset 0 0 40px #ffffff08}.book-mockup-front:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff0f,#0000);height:40%;position:absolute;top:0;left:0;right:0}.book-cover-option.selected .book-mockup-front{box-shadow:8px 12px 40px #00000080,0 0 30px #a855f740,inset 0 1px #ffffff1a,inset 0 0 40px #ffffff0d}.book-mockup-image{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.book-mockup-glow{pointer-events:none;opacity:.8;width:140%;height:140%;position:absolute;top:-20%;left:-20%}.book-mockup-content{z-index:1;padding:0 var(--space-xl);flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.book-mockup-title-line{background:#fff3;border-radius:1px;width:80px;height:2px}.book-mockup-title-line.short{width:50px}.book-mockup-divider{background:#ffffff1a;width:24px;height:1px;margin:6px 0}.book-mockup-author-line{background:#ffffff1f;border-radius:1px;width:55px;height:1.5px}.book-mockup-check{background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;animation:.4s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0003}.book-mockup-check svg{width:22px;height:22px;stroke:var(--color-bg-deep-violet);stroke-width:2.5px}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.book-cover-option-label{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-normal)}.book-cover-option.selected .book-cover-option-label{color:var(--color-text-white)}.interstitial:has(.character-reveal-swipe) .interstitial-content{width:100%;max-width:480px}.character-reveal-swipe{width:100%;margin-top:var(--space-lg)}.character-reveal-swipe .swipe-container{min-height:auto}.character-reveal-swipe .swipe-cards-stack{aspect-ratio:3/4;width:100%;max-width:100%;height:auto;max-height:420px}.character-reveal-swipe .swipe-nav{background:#ffffff14;border-color:#ffffff0f}.character-reveal-card{padding:var(--space-xl);cursor:pointer;background:linear-gradient(160deg,#443952,#2d2630 60%,#2a2035);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;overflow:hidden}.character-reveal-card.active{background:linear-gradient(160deg,#6b5a7d,#4a3d5c,#3a2e4a);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0000001a,0 16px 56px #0006,0 4px 20px #50327826}@media(min-width:480px){.character-reveal-card{padding:var(--space-2xl);border-radius:24px}}.character-reveal-loading-full{justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;min-height:300px;display:flex}.character-reveal-loading{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.character-reveal-spinner{border:1.5px solid #ffffff14;border-top-color:#ffffff80;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.character-reveal-loading .text-body-sm{color:#ffffff59;letter-spacing:.02em;font-size:13px}.character-reveal-header{padding-top:var(--space-md);text-align:center;flex-shrink:0;margin-bottom:auto}.character-reveal-type{text-transform:uppercase;letter-spacing:.16em;color:#ffffff59;margin-bottom:var(--space-sm);font-size:11px;font-weight:500}.character-reveal-name{font-family:var(--font-serif);color:var(--color-text-white);letter-spacing:-.02em;word-break:break-word;overflow-wrap:break-word;font-size:clamp(24px,6vw,36px);font-weight:400;line-height:1.1;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp}.character-reveal-description{gap:var(--space-sm);text-align:center;padding:var(--space-md)var(--space-xs)0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:column;flex-shrink:1;min-height:0;margin-bottom:auto;display:flex;overflow-y:auto}.character-reveal-description::-webkit-scrollbar{display:none}.character-reveal-line{color:#ffffff8c;text-transform:none;letter-spacing:0;opacity:0;flex-shrink:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(14px,3.5vw,16px);font-style:italic;line-height:1.55;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(6px)}.character-reveal-line.revealed{opacity:1;transform:translateY(0)}.character-reveal-editable{resize:none;background:0 0;border:none;border-bottom:1px solid #ffffff26;outline:none;width:100%}.character-reveal-editable:focus{border-bottom-color:#fff6}input.character-reveal-editable{text-align:center}textarea.character-reveal-editable{text-align:center;scrollbar-width:none;field-sizing:content;min-height:120px;overflow:hidden}textarea.character-reveal-editable::-webkit-scrollbar{display:none}.title-reveal-card{border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;background:linear-gradient(135deg,#b8d8be14,#ffffff0a);border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;min-height:180px;display:flex}.title-reveal-loading{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.title-reveal-spinner{border:2px solid #ffffff1a;border-top-color:#b8d8becc;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.title-reveal-title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-text-white);margin-bottom:var(--space-sm);animation:fadeInUp var(--duration-slow)ease-out;text-transform:uppercase;letter-spacing:.05em;font-weight:400}.title-reveal-subtitle{color:var(--color-text-muted);animation:fadeIn var(--duration-slow)ease-out .2s both}.title-regenerate-button{margin-top:var(--space-lg);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-dim);cursor:pointer;transition:all var(--duration-fast);animation:fadeIn var(--duration-slow)ease-out .4s both;background:0 0;border:1px solid #fff3}.title-regenerate-button:hover{color:var(--color-text-secondary);background:#ffffff14;border-color:#ffffff4d}.book-preview-container{align-items:center;gap:var(--space-lg);flex-direction:column;width:100%;display:flex}.book-preview-loading{justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:320px;display:flex}.book-preview-spinner{border:2px solid #ffffff1a;border-top-color:#fff9;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.book-preview-cover{border-radius:var(--radius-md);opacity:0;width:180px;height:270px;transition:all var(--duration-slow)var(--ease-smooth);position:relative;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 20px 40px #0006,0 0 1px #fff3}.book-preview-cover.revealed{opacity:1;transform:scale(1)translateY(0)}.book-preview-cover-accent{opacity:.8;width:4px;height:100%;position:absolute;top:0;left:0}.book-preview-cover-content{padding:var(--space-lg);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.book-preview-cover-genre{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.book-preview-cover-title{font-family:var(--font-serif);font-size:var(--text-xl);opacity:0;transition:all var(--duration-normal)ease-out .3s;text-transform:uppercase;letter-spacing:.05em;font-weight:400;line-height:1.25;transform:translateY(10px)}.book-preview-cover-title.revealed{opacity:1;transform:translateY(0)}.book-preview-cover-author{font-size:var(--text-xs);color:#fff6}.book-preview-character{text-align:center;opacity:0;transition:all var(--duration-normal)ease-out;transform:translateY(10px)}.book-preview-character.revealed{opacity:1;transform:translateY(0)}.book-preview-character-type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.book-preview-character-name{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-white);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:400}.book-preview-character-hint{font-size:var(--text-sm);color:var(--color-text-dim);font-style:italic}.book-preview-note{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.paywall-container{animation:fadeIn var(--duration-normal)ease-out;flex-direction:column;flex:1;display:flex}.paywall-header{text-align:center;margin-bottom:var(--space-xl)}.paywall-headline{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-text-white);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:400}.paywall-subhead{color:var(--color-text-dim)}.paywall-card{border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);background:#ffffff0f}.paywall-card-title{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-lg);font-weight:500}.feature-list{gap:var(--space-md);flex-direction:column;display:flex}.feature-item{align-items:center;gap:var(--space-md);color:var(--color-text-dim);display:flex}.feature-icon{width:20px;height:20px;color:var(--color-text-white);flex-shrink:0}.audio-preview-card{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);align-items:center;gap:var(--space-md);background:#ffffff0f;display:flex}.audio-icon-circle{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-text-white);background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-title{font-size:var(--text-sm);color:var(--color-text-white)}.audio-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.plan-list{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.plan-card{width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--duration-normal);background:#ffffff0f;border:none;position:relative}.plan-card:hover{background:#ffffff1a}.plan-card.selected{background:var(--color-text-white)}.plan-badge{top:-8px;left:var(--space-lg);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);background:var(--color-text-white);color:var(--color-bg-deep-violet);font-size:var(--text-xs);font-weight:600;position:absolute}.plan-card.selected .plan-badge{background:var(--color-bg-deep-violet);color:var(--color-text-white)}.plan-content{justify-content:space-between;align-items:center;display:flex}.plan-info{flex-direction:column;display:flex}.plan-name{color:var(--color-text-dim);transition:color var(--duration-normal);font-weight:500}.plan-card.selected .plan-name{color:var(--color-bg-deep-violet)}.plan-per-month{font-size:var(--text-xs);color:var(--color-text-muted)}.plan-card.selected .plan-per-month{color:#1a0b2e99}.plan-price-container{text-align:right}.plan-price{font-size:var(--text-lg);color:var(--color-text-dim);transition:color var(--duration-normal);font-weight:600}.plan-card.selected .plan-price{color:var(--color-bg-deep-violet)}.plan-period{font-size:var(--text-xs);color:var(--color-text-muted)}.plan-card.selected .plan-period{color:#1a0b2e99}.plan-savings{margin-top:var(--space-sm);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-muted);background:#ffffff1a;display:inline-block}.plan-card.selected .plan-savings{color:var(--color-bg-deep-violet);background:#1a0b2e1a}.paywall-guarantee{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-lg)}.option-emoji{margin-right:var(--space-sm)}.loading-screen{justify-content:center;align-items:center;min-height:100vh;display:flex}.content-policy-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);padding:var(--space-md);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.content-policy-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-xl)var(--space-lg);text-align:center;background:#ffffff14;border:1px solid #ffffff1f;animation:.25s ease-out slideUp;position:relative}.content-policy-close{top:var(--space-sm);right:var(--space-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-full);background:0 0;border:none;transition:color .15s;position:absolute}.content-policy-close:hover{color:var(--color-text-white)}.content-policy-icon{margin-bottom:var(--space-md);color:#ff6b6b;justify-content:center;display:flex}.content-policy-title{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-white);margin-bottom:var(--space-sm);font-weight:500}.content-policy-message{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-xs);line-height:1.5}.content-policy-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-lg)}.content-policy-btn{width:100%}.loading-policy-error{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.loading-policy-error p{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;line-height:1.5}.quota-counter{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;transition:color var(--duration-normal)var(--ease-smooth);padding:4px 16px 0}.quota-counter.quota-warning{color:#f5a623;font-weight:500}.checkout-blocked{border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md);text-align:center;background:#ff3b301a;border:1px solid #ff3b304d}.checkout-blocked p{font-size:var(--text-sm);color:#ffc8c8e6;line-height:1.5}.checkout-blocked a{color:#f5a623;text-decoration:underline}.quota-exceeded-banner{border-radius:var(--radius-lg);padding:var(--space-lg)var(--space-md);margin-bottom:var(--space-lg);text-align:center;background:linear-gradient(135deg,#8a4fff26,#ff69b426);border:1px solid #ffffff1f}.quota-exceeded-banner p{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}@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-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-ease{syntax:"*";inherits:false}