@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;min-height:100vh;font-family:var(--font-family-body);background-color:var(--color-parchment);color:var(--color-inkwell);font-size:var(--font-size-body);line-height:var(--line-height-body)}a{font-family:var(--font-family-story);color:var(--color-lake);text-decoration:none}a:hover{text-decoration:underline}.create-flow-gradient{min-height:100vh;background:linear-gradient(180deg,var(--color-parchment) 0,var(--color-parchment) 50%,var(--color-parchment-gradient-end) 100%)}:root{--font-family-body:"Playfair Display",serif;--font-family-story:"Source Sans 3",sans-serif;--color-inkwell:#232120;--color-inkwell-muted:#84807e;--color-dusk:#345B70;--color-dusk-muted:#809baa;--color-mountain:#7d5622;--color-sandstone:#cd9363;--color-eucalyptus:#547c7a;--color-lake:#1668aa;--color-link:#1668aa;--color-error:#c65232;--color-error-bg:#f8dbc6;--color-border-error:#efbe9b;--color-success:#1b4d41;--color-success-bg:#d4e0dd;--color-border-success:#9dcbbf;--color-label:#7d5622;--color-label-bg:#ebd7c7;--color-border-label:#cd9363;--color-border:#c7bba6;--color-border-light:#c7bba6;--color-border-dark:#c7bba6;--color-background-card:#eee8de;--color-parchment:#fcf6ef;--color-parchment-gradient-end:#ffead2;--color-background-input:#fff;--color-border-input:#c7bba6;--color-background-input-disabled:#fcf6ef;--color-step-completed:#547c7a;--color-step-active:#1668aa;--color-step-pending:#84807e;--color-step-pending-text:#84807e;--color-step-label:#232120;--color-step-num:#84807e;--space-xxxs:2px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--font-size-title-massive:64px;--font-size-title-lg:48px;--font-size-title:32px;--font-size-body-lg:18px;--font-size-body:16px;--font-size-caption:14px;--font-size-label:12px;--font-size-label-mobile:12px;--line-height-body:1.3;--font-weight-regular:400;--font-weight-semibold:500;--font-weight-bold:700;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:40px;--modal-duration:300ms;--modal-ease:ease-out;--modal-ease-out:ease-in;--circle-icon-btn-size:44px}.stories-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;list-style:none;padding:0;margin:0}@media (max-width:768px){.stories-gallery{grid-template-columns:repeat(2,1fr)}}.download-app-banner{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 24px;background-color:var(--color-parchment);border-bottom:1px solid var(--color-label-bg)}.download-app-banner__text{margin:0;font-family:var(--font-family-body);font-weight:400;font-size:var(--font-size-body-lg);line-height:var(--line-height-body);color:var(--color-inkwell)}.download-app-banner__icon{display:block;flex-shrink:0;width:44px;height:44px}.download-app-banner__badge{display:block;width:auto;height:40px;aspect-ratio:119.66407/40}.download-app-banner__store-link{display:inline-flex;flex-shrink:0;line-height:0;text-decoration:none}@media (max-width:768px){.download-app-banner__text{font-size:var(--font-size-body)}.download-app-banner__icon{width:32px;height:32px}.download-app-banner__badge{height:32px}}.saved-story-card{position:relative}.saved-story-thumb{border-radius:8px;transition:box-shadow .25s ease;box-shadow:none}.saved-story-card .saved-story-thumb>div:after{content:"";position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-inkwell) 15%,transparent);pointer-events:none;z-index:1}@media (hover:hover) and (pointer:fine){.saved-story-card:focus-within .saved-story-thumb,.saved-story-card:hover .saved-story-thumb{box-shadow:0 12px 28px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)}}.stories-skeleton{-webkit-user-select:none;-moz-user-select:none;user-select:none}.stories-skeleton-tile{width:100%;aspect-ratio:1;border-radius:8px}.stories-skeleton-line,.stories-skeleton-tile{background:linear-gradient(90deg,#f1f1f1,#e9e9e9 50%,#f1f1f1);background-size:200% 100%;animation:stories-skeleton-shimmer 1.2s ease-in-out infinite}.stories-skeleton-line{height:10px;border-radius:999px;margin-top:10px}.stories-skeleton-line--title{width:80%}.stories-skeleton-line--meta{width:55%;margin-top:8px}@keyframes stories-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.stories-skeleton>li:nth-child(n+5){display:none}}.circle-icon-btn{width:var(--circle-icon-btn-size);height:var(--circle-icon-btn-size);min-width:var(--circle-icon-btn-size);min-height:var(--circle-icon-btn-size);border-radius:50%;border:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}button.circle-icon-btn,span.circle-icon-btn{cursor:pointer}.circle-icon-btn--primary{background-color:var(--color-eucalyptus);color:var(--color-parchment)}.circle-icon-btn--secondary{background-color:transparent;border:2px solid var(--color-eucalyptus);color:var(--color-eucalyptus)}.circle-icon-btn--primary-destructive{background-color:var(--color-error);color:var(--color-parchment)}.circle-icon-btn--secondary-destructive{background-color:transparent;border:2px solid var(--color-error);color:var(--color-error)}.text-caption{font-size:var(--font-size-caption)}.text-body{font-size:var(--font-size-body)}.text-body-lg{font-size:var(--font-size-body-lg)}.text-title{font-size:var(--font-size-title)}.text-title,.text-title-lg{font-weight:var(--font-weight-semibold)}.text-title-lg{font-size:var(--font-size-title-lg)}.text-muted{color:var(--color-dusk-muted)}.text-secondary{color:var(--color-inkwell-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);font-family:var(--font-family-story);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:1.25;border:none;border-radius:0;cursor:pointer;transition:opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.9}.btn:not(:disabled):active{opacity:.8}a.btn,a.btn:hover{text-decoration:none}.btn--primary{background-color:var(--color-eucalyptus);color:var(--color-parchment)}.btn--secondary{background-color:transparent;border:none;box-shadow:inset 0 0 0 2px var(--color-eucalyptus);color:var(--color-eucalyptus)}.btn-oauth{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:flex-start;gap:12px;text-align:left;border:1px solid var(--color-border);background-color:rgba(235,215,199,.5);color:var(--color-inkwell);padding-inline:var(--space-lg)}.btn-oauth:not(:disabled):hover{background-color:rgba(235,215,199,.6);opacity:1}.btn-oauth:not(:disabled):active{background-color:rgba(235,215,199,.65);opacity:1}.btn-oauth .btn-oauth__label{flex:1 1;text-align:left}.btn--ghost{background-color:transparent;color:var(--color-eucalyptus)}.btn--primary-destructive{background-color:var(--color-error);color:var(--color-parchment)}.btn--secondary-destructive{border:none;box-shadow:inset 0 0 0 2px var(--color-error)}.btn--ghost-destructive,.btn--secondary-destructive{background-color:transparent;color:var(--color-error)}.btn--sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-caption)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-title)}.selector-btn{transition:none}.selector-btn .selector-icon{opacity:0;transition:opacity .22s ease}.selector-btn:focus-visible .selector-icon,.selector-btn:hover .selector-icon{opacity:1}.selector-btn .selector-text{display:inline-block;transition:transform .22s ease}.selector-btn:focus-visible .selector-text,.selector-btn:hover .selector-text{transform:translateX(8px)}@media (max-width:768px){.selector-btn .selector-icon{opacity:1}.selector-btn .selector-text,.selector-btn:focus-visible .selector-text,.selector-btn:hover .selector-text{transition:none;transform:none}}.create-flow-character-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}@media (max-width:768px){.create-flow-character-row{flex-direction:column;align-items:stretch}}.top-nav-links{justify-content:flex-end}.logo-with-badge{display:inline-flex;align-items:center;gap:4px}@media (max-width:768px){.logo-with-badge{flex-direction:column;align-items:flex-start}}.hero-header:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 0,rgba(252,246,239,.7) 60%),url(/hp-hero.png);background-size:cover;background-position:50%;transform:scaleX(-1);z-index:0}@media (max-width:768px){.generating-loader-shift{transform:scale(.75);transform-origin:center}}.input,.textarea{display:block;width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-inkwell);background-color:var(--color-background-input);border:1px solid var(--color-border-input);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder,.textarea::placeholder{color:var(--color-dusk-muted)}.input:hover,.textarea:hover{border-color:var(--color-border-light)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-step-active);box-shadow:0 0 0 3px rgba(22,104,170,.2)}.input.input--error,.textarea.textarea--error{border-color:var(--color-error)}.input.input--error:focus,.textarea.textarea--error:focus{box-shadow:0 0 0 3px rgba(198,82,50,.15)}.textarea{min-height:100px;resize:vertical}.input-field{display:block;box-sizing:border-box;width:100%;min-height:56px;padding:var(--space-md) var(--space-lg);font-family:var(--font-family-story);font-size:var(--font-size-body-lg);line-height:1.3;color:var(--color-inkwell);background-color:#fff;border:1px solid var(--color-border);border-radius:0;transition:border-width .15s ease,border-color .15s ease,background-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field::placeholder{color:#9f9c9a}.input-field:focus{outline:1px solid var(--color-mountain);outline-offset:0;border-color:var(--color-mountain);border-width:1px}.input-field:disabled{background-color:#fcf6ef;border:1px solid var(--color-border);color:var(--color-inkwell);cursor:not-allowed}.input-field-error{margin-top:var(--space-xxs);font-family:var(--font-family-story);color:var(--color-error)}.input-field-error,.label{font-size:var(--font-size-caption)}.label{display:block;margin-bottom:var(--space-xs);font-weight:var(--font-weight-regular);color:var(--color-inkwell)}.label--optional:after{content:" (optional)";font-weight:400;color:var(--color-dusk-muted)}.message{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-body);line-height:var(--line-height-body)}.message--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.message--error{background-color:#fef2f2;color:var(--color-error);border:1px solid var(--color-error)}.message--info{background-color:#eff6ff;color:var(--color-step-active);border:1px solid var(--color-step-active)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.card{background-color:var(--color-background-card);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:var(--space-md)}.card--elevated{box-shadow:0 4px 20px rgba(0,0,0,.15)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.modal-backdrop,[data-modal-backdrop]{animation:modal-fade-in var(--modal-duration) var(--modal-ease)}.modal-backdrop.modal-closing,.modal-backdrop[data-closing],[data-modal-backdrop].modal-closing,[data-modal-backdrop][data-closing]{animation:modal-fade-out var(--modal-duration) var(--modal-ease-out) forwards}.modal-content,[role=dialog].modal-dialog{animation:modal-fade-in var(--modal-duration) var(--modal-ease)}.modal-content.modal-closing,.modal-content[data-closing],[role=dialog].modal-dialog.modal-closing,[role=dialog].modal-dialog[data-closing]{animation:modal-fade-out var(--modal-duration) var(--modal-ease-out) forwards}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.75}}.skeleton-thumb{background:var(--color-border-light);border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.home-feature-row{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-lg);align-items:stretch;text-align:center}@media (min-width:640px){.home-feature-row{flex-direction:row;align-items:center;gap:var(--space-xl);text-align:left}.home-feature-row--reverse{flex-direction:row-reverse}}.home-feature-row__media{width:66.666%;max-width:66.666%;height:auto;flex-shrink:0;display:block;background:transparent;align-self:center}@media (min-width:640px){.home-feature-row__media{width:33.333%;max-width:33.333%;align-self:center;flex:0 0 33.333%}}.home-feature-row__body{flex:1 1;min-width:0}.home-feature-row__body h3{font-size:var(--font-size-body-lg);font-family:var(--font-family-body);line-height:var(--line-height-body)}.home-feature-row__body h3,.home-feature-row__body p{margin:0 0 var(--space-sm);font-weight:400;color:var(--color-dusk)}.home-feature-row__body p{font-size:var(--font-size-caption);font-family:var(--font-family-story);line-height:1.5}.home-feature-row__body p:last-child{margin-bottom:0}