:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff;color:#213547}html,body,#root{width:100%;height:100%;overflow-x:hidden}html[data-theme=dark] .brand-logo{filter:brightness(0) invert(1)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html[data-theme=dark] .step-form-content button.moral-option,html[data-theme=dark] .step-form-content button.moral-option.selected,html[data-theme=dark] .story-page button.moral-option,html[data-theme=dark] .step-buttons button.moral-option,html[data-theme=dark] .left-panel button.moral-option,.step-form-content button.moral-option,.step-form-content button.moral-option.selected,.story-page button.moral-option,.step-buttons button.moral-option,.left-panel button.moral-option,.starry-night-container button.moral-option,.starry-night-container button.moral-option.selected{background:transparent!important}.moral-options-list{display:flex;flex-direction:column;row-gap:4px;margin:4px 0 0;padding:0;width:100%;max-width:100%}.moral-options-list .moral-option{-webkit-tap-highlight-color:rgba(0,0,0,0);font:var(--ark-font-m);font-weight:600;color:var(--ark-text-color-64);background:linear-gradient(135deg,var(--ark-primary-12) 0%,var(--ark-primary-08) 100%);border:1.5px solid rgba(255,255,255,.15);border-radius:32px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;min-height:48px;padding:6px 14px;margin:0;box-sizing:border-box;cursor:pointer;position:relative;outline:none;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.moral-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.moral-option:hover:before{left:100%}.moral-option:focus-visible{outline:3px solid var(--ark-primary);outline-offset:3px}.moral-option.selected{border-color:var(--ark-primary);background:linear-gradient(135deg,#f693d340,#c962a959);color:var(--ark-white);transform:translate(4px);box-shadow:0 4px 12px #c962a94d,inset 0 1px #fff3;animation:moral-select .4s cubic-bezier(.34,1.56,.64,1)}@keyframes moral-select{0%{transform:translate(0) scale(1)}50%{transform:translate(6px) scale(1.02)}to{transform:translate(4px) scale(1)}}.moral-option .moral-radio{width:28px;height:28px;border-radius:50%;border:2px solid var(--ark-primary);background:var(--ark-background-color-32);display:flex;align-items:center;justify-content:center;margin-right:10px;position:relative;flex-shrink:0;transition:all .3s ease;box-shadow:0 0 #c962a900}.moral-option:hover .moral-radio{border-color:#c962a9cc;box-shadow:0 0 0 4px #c962a91a}.moral-option.selected .moral-radio{background:linear-gradient(135deg,#f693d3,#c962a9);border-color:var(--ark-white);box-shadow:0 0 0 4px #c962a933;animation:radio-pulse .5s ease}@keyframes radio-pulse{0%,to{box-shadow:0 0 #c962a966}50%{box-shadow:0 0 0 8px #c962a900}}.moral-radio-dot{width:12px;height:12px;background:var(--ark-white);border-radius:50%;position:absolute;left:7px;top:7px}.moral-label{font:var(--ark-font-l);font-weight:700;color:inherit;letter-spacing:.01em;text-align:left;flex:1;line-height:1.3}.moral-options-list .moral-option:not(.selected):hover{background:linear-gradient(135deg,var(--ark-primary-16) 0%,var(--ark-primary-12) 100%);border-color:#c962a94d;transform:translate(2px);box-shadow:0 2px 8px #c962a926}@media(max-width:720px){.moral-options-list{flex-direction:column;max-width:100%}.moral-option{flex:1 1 100%;width:100%}}.step4-illustration-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin:clamp(4px,1.5vw,18px) 0 clamp(12px,2vw,28px);pointer-events:none;position:relative;isolation:isolate}.step4-illustration{width:min(360px,82%);max-width:420px;height:auto;animation:step4Float 6s ease-in-out infinite;will-change:transform;filter:none;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;clip-path:inset(1px);display:block}.step4-illustration-wrapper img{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;clip-path:inset(1px)}.starry-night-container .step4-illustration{filter:none}.step4-particle-ring{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:min(420px,92%);max-width:460px;aspect-ratio:1 / 1;margin:0 auto;pointer-events:none;z-index:0;filter:drop-shadow(0 0 25px rgba(226,192,255,.35))}.step4-particle-layer{--particle-color: rgba(255, 255, 255, .75);--mask-inner: 42%;--mask-outer: 66%;position:absolute;inset:clamp(-6px,-1vw,-10px);border-radius:50%;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(circle,var(--particle-color) 0,var(--particle-color) 1px,transparent 2px);background-size:28px 28px;background-position:0 0;animation:step4ParticleOrbit var(--duration, 18s) linear infinite;opacity:var(--layer-opacity, .85);transform-origin:center;-webkit-mask:radial-gradient(circle,transparent var(--mask-inner),rgba(0,0,0,.92) calc(var(--mask-inner) + 1%),rgba(0,0,0,.92) calc(var(--mask-outer) - 1%),transparent var(--mask-outer));mask:radial-gradient(circle,transparent var(--mask-inner),rgba(0,0,0,.92) calc(var(--mask-inner) + 1%),rgba(0,0,0,.92) calc(var(--mask-outer) - 1%),transparent var(--mask-outer))}.step4-particle-layer.layer-one{--duration: 22s;--mask-inner: 40%;--mask-outer: 63%;--layer-opacity: .65;background-size:32px 32px}.step4-particle-layer.layer-two{--duration: 14s;--mask-inner: 50%;--mask-outer: 72%;--layer-opacity: .5;background-size:38px 38px;animation-direction:reverse}.step4-particle-layer.layer-three{--duration: 30s;--mask-inner: 32%;--mask-outer: 56%;--layer-opacity: .75;background-size:30px 30px;filter:blur(.5px)}.step-light-container .step4-particle-layer{--particle-color: rgba(201, 98, 169, .55);mix-blend-mode:normal;filter:drop-shadow(0 0 16px rgba(201,98,169,.35))}.starry-night-container .step4-particle-layer{--particle-color: rgba(255, 255, 255, .82)}@keyframes step4Float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.01)}to{transform:translateY(0) scale(1)}}@keyframes step4ParticleOrbit{0%{transform:rotate(0) scale(1);background-position:0 0}50%{transform:rotate(180deg) scale(1.03);background-position:11px 11px}to{transform:rotate(360deg) scale(1);background-position:22px 22px}}@media(prefers-reduced-motion:reduce){.step4-illustration,.step4-particle-layer{animation:none}}.step-actions.step-actions-overlay{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);width:100%;max-width:none;margin:0;border-radius:28px 28px 0 0;padding:14px clamp(18px,6vw,28px) calc(env(safe-area-inset-bottom,0px) + 20px);background:#0a0e27c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -12px 34px #06091a59;z-index:90;display:none;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:14px;box-sizing:border-box}@media(orientation:portrait){.step-actions.step-actions-overlay{display:flex}}.step-actions.step-mobile-inline{position:fixed;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);width:100%;max-width:none;margin:0;border-radius:28px 28px 0 0;padding:14px clamp(18px,6vw,28px) calc(env(safe-area-inset-bottom,0px) + 20px);background:#0a0e27c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -12px 34px #06091a59;z-index:90;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;transform-origin:center bottom}.step-light-container .step-actions.step-mobile-inline{background:#fff8fceb;box-shadow:0 -12px 32px #c962a942}.step-actions.step-mobile-inline .step-primary-action,.step-actions.step-mobile-inline .step-secondary-action{width:100%;min-height:52px;flex:1 1 auto}.step-actions.step-mobile-inline>.step-primary-action:only-child,.step-actions.step-mobile-inline>.step-secondary-action:only-child{flex-basis:100%;max-width:none}@media(orientation:landscape){.step-actions.step-mobile-inline{display:none}}.step-light-container .step-actions.step-actions-overlay{background:#fff8fceb;box-shadow:0 -12px 32px #c962a942}.step-actions.step-actions-overlay .step-primary-action,.step-actions.step-actions-overlay .step-secondary-action{width:100%;min-height:52px;flex:1 1 auto}.step-actions.step-actions-overlay>.step-primary-action:only-child,.step-actions.step-actions-overlay>.step-secondary-action:only-child{flex-basis:100%;max-width:none}html[data-theme=dark] .starry-night-container .ark-input__wrapper{background:#0c0c1ae0;border-color:#ffffff38;box-shadow:0 0 0 2px #f693d314}html[data-theme=dark] .starry-night-container .ark-input__wrapper:focus-within{background:#121220f2;border-color:#f693d3;box-shadow:0 0 0 3px #f693d338}html[data-theme=dark] .starry-night-container .ark-input__native{color:#fff!important}html[data-theme=dark] .starry-night-container .ark-input__native::placeholder{color:#ffffffa6}.starry-night-container .saved-character-card,.starry-night-container .secondary-card{box-shadow:none!important;text-shadow:none}@media(orientation:portrait),(max-aspect-ratio:1/1),(max-width:600px){.step-form-content{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);justify-content:flex-start}.step-header{align-items:center}.step-desktop-only{display:none}}.step-input-container .ark-input__wrapper,.step-input-container input{margin-bottom:0!important}.step-input-helper{font-size:.9rem;color:#fffc;margin:-4px 0 0}.step-light-container .step-input-helper{color:#06091ab3}.secondary-character-carousel{display:flex;justify-content:center}.secondary-character-legend{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-bottom:18px}.secondary-character-legend__label{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6}.saved-character-grid{display:flex;flex-wrap:wrap;column-gap:.25rem;row-gap:.85rem;align-items:flex-start;margin-top:0}.secondary-character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem .65rem;max-width:360px;width:100%}.saved-character-card{position:relative;border:none;background:transparent!important;padding:0;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;color:#2f1f35b8;font:600 .95rem/1.35 PingFang HK,Inter,-apple-system,system-ui,sans-serif;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .22s ease,color .22s ease;border:2px solid rgba(201,98,169,.25)}.secondary-card{width:88px;border:none;color:#ffffffd1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.secondary-character-grid .secondary-card{padding:0}.secondary-character-carousel .saved-character-card{padding:0!important}.secondary-card .saved-character-name{font-size:.95rem;color:inherit}.secondary-card.active{color:#ffb6e2;transform:none;animation:none}.saved-character-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;overflow:hidden;transform:translateY(0);box-shadow:0 6px 18px #c962a92e;transition:transform .25s ease,box-shadow .25s ease}.saved-character-card:not(.active) .saved-character-avatar{border:none}.saved-character-card.active .saved-character-avatar{transform:translateY(-4px) scale(1.05);border:3px solid rgba(201,98,169,.8);box-shadow:0 14px 32px #c962a966,0 0 0 3px #c962a933;animation:bounce-up .5s cubic-bezier(.34,1.56,.64,1)}.secondary-avatar{width:86px;height:86px;border:none;box-shadow:0 8px 20px #00000040;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;transform:translateY(0)}.secondary-avatar img{object-fit:cover}.secondary-card.active .secondary-avatar{transform:none;box-shadow:0 18px 42px #c962a966,0 0 0 3px #ffb6e24d;animation:none}@keyframes bounce-up{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.08)}to{transform:translateY(-6px) scale(1.05)}}.secondary-avatar span{font-size:2.2rem;color:#251824eb}.saved-character-nickname{font-size:.78rem;line-height:1.1;font-weight:600;color:#3b2e40b3;text-transform:none}.saved-character-nickname--placeholder{color:#999;font-style:italic;font-size:.8rem}.secondary-card .saved-character-nickname{color:#ffffffe6}.secondary-card .saved-character-nickname--placeholder{color:#ffffff73}.saved-character-card.add-card .saved-character-add-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:2.1rem;font-weight:600;color:#999;background:transparent;border:2px dashed #999;box-shadow:0 6px 18px #c962a92e;transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease}.saved-character-card:hover .saved-character-avatar,.saved-character-card:focus-visible .saved-character-avatar,.saved-character-card.add-card:hover .saved-character-add-icon,.saved-character-card.add-card:focus-visible .saved-character-add-icon{transform:translateY(-2px);box-shadow:0 10px 28px #c962a94d}.starry-night-container .saved-character-card.active .saved-character-avatar{border:3px solid rgba(201,98,169,.8)}@media(max-width:768px),(orientation:portrait){.saved-character-carousel{margin:4px -12px 0;padding:0 12px 8px}.saved-character-carousel:not(.secondary-character-carousel){padding-left:16px}.secondary-character-carousel{margin:0 auto;padding:0;overflow:visible;max-width:360px}.saved-character-carousel .saved-character-grid{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;column-gap:.85rem;row-gap:0;padding:10px 6px 12px;margin:0;scroll-snap-type:x proximity}.saved-character-carousel:not(.secondary-character-carousel) .saved-character-grid{column-gap:.65rem;padding:10px 5px}.saved-character-carousel .saved-character-grid::-webkit-scrollbar{display:none}.saved-character-card{flex:0 0 auto;scroll-snap-align:center}.secondary-character-carousel .saved-character-grid,.secondary-character-carousel .secondary-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.85rem .65rem;overflow:visible;padding:0;scroll-snap-type:none;flex-wrap:unset}.secondary-character-carousel .saved-character-card,.secondary-character-carousel .secondary-card{flex:initial;scroll-snap-align:unset}}@media(max-width:768px){.saved-character-grid{gap:16px}.secondary-character-grid{gap:.85rem}.saved-character-carousel:not(.secondary-character-carousel) .saved-character-grid{gap:.85rem}}.ark-input__wrapper{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:50px;background:#fff;padding:0 2rem;transition:all .2s;height:56px;min-height:56px;box-sizing:border-box;position:relative}.ark-input__wrapper.is-empty{border-color:#ffb347;box-shadow:0 0 0 2px #ffb34740}.starry-night-container .ark-input__wrapper.is-empty{border-color:#ffd08a;box-shadow:0 0 0 2px #ffd08a52;background:#fffffff5}html[data-theme=dark] .ark-input__wrapper.is-empty,html[data-theme=dark] .starry-night-container .ark-input__wrapper.is-empty{border-color:#ffb347;box-shadow:0 0 0 2px #ffb34759}.secondary-character-carousel .secondary-character-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:460px;width:100%;gap:.85rem .65rem;margin:0 auto}.secondary-character-carousel .saved-character-card,.secondary-character-carousel .secondary-card{width:auto!important}.moral-option{-webkit-tap-highlight-color:rgba(0,0,0,0);font:var(--ark-font-m);font-weight:700;color:var(--ark-text-color-64);background:var(--ark-primary-12);border:2px solid var(--ark-primary);border-radius:var(--ark-radius-m);display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem;height:24px;padding:.5rem 1rem .5rem .5rem;margin-bottom:.75rem;box-sizing:border-box;cursor:pointer;transition:all .2s ease-in-out;transition-property:background,opacity;position:relative;outline:none}.moral-option.selected{border:2px solid var(--ark-primary);background:var(--ark-primary-12)}.moral-option .moral-radio{width:32px;height:32px;border-radius:50%;border:2.5px solid var(--ark-primary);background:var(--ark-background-color-32);display:flex;align-items:center;justify-content:center;margin-right:16px;position:relative}.moral-option.selected .moral-radio{background:var(--ark-primary);border-color:var(--ark-white)}.moral-radio-dot{width:16px;height:16px;background:var(--ark-white);border-radius:50%;position:absolute;left:8px;top:8px}.moral-label{font:var(--ark-font-l);font-weight:700;color:inherit;letter-spacing:.01em}.moral-option:not(.selected):hover{background:var(--ark-primary-20);color:var(--ark-white-96);border-color:var(--ark-primary)}.moral-actions{display:flex;gap:24px;margin-top:32px;justify-content:flex-start}.moral-skip{background:var(--ark-background-color-32);color:var(--ark-primary);border:none;box-shadow:none;font:var(--ark-font-l);font-weight:700;border-radius:var(--ark-radius-m);padding:.5rem 1.5rem}.moral-skip:hover{background:var(--ark-primary-hover);color:var(--ark-white)}.step-form-content{display:flex;flex-direction:column;gap:16px}.step-header{display:flex;align-items:flex-start;gap:clamp(16px,4vw,32px);margin-bottom:4px}.step-header-text{display:flex;flex-direction:column;gap:6px;flex:1 1 auto}.step-header-text h2,.step-header-text .form-desc{margin:0}.step-progress{display:inline-flex;align-items:baseline;gap:6px;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:currentColor;margin-top:-6px;line-height:1}.step-progress-current{font-size:clamp(1.6rem,4vw,2.5rem);line-height:1}.step-progress-divider,.step-progress-total{font-size:clamp(.95rem,2.2vw,1.2rem);opacity:.8}.step-header+.form-desc{margin-top:0}.step-form-content>*:not(.step-actions){margin-bottom:0}.step-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;width:100%;align-self:center;max-width:420px}.step-desktop-only{display:flex}.step-primary-action,.step-secondary-action{flex:1 1 auto;min-height:56px;border-radius:999px;font-size:1.05rem;font-weight:700;padding:16px 24px;transition:transform .25s ease,box-shadow .25s ease;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.step-primary-action:active,.step-secondary-action:active{transform:translateY(0) scale(.97)}.step-secondary-action{background:#fff;color:#3a2a35;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px #1111111f}.step-secondary-action:hover{background:#f7f2f6}.step-secondary-action:disabled{opacity:.6}.step-mobile-only{display:inline-flex;justify-content:center;align-items:center}.step-actions .step-primary-action{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff;border:none;box-shadow:0 6px 18px #c962a940;transform:translateY(0)}.step-actions .step-primary-action:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c962a94d}.starry-night-container .step-actions .step-secondary-action{background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#fff;box-shadow:0 6px 18px #00000040}.starry-night-container .step-actions .step-secondary-action:hover{background:#ffffff38}@media(min-width:601px)and (orientation:landscape){.step-mobile-only{display:none!important}.step-actions-overlay{display:none}.step-header{flex-direction:column;align-items:center;gap:8px}.step-progress{font-size:clamp(1.2rem,2.5vw,1.8rem);margin-top:0}.step-progress-current{font-size:clamp(1.2rem,2.5vw,1.8rem)}.step-progress-divider,.step-progress-total{font-size:clamp(.8rem,1.8vw,1rem)}}.starry-night-container .step-progress{color:#fff9!important;font-weight:700;text-shadow:none}.step-light-container .step-progress{color:#2f1a34e0}.starry-night-container h2{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,.9),0 0 20px rgba(255,255,255,.7),0 0 30px rgba(255,255,255,.5),0 0 40px rgba(240,128,205,.4),0 0 50px rgba(201,98,169,.3),0 2px 8px rgba(0,0,0,.3);font-weight:700;letter-spacing:.5px}.starry-night-container .form-desc{color:#e8edff!important;text-shadow:0 0 8px rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.4)}.starry-night-container label{color:#fff!important;text-shadow:0 0 6px rgba(255,255,255,.4),0 1px 2px rgba(0,0,0,.3);font-weight:600!important}.starry-night-container .gender-switch-flat{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.starry-night-container .gender-switch-btn{color:#ffffffb3!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.starry-night-container .gender-switch-btn.active{color:#fff!important;text-shadow:0 0 8px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.2)}.starry-night-container .gender-switch-btn:hover:not(.active){color:#ffffffe6!important}.starry-night-container .ark-input__wrapper{background:#ffffffe6;border-color:#ffffff4d}.starry-night-container .ark-input__wrapper:focus-within{background:#fffffff2;border-color:#c962a9;box-shadow:0 0 0 3px #c962a933,0 0 20px #f080cd4d}.starry-night-container .ark-input__native{color:#333!important}.starry-night-container button:not(.gender-switch-btn):not(.step-primary-action):not(.saved-character-card):not(.secondary-card):not(.moral-option){background:linear-gradient(135deg,#f080cd,#c962a9);color:#fff!important;box-shadow:0 4px 12px #f080cd66,0 0 20px #f080cd33;text-shadow:0 1px 3px rgba(0,0,0,.2)}.starry-night-container button:not(.gender-switch-btn):not(.step-primary-action):not(.saved-character-card):not(.secondary-card):not(.moral-option):hover:not(:disabled){box-shadow:0 6px 16px #f080cd80,0 0 30px #f080cd66;transform:translateY(-2px)}.starry-night-container .step-form-content{position:relative;z-index:10}.gender-switch-flat{display:flex;align-items:center;background:#f5f7fa;border-radius:100px;padding:4px;height:56px;min-width:180px;width:100%;max-width:300px;margin:0 auto;box-sizing:border-box;gap:0;box-shadow:inset 0 1px 3px #00000014}@media(max-width:768px){.gender-switch-flat{height:48px;min-width:auto;max-width:280px}}@media(max-width:480px){.gender-switch-flat{height:44px;max-width:100%}}.gender-switch-btn{flex:1;border:none;background:transparent;color:#888;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;font-size:1.15rem;font-weight:600;border-radius:100px;padding:0 2.5rem;height:48px;min-width:80px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;outline:none;position:relative}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin:24px 0;box-sizing:border-box}@media(min-width:1024px){.choice-grid{grid-template-columns:repeat(3,1fr);gap:16px}.choice-card{padding:24px 16px}.choice-icon{font-size:48px}.choice-label{font-size:1rem}}@media(min-width:768px)and (max-width:1023px){.choice-grid{grid-template-columns:repeat(3,1fr);gap:12px}.choice-card{padding:20px 12px}.choice-icon{font-size:40px}.choice-label{font-size:.95rem}}@media(max-width:767px){.choice-grid{grid-template-columns:repeat(2,1fr);gap:10px}.choice-card{padding:16px 10px}.choice-icon{font-size:36px}.choice-label{font-size:.85rem}}@media(orientation:portrait),(max-aspect-ratio:1/1),(max-width:600px){.step-form-content{padding-bottom:calc(148px + env(safe-area-inset-bottom,0px));justify-content:flex-start}.step-header{align-items:center}.step-desktop-only{display:none}}@media(max-width:479px){.step-header{flex-direction:column;align-items:flex-start;gap:10px}.choice-grid{grid-template-columns:repeat(2,1fr);gap:8px}.choice-card{padding:12px 8px}.choice-icon{font-size:32px}.choice-label{font-size:.8rem}}.choice-card{background:#fff;border:3px solid #e5e7eb;border-radius:20px;padding:24px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden;box-sizing:border-box}.starry-night-container .choice-card{background:#ffffff26;border:3px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.starry-night-container .choice-card .choice-label{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}.starry-night-container .choice-card.active{background:#f080cd4d;border-color:#f080cd;box-shadow:0 8px 24px #f080cd66,0 0 30px #f080cd4d}.starry-night-container .choice-card.active .choice-label{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.3)}.starry-night-container .choice-card:hover:not(.active){border-color:#fff9;background:#ffffff40;box-shadow:0 6px 16px #0000004d}.choice-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f080cd1a,#c962a91a);opacity:0;transition:opacity .3s}.choice-card.active{border-color:#c962a9;background:linear-gradient(135deg,#f080cd26,#c962a926);box-shadow:0 8px 24px #c962a940;transform:translateY(-4px) scale(1.03)}.choice-card.active:before{opacity:1}.choice-card:hover:not(.active){border-color:#d1a5c4;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.choice-icon{font-size:48px;line-height:1;filter:grayscale(60%);transition:filter .3s}.choice-card.active .choice-icon{filter:grayscale(0%);transform:scale(1.1)}.choice-label{font-size:1rem;font-weight:600;color:#666;transition:color .3s;text-align:center}.choice-card.active .choice-label{color:#c962a9;font-weight:700}.choice-card.active:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background:linear-gradient(135deg,#f080cd,#c962a9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 6px #c962a966}.step-input-container{width:100%;max-width:400px;margin:20px auto;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.saved-character-loading{display:flex;align-items:center;gap:12px;color:#2f1f35b3;font-weight:600;margin-top:28px}.saved-character-spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(201,98,169,.35);border-top-color:#c962a9f2;animation:saved-character-spin 1s linear infinite}@keyframes saved-character-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.saved-character-carousel{width:100%;position:relative}.saved-character-carousel:not(.secondary-character-carousel){padding-left:12px}.saved-character-grid{display:flex;flex-wrap:wrap;column-gap:1.25rem;row-gap:.85rem;align-items:flex-start;margin-top:0}.saved-character-carousel:not(.secondary-character-carousel) .saved-character-grid{column-gap:.75rem;row-gap:.55rem}.saved-character-card{position:relative;border:none;background:transparent!important;padding:0;border-radius:0;width:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;color:#2f1f35b8;font:600 .95rem/1.35 PingFang HK,Inter,-apple-system,system-ui,sans-serif;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .22s ease,color .22s ease;border:2px solid rgba(201,98,169,.25)}.saved-character-carousel:not(.secondary-character-carousel) .saved-character-card{width:84px}.saved-character-card:hover{transform:translateY(-2px);color:#c055a7f2}.saved-character-card:focus-visible{outline:3px solid rgba(201,98,169,.4);outline-offset:6px}.saved-character-card.active{color:#c055a7;border:2px solid rgba(201,98,169,1)}.saved-character-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;border:3px solid transparent;box-sizing:border-box;transition:border-color .18s ease,transform .18s ease}.saved-character-avatar img,.saved-character-avatar span{position:relative;z-index:1;width:100%;height:100%;border-radius:50%}.saved-character-card.active .saved-character-avatar{transform:translateY(-2px);border-color:#c962a9cc}.saved-character-avatar img{object-fit:cover;display:block}.saved-character-avatar span{display:grid;place-items:center;font-size:1rem;font-weight:700;letter-spacing:.02em;color:#3b2e40c7}.saved-character-info{display:flex;flex-direction:column;gap:.2rem;align-items:center;color:inherit}.saved-character-name{font-size:.92rem;font-weight:700;line-height:1.2}.saved-character-meta{font-size:.78rem;color:#3b2e408c}.saved-character-card.active .saved-character-meta{color:#c055a7cc}.saved-character-card.add-card{background:none;border:none;color:#c055a7db;gap:.45rem}.saved-character-card.add-card:hover{color:#c055a7}.saved-character-card.add-card .saved-character-add-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:2.1rem;font-weight:600;color:#999;background:transparent;border:2px dashed #999}.saved-character-carousel:not(.secondary-character-carousel) .saved-character-avatar,.saved-character-carousel:not(.secondary-character-carousel) .saved-character-card.add-card .saved-character-add-icon{width:80px;height:80px}.saved-character-card.add-card .saved-character-add-label{font-size:.82rem;font-weight:600}.starry-night-container .saved-character-card{color:#ffffffc7;border:2px solid rgba(201,98,169,.25)}.starry-night-container .saved-character-card:hover{color:#f693d3eb}.starry-night-container .saved-character-card.active{color:#f693d3f2;border:2px solid rgba(201,98,169,1)}.starry-night-container .saved-character-card.active .saved-character-avatar{border-color:#c962a9cc}.starry-night-container .saved-character-avatar span{color:#ffffffdb}.starry-night-container .saved-character-meta{color:#ffffffad}.starry-night-container .saved-character-card.add-card{color:#fff!important}.starry-night-container .saved-character-card.add-card .saved-character-add-icon{background:transparent}@media(max-width:768px),(orientation:portrait){.saved-character-carousel{margin:4px -12px 0;padding:0 12px 8px}.saved-character-carousel:not(.secondary-character-carousel){padding-left:16px}.secondary-character-carousel{margin:0 auto;padding:0;overflow:visible;max-width:360px}.saved-character-carousel .saved-character-grid{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;column-gap:.85rem;row-gap:0;padding:2px 6px 12px;margin:0;scroll-snap-type:x proximity}.saved-character-carousel:not(.secondary-character-carousel) .saved-character-grid{column-gap:.65rem;padding:2px 5px 10px}.saved-character-carousel .saved-character-grid::-webkit-scrollbar{display:none}.saved-character-card{flex:0 0 auto;scroll-snap-align:center}.secondary-character-carousel .saved-character-grid,.secondary-character-carousel .secondary-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.85rem .65rem;overflow:visible;padding:0;scroll-snap-type:none;flex-wrap:unset}.secondary-character-carousel .saved-character-card,.secondary-character-carousel .secondary-card{flex:initial;scroll-snap-align:unset}}@media(max-width:768px){.saved-character-grid{gap:20px}.saved-character-carousel:not(.secondary-character-carousel) .saved-character-grid{gap:.85rem}}@media(max-width:520px){.saved-character-card{width:96px}.saved-character-card .saved-character-avatar,.saved-character-card.add-card .saved-character-add-icon{width:64px;height:64px}.saved-character-name{font-size:.86rem}.saved-character-meta{font-size:.74rem}}@media(max-width:768px){.step-input-container{max-width:100%}}.ark-input__wrapper{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:50px;background:#fff;padding:0 2rem;transition:all .2s;height:56px;min-height:56px;box-sizing:border-box}.ark-input__wrapper:focus-within{border-color:#c962a9;box-shadow:0 0 0 3px #c962a91a}.step-light-container h2,.step-light-container .form-desc,.step-light-container .choice-label,.step-light-container .saved-character-name,.step-light-container .saved-character-nickname,.step-light-container .saved-character-meta,.step-light-container .moral-label,.step-light-container .secondary-character-legend__label,.step-light-container .step-input-container>label,.step-light-container .saved-character-card.add-card{color:#000!important}.step-light-container .choice-card.active .choice-label{color:#c962a9!important}.step-primary-action--loading{position:relative;min-height:50px;display:flex;align-items:center;justify-content:center}.pacman-loader{display:flex;align-items:center;justify-content:center;width:80px;height:24px;position:relative}.pacman{position:absolute;left:0;width:24px;height:24px;animation:pacmanMove 3s linear infinite}.pacman-top,.pacman-bottom{position:absolute;width:0;height:0;border:12px solid currentColor;border-radius:50%}.pacman-top{border-bottom-color:transparent;border-right-color:transparent;animation:pacmanTopMouth .4s ease-in-out infinite}.pacman-top:after{content:"";position:absolute;top:-9px;left:-2px;width:4px;height:4px;border-radius:50%;background-color:#0009}.pacman-bottom{border-top-color:transparent;border-left-color:transparent;animation:pacmanBottomMouth .4s ease-in-out infinite}.pacman-dots{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 10px}.pacman-dots .dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;opacity:1}.pacman-dots .dot:nth-child(1){animation:dotEaten1 3s linear infinite}.pacman-dots .dot:nth-child(2){animation:dotEaten2 3s linear infinite}.pacman-dots .dot:nth-child(3){animation:dotEaten3 3s linear infinite}@keyframes pacmanMove{0%{left:-10px;transform:scaleX(1)}45%{left:calc(100% - 14px);transform:scaleX(1)}50%{left:calc(100% - 14px);transform:scaleX(-1)}95%{left:-10px;transform:scaleX(-1)}to{left:-10px;transform:scaleX(1)}}@keyframes pacmanTopMouth{0%,to{transform:rotate(0)}50%{transform:rotate(-30deg)}}@keyframes pacmanBottomMouth{0%,to{transform:rotate(0)}50%{transform:rotate(30deg)}}@keyframes dotEaten1{0%{opacity:1;transform:scale(1)}10%{opacity:1;transform:scale(1)}15%{opacity:0;transform:scale(0)}50%{opacity:0;transform:scale(0)}52%{opacity:1;transform:scale(1)}85%{opacity:1;transform:scale(1)}90%{opacity:0;transform:scale(0)}95%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes dotEaten2{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1)}25%{opacity:0;transform:scale(0)}50%{opacity:0;transform:scale(0)}52%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}80%{opacity:0;transform:scale(0)}95%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes dotEaten3{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}35%{opacity:0;transform:scale(0)}50%{opacity:0;transform:scale(0)}52%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(0)}95%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.step-light-container .saved-character-card.active{color:#c055a7!important}.step-light-container .saved-character-card.active .saved-character-meta{color:#c055a7cc!important}body{display:block;place-items:initial;background:#fff}.landing-wrapper{min-height:100vh;height:100%;width:100%;display:flex;flex-direction:column;background:#fff;font-family:PingFang HK,Segoe UI,system-ui,sans-serif;color:#1a202c}.landing-nav{position:relative;display:flex;align-items:center;gap:48px;padding:12px 50px 28px;background:transparent;border-bottom:1px solid rgba(241,230,239,.5)}.landing-nav>*{position:relative;z-index:2}.nav-brand{flex:0 0 auto;display:flex;align-items:center;gap:12px}.landing-nav .nav-inner{flex:1 1 auto;width:100%;display:flex;align-items:center;gap:24px;justify-content:flex-start;margin:0;min-width:0}.nav-left{flex:0 0 auto;display:flex;align-items:center;gap:16px}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:24px;width:100%}.brand{flex:0 0 auto;display:flex;align-items:center;gap:12px}.brand{flex:0 0 auto}.nav-actions{flex:0 0 auto;display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-left:auto}.nav-inner--expanded{max-width:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:24px;width:100%}.nav-inner--expanded .nav-left{justify-self:start;display:flex;align-items:center;gap:16px}.nav-inner--expanded .nav-tabs{justify-self:start;display:flex;justify-content:center;gap:12px;margin-left:-24px}.nav-inner:not(.nav-inner--expanded) .nav-actions{margin-right:-50px}.nav-tabs{flex:1 1 auto;display:flex;justify-content:center}.nav-tabs{flex:1 1 auto;display:flex;justify-content:center;gap:12px}.landing-wrapper{position:relative}.landing-wrapper:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 8%,#ffb6ce4d,#ffc8da1f 25%,#ffd2e60f 45%,#ffdcf000 60%),linear-gradient(180deg,#fff8fc,#fffafd 18%,#fffdff 45%,#fff)}.landing-wrapper:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;radial-gradient(circle at 30% 8%,rgba(255,182,206,.3) 0%,rgba(255,200,218,.12) 25%,rgba(255,210,230,.06) 45%,rgba(255,220,240,0) 60%),.language-dropdown .language-btn:hover{transform:translateY(-2px);background:rgba(var(--ark-primary-rgb),.06)}linear-gradient(180deg,rgba(255,248,252,1) 0%,rgba(255,250,253,1) 18%,rgba(255,253,255,1) 45%,rgba(255,255,255,1) 100%)}.brand{display:flex;align-items:center;gap:12px}.landing-wrapper>*{position:relative;z-index:1}.brand-logo{width:60px;height:60px;display:block;object-fit:contain}.brand-lang{position:relative}.language-toggle{background:transparent;border:1px solid rgba(var(--ark-primary-rgb),.08);padding:6px 10px;border-radius:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;color:var(--ark-primary);transition:box-shadow .18s,transform .18s}.language-toggle:hover{box-shadow:0 6px 18px rgba(var(--ark-primary-rgb),.12);transform:translateY(-1px)}.story-character-badge{position:absolute;top:8px;left:8px;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:3px 8px 3px 3px;display:flex;align-items:center;gap:5px;box-shadow:0 2px 12px #0000001a,0 1px 3px #00000014;height:30px;box-sizing:border-box;border:1px solid rgba(255,255,255,.5)}.character-badge-avatar{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;border-radius:50%!important;object-fit:cover;border:1.5px solid rgba(201,98,169,.3);flex-shrink:0;box-sizing:border-box;overflow:hidden}.character-badge-placeholder{background:linear-gradient(135deg,#f693d3,#c962a9)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:700!important;line-height:1!important}.character-badge-name{color:#2d1f2b;font-size:12px;font-weight:700;line-height:1;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.language-toggle .lang-chevron{opacity:.9;font-size:12px}.language-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:160px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 18px 40px #0a0a0a1a;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(0,0,0,.06);z-index:9999}.language-dropdown .language-btn{background:transparent;border:none;padding:10px 14px;border-radius:8px;font-weight:700;color:var(--ark-primary-72);text-align:left;cursor:pointer;transition:background .12s,color .12s,transform .12s}@media(max-width:600px){.story-card{max-width:160px}.story-card-info{padding:14px 10px 0}.story-title{font-size:14px;margin:0 0 4px}.story-date{font-size:11px}}@keyframes tt-float-in-up{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tt-float-in-down{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-wrapper .landing-nav{opacity:0;will-change:transform,opacity;animation:tt-float-in-down .52s cubic-bezier(.22,.61,.36,1) 80ms forwards}.landing-wrapper .page-title{opacity:0;will-change:transform,opacity;animation:tt-float-in-up .56s cubic-bezier(.22,.61,.36,1) .14s forwards}.landing-wrapper .main-inner{opacity:0;will-change:transform,opacity;animation:tt-float-in-up .56s cubic-bezier(.22,.61,.36,1) .16s forwards}.landing-wrapper .story-grid .story-card{opacity:0;transform:translateY(12px);will-change:transform,opacity;animation:tt-float-in-up .56s cubic-bezier(.22,.61,.36,1) .22s forwards}.character-save-btn--pseudo-disabled{opacity:.5;cursor:not-allowed}.landing-wrapper .story-grid .story-card:nth-child(1){animation-delay:.22s}.landing-wrapper .story-grid .story-card:nth-child(2){animation-delay:.26s}.landing-wrapper .story-grid .story-card:nth-child(3){animation-delay:.3s}.landing-wrapper .story-grid .story-card:nth-child(4){animation-delay:.34s}.landing-wrapper .story-grid .story-card:nth-child(5){animation-delay:.38s}.landing-wrapper .story-grid .story-card:nth-child(6){animation-delay:.42s}.landing-wrapper .story-grid .story-card:nth-child(7){animation-delay:.46s}.landing-wrapper .story-grid .story-card:nth-child(8){animation-delay:.5s}.audio-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);width:calc(100% - 32px);max-width:360px;padding:0 8px;box-sizing:border-box;z-index:1200;pointer-events:none}.audio-toast-content{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:18px;background:#ffffffc7;border:1px solid rgba(255,255,255,.65);box-shadow:0 12px 32px #140c122e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#57273f;font-weight:600;animation:audio-toast-fade .24s ease forwards}.audio-toast-icon{width:28px;height:28px;border-radius:50%;background:#c962a92e;color:#c962a9;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:inset 0 0 0 1px #c962a933}.audio-toast-message{margin:0;font-size:14px;line-height:1.4}@keyframes audio-toast-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.landing-wrapper .landing-nav,.landing-wrapper .page-title,.landing-wrapper .main-inner,.landing-wrapper .story-grid .story-card{animation:none!important;opacity:1!important;transform:none!important}}.language-dropdown .language-btn:hover{background:#f5ebf3e6;transform:translate(4px);color:rgba(var(--ark-primary-rgb),.95)}.language-dropdown .language-btn.active{background:var(--ark-primary-12);color:rgba(var(--ark-primary-rgb),.95)}.language-dropdown[style]{z-index:9999!important;box-shadow:0 20px 40px #0a0a0a1f}.language-dropdown .language-btn{transition:transform .12s ease,background .12s ease}.language-dropdown .language-btn:hover{transform:translateY(-2px);background:rgba(var(--ark-primary-rgb),.06)}.language-dropdown .language-btn.active{background:var(--ark-primary-12);color:rgba(var(--ark-primary-rgb),.95);transform:none}.nav-tabs{display:flex;gap:12px;flex:1;justify-content:center}.nav-tabs.left{justify-content:flex-start;margin-left:8px}.tab,.tab.active,.profile-btn{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}:root{--ark-font-heading: var(--ark-custom-font, "Inter"), -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--ark-font-text: var(--ark-custom-font, "Inter"), -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--ark-font-h1: bold 3.125rem/3.5rem var(--ark-font-heading);--ark-font-h2: bold 2.75rem/3rem var(--ark-font-heading);--ark-font-h3: bold 2.25rem/2.5rem var(--ark-font-heading);--ark-font-h4: bold 1.75rem/2rem var(--ark-font-heading);--ark-font-h5: bold 1.5rem/1.75rem var(--ark-font-heading);--ark-font-h6: bold 1.25rem/1.5rem var(--ark-font-heading);--ark-font-xl: normal 1.1875rem/1.75rem var(--ark-font-text);--ark-font-l: normal 1.0625rem/1.75rem var(--ark-font-text);--ark-font-l-2: normal 1.0625rem/1.5rem var(--ark-font-text);--ark-font-s: normal .8125rem/1.25rem var(--ark-font-text);--ark-font-s-2: normal .8125rem/.875rem var(--ark-font-text);--ark-font-xs: normal .6875rem/1rem var(--ark-font-text);--ark-font-xs-2: normal .6875rem/.875rem var(--ark-font-text);--ark-radius-xs:.25rem;--ark-height-l:3.5rem;--ark-height-m:2.75rem;--ark-height-s:2rem;--ark-height-xs:1.5rem;--ark-padding-l:1rem;--ark-padding-m:.75rem;--ark-padding-s:.5rem;--ark-padding-xs:.25rem;--ark-disabled-opacity:.56;--ark-active-opacity:.64;--ark-hover-opacity:.72;--ark-shadow-xs:0px 1px 2px 0px #1018280D;--ark-background-color-base:255,255,255;--ark-text-color-base:35,32,33;--ark-white-base:255,255,255;--ark-primary-rgb:201,98,169;--ark-primary:rgb(var(--ark-primary-rgb));--ark-primary-08:rgba(var(--ark-primary-rgb),.08);--ark-primary-12:rgba(var(--ark-primary-rgb),.12);--ark-primary-16:rgba(var(--ark-primary-rgb),.16);--ark-primary-20:rgba(var(--ark-primary-rgb),.2);--ark-primary-72:rgba(var(--ark-primary-rgb),.72)}.tab{font:var(--ark-font-l);font-weight:600;border:none;border-radius:.75rem;padding:.25rem .75rem;height:2.25rem;display:flex;align-items:center;gap:.25rem;color:var(--ark-primary);background:transparent;transition:color .2s,opacity .2s,transform .25s ease,box-shadow .25s ease;white-space:nowrap;transform:translateY(0);box-shadow:0 0 rgba(var(--ark-primary-rgb),0)}.tab:focus-visible{outline:2px solid var(--ark-primary);outline-offset:2px}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;justify-items:start}.tab:disabled{opacity:var(--ark-disabled-opacity);cursor:default}.story-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;overflow:hidden;display:flex;flex-direction:column;position:relative;border:1px solid #f2e6ef;width:100%;max-width:220px}.tab:hover:not(:disabled){transform:none;box-shadow:0 0 rgba(var(--ark-primary-rgb),0)}.tab.active{color:var(--ark-primary);background:var(--ark-primary-12);box-shadow:0 6px 18px rgba(var(--ark-primary-rgb),.14);position:relative}.tab.active:hover{background:var(--ark-primary-20);color:rgba(var(--ark-primary-rgb),.95)}.profile-btn{font-size:15px;font-weight:700;background:#c962a91f;color:var(--ark-primary);border:none;border-radius:40px;padding:16px 40px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .25s ease,transform .25s ease;box-shadow:0 6px 18px rgba(var(--ark-primary-rgb),.18);transform:translateY(0)}.profile-btn:hover:not(:disabled){box-shadow:0 10px 28px rgba(var(--ark-primary-rgb),.25);transform:translateY(-2px)}.profile-btn:disabled{cursor:default;box-shadow:0 4px 14px rgba(var(--ark-primary-rgb),.12)}.create-btn{background:linear-gradient(135deg,#f693d3,#c962a9);border:none;padding:16px 40px;color:#fff;font-size:15px;font-weight:700;border-radius:40px;cursor:pointer;box-shadow:0 6px 18px #c962a940;transition:.25s;transform:translateY(0)}.create-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c962a94d}.landing-main{flex:1;padding:28px 20px 40px;overflow:auto}.main-inner{max-width:1100px;margin:0 auto}.page-title{margin:0 0 20px;font-size:34px;font-weight:700;letter-spacing:.5px}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;justify-items:start}.story-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000000f;overflow:hidden;display:flex;flex-direction:column;position:relative;border:1px solid #f2e6ef;width:100%;max-width:230px}.story-card-cover{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden}.story-card-cover img{width:100%;height:100%;object-fit:cover;display:block}.story-author{position:absolute;top:10px;left:10px;background:#00000080;color:#fff;font-size:12px;line-height:1;padding:6px 12px;border-radius:20px;font-weight:600;letter-spacing:.3px}.story-card-info{background:#065f2d;color:#fff;padding:20px 12px 0;position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.story-card-info .delete-btn{position:static;padding:8px 14px;background:#ffffff1f;color:#ffffffe0;border:1px solid rgba(255,255,255,.28);border-radius:10px;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:lowercase;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;min-width:72px;display:inline-flex;align-items:center;justify-content:center}.story-card-info .delete-btn:hover{background:#ffffff40;color:#fff;transform:translateY(-1px)}@media(max-width:900px){.landing-nav{flex-wrap:nowrap;padding:16px 28px;gap:20px}.nav-tabs{order:3;width:100%}.landing-main{padding:40px 28px 100px}.page-title{font-size:32px;margin-bottom:36px}.story-grid{gap:36px;justify-items:center}}.story-title{font-size:16px;font-weight:700;line-height:1.4;margin:0 0 6px}.story-date{font-size:12px;opacity:.85;font-weight:700}.user-welcome{font-size:14px;font-weight:500;color:var(--ark-primary);white-space:nowrap}.logout-btn{font-size:14px;font-weight:600;background:transparent;color:var(--ark-primary);border:1px solid rgba(var(--ark-primary-rgb),.3);border-radius:40px;padding:12px 24px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.logout-btn:hover{background:rgba(var(--ark-primary-rgb),.08);border-color:rgba(var(--ark-primary-rgb),.5);transform:translateY(-2px);box-shadow:0 6px 18px rgba(var(--ark-primary-rgb),.15)}.nav-mobile-actions{display:none;align-items:center;gap:12px;margin-left:auto;position:relative}.nav-menu-toggle{position:relative}.landing-nav{z-index:1200}.landing-nav{display:flex;justify-content:center;padding:16px 48px 28px;gap:0}.landing-nav .nav-inner{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.nav-left{justify-self:start;display:flex;align-items:center;gap:16px;flex-wrap:nowrap;min-width:0}.nav-tabs{justify-self:center;display:flex;justify-content:center;align-items:center;gap:12px;margin:0 auto}.nav-actions{justify-self:end;display:flex;align-items:center;gap:20px;margin-left:0}.nav-inner:not(.nav-inner--expanded) .nav-actions{margin-right:0}.nav-inner--expanded .nav-tabs{justify-self:center}.nav-inner--compact{gap:16px}.nav-inner--compact .nav-tabs{display:none}.nav-inner--compact .nav-actions{justify-self:end}.menu-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:40px;border:1px solid rgba(0,0,0,.06);background:#c962a91f;color:var(--ark-primary, #c962a9);cursor:pointer;box-shadow:0 6px 18px #c962a92e;transition:background .25s ease,box-shadow .25s ease,transform .25s ease,color .25s ease}.menu-toggle.is-visible{display:flex}.menu-toggle:hover{background:#c962a929;transform:translateY(-2px);box-shadow:0 10px 28px #c962a940}.menu-toggle.open{background:#c962a92e;box-shadow:0 12px 32px #c962a94d}.menu-toggle-icon{position:relative;width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.menu-toggle-icon span{display:block;width:100%;height:2px;border-radius:4px;background:currentColor;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.menu-toggle.open .menu-toggle-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.open .menu-toggle-icon span:nth-child(2){opacity:0}.menu-toggle.open .menu-toggle-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;display:flex;flex-direction:column;gap:6px;padding:10px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 40px #00000024;overflow:hidden;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;z-index:9000}.mobile-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition-delay:0s}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:none;background:#fff;color:#3a2a35;font-weight:600;font-size:.95rem;width:100%;cursor:pointer;text-align:left;transition:background .2s ease,transform .2s ease}.mobile-menu-item.active{background:#faf7fb;color:#a34f8e}.mobile-menu-item:not(.active):hover{background:#f7f2f8;transform:translateY(-1px)}.mobile-create-container{display:none;justify-content:center;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(180deg,#fff0 0% 100%);border-top:1px solid rgba(255,255,255,.35);border-radius:24px 24px 0 0;-webkit-backdrop-filter:blur(32px) saturate(1.3);backdrop-filter:blur(32px) saturate(1.3);box-shadow:0 -16px 36px #c962a947}.mobile-create-btn{border:none;border-radius:999px;padding:16px 32px;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 12px 32px #c962a959;cursor:pointer;width:min(420px,100%);max-width:calc(100% + -0px);margin:0 auto;transition:transform .25s ease,box-shadow .25s ease}.mobile-create-btn:hover{transform:translateY(-2px);box-shadow:0 16px 38px #c962a973}@media(orientation:portrait){.landing-nav--portrait{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;padding:12px 24px}.landing-nav--portrait .nav-brand{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:0}.landing-nav--portrait .nav-brand .brand-logo{width:60px;height:60px}.landing-nav--portrait .nav-inner{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;min-width:0}.landing-nav--portrait .nav-tabs,.landing-nav--portrait .nav-actions{display:none!important}.landing-nav--portrait .nav-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.landing-nav--portrait .brand-lang{flex:0 0 auto}.landing-nav--portrait .language-toggle{padding:6px 8px;min-width:0}.landing-nav--portrait .lang-label{font-size:.875rem}.nav-mobile-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.nav-mobile-actions .language-toggle{padding:6px 8px;min-width:0}.nav-mobile-actions .lang-label{font-size:.875rem}.menu-toggle{display:flex}.landing-main{padding:24px 20px 160px}.story-grid{grid-template-columns:1fr;gap:24px;padding:0 32px}.story-card{width:100%;max-width:100%}.mobile-create-container{display:flex;position:fixed;left:0;right:0;bottom:0;padding:16px 20px calc(env(safe-area-inset-bottom) + 16px);z-index:1400}}@media(orientation:landscape)and (max-width:1024px){.story-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.hero-carousel{position:relative;width:100%;height:360px;border-radius:14px;overflow:hidden;margin-bottom:32px;background:linear-gradient(180deg,#fdf5fb,#fff);box-shadow:0 4px 12px #0000000f}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(16px) scale(1.01);transition:opacity .82s cubic-bezier(.22,.61,.36,1),transform .82s cubic-bezier(.22,.61,.36,1);pointer-events:none}.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}.hero-slide.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.hero-slide.prev{opacity:0;transform:translateY(-16px) scale(.98)}@media(max-width:900px){.hero-carousel{height:240px;margin-bottom:24px}}.subscription-panel{display:flex;flex-direction:column;gap:28px;margin-top:32px;padding:32px;border-radius:32px;background:linear-gradient(180deg,#fff8fce6,#fff);border:1px solid rgba(201,98,169,.12);box-shadow:0 20px 60px #c962a92e}.subscription-hero{display:flex;flex-direction:column;gap:10px;text-align:left}.subscription-tag{align-self:flex-start;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700;background:#c962a91f;color:#c055a7;box-shadow:inset 0 0 0 1px #c962a933}.subscription-hero h2{margin:0;font-size:32px;letter-spacing:.01em}.subscription-subtitle{margin:0;font-size:1.05rem;color:#6e5d68}.subscription-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px}.subscription-card,.subscription-updates{border-radius:28px;padding:28px;border:1px solid rgba(0,0,0,.04);background:#fff;box-shadow:0 16px 35px #00000014}.subscription-card{display:flex;flex-direction:column;gap:18px}.subscription-price{font-size:1.1rem;font-weight:700;color:#a1388c}.subscription-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.subscription-features li{display:flex;align-items:center;gap:10px;font-weight:600;color:#42363f}.subscription-features li:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 0 0 4px #c962a91f}.subscription-cta{margin-top:auto;border:none;border-radius:999px;padding:14px 18px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 18px 32px #c962a94d;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.subscription-cta:hover{transform:translateY(-2px);box-shadow:0 24px 40px #c962a959}.subscription-updates h3{margin:0 0 14px;font-size:1.15rem;color:#3f2c3a}.subscription-status-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.subscription-status-list li{display:flex;align-items:flex-start;gap:12px;font-weight:600;color:#4b3c44}.status-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;background:#c962a9;box-shadow:0 0 0 4px #c962a926}.subscription-note{margin-top:18px;padding:14px 18px;border-radius:18px;background:#c962a914;color:#5b3f55;font-weight:600}@media(max-width:1024px){.subscription-grid{grid-template-columns:1fr}.subscription-panel{padding:24px}}@media(orientation:portrait){.subscription-panel{padding:24px}}html[data-theme=dark] .subscription-panel{background:linear-gradient(180deg,#181220e6,#13111a);border-color:#ffffff14;box-shadow:0 30px 80px #00000073}html[data-theme=dark] .subscription-card,html[data-theme=dark] .subscription-updates{background:#181220bf;border-color:#ffffff0d;box-shadow:0 18px 45px #0000008c}html[data-theme=dark] .subscription-hero h2,html[data-theme=dark] .subscription-price,html[data-theme=dark] .subscription-features li,html[data-theme=dark] .subscription-updates h3,html[data-theme=dark] .subscription-status-list li{color:#f3ecf6}html[data-theme=dark] .subscription-subtitle,html[data-theme=dark] .subscription-note{color:#d3c2d7}html[data-theme=dark] .subscription-note{background:#c962a92e}.nav-tabs .tab{display:inline-flex;align-items:center;gap:6px;padding:.4rem 1.1rem;border-radius:28px;background:transparent;border:none;color:#4d444c;font-weight:800;letter-spacing:.01em;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-tabs .tab:not(.active):hover{transform:translateY(-1px);background:#edd3e366;color:#3f3740}.nav-tabs .tab.active{background:#f3cde7;color:#c055a7}.tab-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:transparent;color:#4d444c}.nav-tabs .tab.active .tab-icon{background:transparent;color:#c055a7}.tab-icon-svg{width:22px;height:22px}.tab-label{font-size:.98rem;line-height:1.2}.mobile-menu-item .tab-icon{width:28px;height:28px;border-radius:50%;background:#f3e8f4;display:inline-flex;align-items:center;justify-content:center;color:#a34f8e}.mobile-menu-item.active .tab-icon{background:#e9d6ee;color:#8d3a78}.delete-confirm-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#20121b94;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:1600;animation:tt-delete-overlay-in .22s ease forwards}@keyframes tt-delete-overlay-in{0%{opacity:0}to{opacity:1}}.delete-confirm-dialog{width:min(480px,100%);background:#fff;border-radius:24px;box-shadow:0 24px 68px #401c3647;border:1px solid rgba(201,98,169,.16);padding:32px 32px 28px;display:flex;flex-direction:column;gap:22px;transform:translateY(18px) scale(.96);animation:tt-delete-dialog-in .26s cubic-bezier(.22,.61,.36,1) forwards}@keyframes tt-delete-dialog-in{0%{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-confirm-icon{width:60px;height:60px;border-radius:20px;background:#c962a91f;color:#c962a9;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #c962a92e}.delete-confirm-icon svg{width:28px;height:28px}.delete-confirm-body{display:flex;flex-direction:column;gap:12px}.delete-confirm-title{margin:0;font-size:1.35rem;font-weight:700;color:#352330}.delete-confirm-message{margin:0;font-size:.98rem;line-height:1.6;color:#564450}.delete-confirm-warning{margin:0;display:inline-flex;align-items:flex-start;gap:8px;font-size:.92rem;line-height:1.5;font-weight:600;color:#b35085}.delete-confirm-warning-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:8px;background:#c962a929;color:#b35085;font-size:.85rem;font-weight:700}.delete-confirm-actions{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap}.delete-confirm-btn{flex:1 1 0;border-radius:999px;padding:14px 18px;font-size:.98rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.01em}.delete-confirm-btn.cancel{background:#fff;color:#c055a7;border-color:#c962a947;box-shadow:0 6px 18px #c962a91f}.delete-confirm-btn.cancel:hover{background:#c962a914;transform:translateY(-1px);box-shadow:0 10px 28px #c962a92e}.delete-confirm-btn.delete{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff;box-shadow:0 14px 32px #c962a952}.delete-confirm-btn.delete:hover{transform:translateY(-1px);box-shadow:0 18px 38px #c962a966}.delete-confirm-btn:disabled{opacity:.65;cursor:default;transform:none;box-shadow:none}.delete-confirm-btn:focus-visible{outline:3px solid rgba(201,98,169,.28);outline-offset:2px}@media(prefers-reduced-motion:reduce){.delete-confirm-overlay,.delete-confirm-dialog{animation:none!important;transform:none!important}.delete-confirm-btn:hover{transform:none!important}}@media(max-width:560px){.delete-confirm-dialog{padding:28px 24px 24px;border-radius:22px}.delete-confirm-actions{flex-direction:column}.delete-confirm-btn{width:100%}}html[data-theme=dark] .delete-confirm-overlay{background:#060409b3}html[data-theme=dark] .delete-confirm-dialog{background:linear-gradient(160deg,#21102df2,#0f071afa);border:1px solid rgba(246,147,211,.25);box-shadow:0 24px 65px #08030ca6}html[data-theme=dark] .delete-confirm-icon{background:#f693d31f;color:#f693d3;box-shadow:0 12px 36px #f693d342}html[data-theme=dark] .delete-confirm-title{color:#f7e9f3}html[data-theme=dark] .delete-confirm-message{color:#e2d1de}html[data-theme=dark] .delete-confirm-warning{color:#ff9fbf}html[data-theme=dark] .delete-confirm-warning-icon{background:#f693d33d;color:#ffbdd6}html[data-theme=dark] .delete-confirm-btn.cancel{background:#ffffff0d;color:#f4c0e4;border-color:#f693d352;box-shadow:0 10px 28px #060309a6}html[data-theme=dark] .delete-confirm-btn.cancel:hover{background:#f693d324}html[data-theme=dark] .delete-confirm-btn.delete{background:linear-gradient(135deg,#f693d3f2,#c962a9f2);box-shadow:0 16px 38px #f693d373}.characters-error{margin-bottom:16px;padding:12px 16px;border-radius:12px;background:#ff6b8129;color:#7f1d3a;font-weight:600}.characters-content{position:relative;border-radius:32px;padding:32px;background:transparent;color:inherit;overflow:hidden;min-height:480px;box-shadow:none}.characters-content:before{content:none}.characters-content>*{position:relative;z-index:1}.characters-header{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.characters-header .page-title{margin-bottom:0;color:#111}.characters-subtitle{margin:0;color:#2118209e;font-size:1rem}.characters-section{margin-bottom:36px}.characters-section:last-of-type{margin-bottom:0}.characters-section__header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.characters-section:nth-of-type(2) .characters-section__header{margin-bottom:clamp(24px,2.5vw,40px);padding-bottom:4px}.characters-section__header h2{margin:0 0 4px;color:#111;font-size:1.3rem;letter-spacing:.5px}.characters-section:nth-of-type(2) .characters-section__grid,.characters-section:nth-of-type(2) .secondary-characters-grid{margin-top:clamp(10px,1.8vw,22px)}.characters-section__hint{margin:0;color:#21182099;font-size:.92rem}.characters-section__grid,.characters-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:28px;justify-content:flex-start}.secondary-characters-section{padding-top:12px;border-top:1px solid rgba(201,98,169,.12)}.secondary-characters-section .characters-section__header p{margin-bottom:12px}.secondary-characters-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:28px;justify-content:flex-start}.secondary-characters-grid>button{background:transparent;border:none;padding:0}.secondary-manager-card{border-radius:22px;border:none;background:transparent;padding:0;width:auto;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:flex-start;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:center;color:#2d1f2b}.secondary-characters-grid>button:nth-child(4){border:none;background:transparent;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.secondary-characters-grid>button:nth-child(4) .secondary-manager-card__avatar,.secondary-characters-grid>button:nth-child(4) .secondary-manager-card__avatar img{border-radius:50%}.secondary-manager-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #c962a929}.secondary-manager-card__avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:1.8rem;overflow:hidden}.secondary-manager-card__avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.secondary-manager-card__info{display:flex;flex-direction:column;gap:4px}.secondary-manager-card__name{font-size:1rem;font-weight:700}.secondary-manager-card__nickname{font-size:.85rem;color:#3523308c;line-height:1.2}.secondary-manager-card__nickname--placeholder{color:#35233059;font-style:italic}.secondary-manager-card__hint{font-size:.85rem;color:#2118208c;display:none}.character-card{position:relative;width:120px;display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:flex-start;height:100%;cursor:pointer;padding:0;border:none;background:transparent;text-align:center;transition:transform .22s ease,filter .22s ease;color:inherit;flex:0 0 auto}.character-card:hover{transform:translateY(-4px);filter:drop-shadow(0 10px 18px rgba(201,98,169,.22))}.character-card.is-primary .character-card__avatar{width:clamp(88px,22vw,112px);height:clamp(88px,22vw,112px)}.character-card:not(.is-primary) .character-card__avatar{width:clamp(88px,22vw,112px);height:clamp(88px,22vw,112px)}.character-card__avatar{position:relative;flex-shrink:0}.character-card__avatar img{display:block}.saved-character-avatar--menu{width:clamp(88px,20vw,112px);height:clamp(88px,20vw,112px);border:2px solid rgba(201,98,169,.25);background:#f693d314;box-shadow:0 8px 24px #c962a938}.character-card:not(.is-primary) .saved-character-avatar--menu{transform:translateY(0)}.character-card:hover .saved-character-avatar--menu{transform:translateY(-2px);box-shadow:0 12px 32px #c962a947}.character-card.is-primary .saved-character-avatar--menu{border:3px solid rgba(201,98,169,.82);transform:translateY(-2px);box-shadow:0 14px 34px #c962a952}.character-card.is-primary .character-card__initials{font-size:clamp(26px,5vw,32px)}.character-card__initials{font-size:32px;font-weight:700;letter-spacing:1px}.character-card__badge{position:absolute;top:-8px;right:-4px;background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;padding:5px 12px;box-shadow:0 10px 24px #c962a959;pointer-events:none;letter-spacing:.05em}.character-card__badge--floating{transform:translateY(0);animation:badgePulse 3.2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:translateY(0);box-shadow:0 10px 24px #c962a959}50%{transform:translateY(-2px);box-shadow:0 16px 32px #c962a973}}.character-card__info{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.character-card__name{font-size:1rem;font-weight:700;color:currentColor}.character-card__meta{font-size:.85rem;color:#3523308c}.character-add-card{display:flex;flex-direction:column;align-items:center;gap:10px;border:none;background:transparent;cursor:pointer;font-weight:600;color:#c055a7;width:120px;flex:0 0 auto;height:100%;justify-content:flex-start;padding:0}.character-add-card:focus-visible{outline:3px solid rgba(201,98,169,.35);outline-offset:6px}.character-add-card__circle{width:clamp(88px,22vw,112px);height:clamp(88px,22vw,112px);border-radius:50%;border:2px dashed rgba(201,98,169,.3);display:grid;place-items:center;background:#f693d31f;font-size:clamp(2rem,6vw,2.5rem);line-height:1;transition:background .22s ease,border-color .22s ease,transform .22s ease;flex-shrink:0}.character-add-card:hover .character-add-card__circle{background:#f693d333;border-color:#c962a973;transform:translateY(-2px)}.character-add-card__info{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center;margin-top:auto}.character-add-card__label{font-size:.9rem;font-weight:600}.characters-placeholder{width:120px;height:120px;border-radius:50%;border:2px dashed rgba(201,98,169,.28);display:grid;place-items:center;color:#3523308c;font-weight:600;font-size:.9rem;text-align:center;padding:12px;flex:0 0 auto}.characters-empty-state{text-align:center;padding:80px 20px;color:#f7f1ff}.characters-empty-state h2{margin:0 0 12px;font-size:1.6rem}.characters-empty-state p{margin:0 0 28px;color:#ffffffb8}.characters-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;color:#f7f1ff}.characters-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:#f693d3f2;animation:characters-spin 1s linear infinite}@keyframes characters-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.character-modal{width:400px;height:600px;padding:24px;border-radius:24px;background:linear-gradient(180deg,#fff,#faf4fb);border:1px solid rgba(201,98,169,.18);box-shadow:0 28px 68px #c962a938;display:flex;flex-direction:column;gap:24px;color:#2d1f2b}.character-modal__close{border:none;background:radial-gradient(120% 120% at 30% 20%,#ffb1e2,#f080cd 40%,#c962a9);color:#fff;border-radius:50%;width:40px;height:40px;font-size:1.1rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;box-shadow:0 0 18px #f080cdb3;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.character-modal__close:hover{transform:scale(1.05);box-shadow:0 0 24px #f080cde6}.character-modal__form{display:flex;flex-direction:column;gap:18px;flex:1 1 auto;min-height:0;overflow:visible}.character-modal .character-photo-picker{align-items:center;gap:14px}.character-modal .character-photo{width:108px;height:108px}.character-modal__error{padding:12px 16px;border-radius:12px;background:#ff6b8124;color:#7f1d3a;font-weight:600}.character-modal__section{display:flex;flex-direction:column;gap:10px;color:#2d1f2b}.character-photo-picker{display:flex;flex-direction:column;gap:12px;align-items:center}.character-photo:hover{background:#c962a91f;border-color:#c962a999;transform:translateY(-2px)}.character-photo__placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#21182099;font-size:.9rem}.character-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:auto;color:#2d1f2b}@media(max-width:768px){.characters-content{padding:24px 20px 28px;border-radius:24px}.characters-section__grid,.characters-grid{justify-content:center;gap:24px}.character-modal{padding:24px;border-radius:24px}.character-modal__footer{flex-direction:column;align-items:stretch}.character-modal__footer-actions{width:100%;flex-direction:column}.character-cancel-btn,.character-save-btn,.character-delete-btn{width:100%}}@media(max-width:512px){.character-modal-overlay{padding:0;align-items:stretch}.character-modal{width:100%;height:100%;max-height:100vh;gap:0;padding:20px 20px 16px}.character-modal__header{flex:0 0 auto;padding-bottom:16px}.character-modal__form{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:16px}.character-modal__footer{flex:0 0 auto;padding-top:12px;margin-top:0}.character-modal__body{flex-direction:column;gap:20px;height:auto}.character-modal__details{display:flex;flex-direction:column;gap:20px}}@media(max-width:520px){.characters-section__grid,.characters-grid{justify-content:center;gap:20px}.character-card,.character-add-card,.characters-placeholder{width:112px}.character-add-card,.characters-placeholder{height:112px}.character-card.is-primary .character-card__avatar{width:clamp(72px,22vw,92px);height:clamp(72px,22vw,92px)}.character-card:not(.is-primary) .character-card__avatar{width:clamp(72px,22vw,92px);height:clamp(72px,22vw,92px)}.character-card.is-primary .character-card__initials{font-size:clamp(20px,5vw,26px)}.character-add-card__circle{width:clamp(72px,22vw,92px);height:clamp(72px,22vw,92px);font-size:clamp(1.8rem,5vw,2.2rem)}}html[data-theme=dark] .characters-error{background:#ff6b812e;color:#ffd7df}html[data-theme=dark] .secondary-manager-card{background:#18121ee6;border-color:#f693d333;color:#f7f1ff}html[data-theme=dark] .secondary-manager-card__hint{color:#f7f1ffa6}html[data-theme=dark] .secondary-manager-card__nickname{color:#f7f1ffb8}html[data-theme=dark] .secondary-manager-card__nickname--placeholder{color:#f7f1ff80}html[data-theme=dark] .secondary-character-preview{background:#ffffff0d}html[data-theme=dark] .secondary-character-preview__text{color:#f7f1ffd9}html[data-theme=dark] .secondary-character-preview__text span{color:#f7f1ff99}html[data-theme=dark] .secondary-character-reset-btn{color:#f693d3}html[data-theme=dark] .secondary-character-reset-btn:hover{color:#ffb9e6}html[data-theme=dark] .landing-main{color:inherit}html[data-theme=dark] .landing-wrapper{background:linear-gradient(180deg,#291a24,#1c121b,#140e14 40%,#121212 60% 100%);color:#eaeaea}html[data-theme=dark] .landing-wrapper:before{background:none!important;display:none!important}html[data-theme=dark] .tab{color:#fff;background:transparent;border-color:transparent}html[data-theme=dark] .tab:hover{color:#ffd4f0;background:#f080cd1f}html[data-theme=dark] .tab.active{color:#ff8bd6;background:#f080cd38;border-color:transparent}html[data-theme=dark] .tab-icon{background:transparent;color:currentColor}html[data-theme=dark] .tab.active .tab-icon,html[data-theme=dark] .tab:hover .tab-icon{color:currentColor}html[data-theme=dark] .mobile-menu{background:#2a2a3e;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px #00000080}html[data-theme=dark] .mobile-menu-item{background:#2a2a3e;color:#eaeaea;border:none;box-shadow:none}html[data-theme=dark] .mobile-menu-item:hover{background:#f080cd2e;color:#f6d5eb}html[data-theme=dark] .mobile-menu-item.active{color:#f693d3;background:#f080cd38}html[data-theme=dark] .mobile-menu-item:not(:first-child){border-top:1px solid rgba(255,255,255,.06)}html[data-theme=dark] .mobile-menu-item .tab-icon{background:#f080cd2e;color:#f6d5eb}html[data-theme=dark] .mobile-menu-item:hover .tab-icon,html[data-theme=dark] .mobile-menu-item.active .tab-icon{background:#f080cd52;color:#fff}html[data-theme=dark] .page-title{color:#eaeaea}html[data-theme=dark] .characters-subtitle{color:#f7f1ffb8}html[data-theme=dark] .characters-section__header h2{color:#ffe4ff}html[data-theme=dark] .characters-section__hint{color:#eaeaeab8}html[data-theme=dark] .story-grid{gap:24px}html[data-theme=dark] .character-card{color:#f7f1ff}html[data-theme=dark] .character-card__avatar{border-color:#f693d359;background:linear-gradient(180deg,#361c44bf,#180c20e6);color:#f7cceb}html[data-theme=dark] .character-card__meta{color:#f7f1ffa6}html[data-theme=dark] .character-add-card{color:#f4c0e4}html[data-theme=dark] .character-add-card__circle{border-color:#f693d366;background:#f693d32e}html[data-theme=dark] .character-modal__close{background:#ffffff14;color:#fff}html[data-theme=dark] .character-modal__close:hover{background:#ffffff2e}html[data-theme=dark] .character-modal__error{background:#ff6b812e;color:#ffd7df}html[data-theme=dark] .character-photo__placeholder{color:#ffffffd1}html[data-theme=dark] .characters-placeholder{border-color:#f693d366;color:#f7f1ffa6}html[data-theme=dark] .story-card{background:linear-gradient(135deg,#321e2d99,#281926a6);border:1px solid rgba(240,128,205,.2);border-radius:16px;transition:all .3s ease}html[data-theme=dark] .story-card:hover{background:linear-gradient(135deg,#3c2332cc,#321e2dd9);border-color:#f080cd66;box-shadow:0 8px 32px #f080cd40}html[data-theme=dark] .story-title{color:#eaeaea}html[data-theme=dark] .story-date{color:gray}html[data-theme=dark] .delete-btn{color:#ff6b6b;background:#ff6b6b0d}html[data-theme=dark] .delete-btn:hover{background:#ff6b6b26}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:72px auto;padding:64px 32px;max-width:540px;text-align:center;border-radius:28px;background:linear-gradient(135deg,#ffffff6b,#ffffff2e);-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%);border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 60px #4f46e526;color:#364152}.empty-state h2{margin:0;font-size:30px;font-weight:700;letter-spacing:.3px}.empty-state p{margin:0;font-size:16px;line-height:1.65;max-width:430px;color:#364152d1}@media(max-width:720px){.empty-state{margin:48px auto;padding:48px 24px;border-radius:24px;gap:10px}.empty-state h2{font-size:24px}.empty-state p{font-size:15px}}html[data-theme=dark] .empty-state{background:linear-gradient(135deg,#21142eb8,#1c122894);border:1px solid rgba(246,147,211,.28);box-shadow:0 24px 60px #0c081899;color:#eaeaeaf5}html[data-theme=dark] .empty-state p{color:#e2d6ebc7}html[data-theme=dark] .loading-state{color:#b0b0b0}html[data-theme=dark] .create-btn,html[data-theme=dark] .create-btn-large{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff;border:none}html[data-theme=dark] .create-btn:hover,html[data-theme=dark] .create-btn-large:hover{box-shadow:0 12px 40px #f080cd4d;transform:translateY(-2px)}html[data-theme=dark] .mobile-create-container{background:linear-gradient(180deg,#0000 0% 100%);border-top-color:#ffffff14;box-shadow:0 -16px 36px #000000a6;-webkit-backdrop-filter:blur(32px) saturate(1.3);backdrop-filter:blur(32px) saturate(1.3)}html[data-theme=dark] .mobile-create-btn{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff}.page-title strong{font-weight:800}.story-card-actions-row{display:flex;gap:8px;align-items:stretch;margin-top:12px;margin-bottom:8px}.story-audio-control{flex:1;margin:0}.audio-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.audio-btn .icon{font-size:14px}.audio-btn.generate{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.audio-btn.generate:hover{background:#ffffff4d;transform:translateY(-1px)}.audio-btn.processing{background:#ffffff1a;color:#fffc;cursor:not-allowed}.audio-btn.failed{background:#ffffff14;color:#ffe1e8;border:1px solid rgba(255,118,140,.65)}.audio-btn.failed:hover{background:#ffffff29;transform:translateY(-1px)}.audio-btn.completed{background:#fff;color:#065f2d;box-shadow:0 2px 8px #00000026}.audio-btn.completed:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.status-marquee{flex:1;overflow:hidden;white-space:nowrap;display:flex;justify-content:center;align-items:center;min-height:20px}.status-track-wrapper{display:inline-flex;align-items:center;width:max-content}.status-track{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.status-marquee[data-marquee=true] .status-track-wrapper{gap:32px;animation:audio-marquee 7s linear infinite}.status-notice{font-size:12px;text-transform:none;letter-spacing:.5px}.status-separator{opacity:.6}@keyframes audio-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.profile-menu{position:relative}.profile-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 14px;border-radius:40px;border:1px solid rgba(0,0,0,.06);background:#c962a91f;cursor:pointer;font-weight:700;color:var(--ark-primary, #3a2a35);box-shadow:0 6px 18px #c962a92e;transition:background .2s,color .2s,box-shadow .25s ease,transform .25s ease}.profile-btn:hover{background:#c962a929;transform:translateY(-2px);box-shadow:0 10px 28px #c962a940}.profile-btn:focus,.profile-btn:focus-visible{outline:none;box-shadow:0 6px 18px #c962a940}.avatar-circle{width:28px;height:28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#efe7f0}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:12px;color:#6b5b67}.chev{transition:transform .2s ease}.chev.up{transform:rotate(180deg)}.profile-popover{position:absolute;right:0;margin-top:8px;width:248px;max-width:min(92vw,280px);background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 16px 40px #00000024;overflow:hidden;z-index:9000;pointer-events:auto;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:50% 0%;animation:pm-drop .22s cubic-bezier(.22,.61,.36,1) forwards}.profile-popover .pop-header{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.profile-popover .email{font-weight:800;color:#a34f8e;font-size:.95rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;line-clamp:2}.pop-header .sub-status{color:#6b5b67;margin-top:6px}.pop-list{display:grid;padding:6px}.pop-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;border:none;cursor:pointer;text-align:left}.pop-item:hover{background:#faf7fb}.icon{display:inline-grid;place-items:center;color:#5a5a5a}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:9999}.modal{width:350px;max-width:92vw;background:#fff;border-radius:24px;box-shadow:0 30px 70px #00000059;position:relative;padding:26px 24px 24px;max-height:90vh;overflow:hidden}.modal-title{font-size:28px;font-weight:900;text-align:center;margin:6px 0 16px;color:#000;font-family:PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif}.modal-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:999px;border:1px solid rgba(58,42,53,.18);background:#3a2a3514;color:#3a2a35;cursor:pointer;font-size:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;line-height:1;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.modal-close:before{content:"×";font-size:20px;font-weight:600;line-height:1;color:currentColor}.modal-close:hover{background:#3a2a3524;border-color:#3a2a3547}.form{display:grid;gap:16px}.field label{display:block;margin:4px 2px 8px;font-weight:700;color:#3a2a35}.input-wrap{display:flex;align-items:center;background:#fff;border:1px solid #f2e6ef;border-radius:16px;padding:10px 12px}.input-wrap input{flex:1;border:none;outline:none;font-size:16px;color:#3a2a35}.input-wrap .eye{border:none;background:transparent;cursor:pointer;color:#6b5b67}.hint{color:#d26a6a;font-size:12px;margin:6px 2px 0}.field.error .input-wrap{border-color:#e76a6a}.modal-save{margin-top:10px;width:100%;border:none;border-radius:18px;padding:14px 18px;font-weight:900;color:#fff;background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 16px 36px #c962a959;cursor:pointer;transition:all .3s ease}.modal-save:hover{box-shadow:0 22px 46px #c962a973;transform:translateY(-2px)}.modal-save:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:520px){.modal{border-radius:18px;padding:22px 16px 18px}}@keyframes pm-drop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}html[data-theme=dark] .profile-btn{background:#c962a933;border:1px solid rgba(240,128,205,.3);color:#f693d3;box-shadow:0 6px 18px #f080cd26}html[data-theme=dark] .profile-btn:hover{background:#c962a94d;box-shadow:0 10px 28px #f080cd40}html[data-theme=dark] .profile-btn:focus-visible{outline-color:#f080cd80}html[data-theme=dark] .profile-popover{background:#2a2a3e;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px #00000080}html[data-theme=dark] .pop-header{background:#2a2a3e;border-bottom:1px solid rgba(255,255,255,.1)}html[data-theme=dark] .pop-header .sub-status{color:#b0b0b0}html[data-theme=dark] .pop-item{background:#2a2a3e;color:#eaeaea;border:none}html[data-theme=dark] .pop-item:hover .icon{color:#f693d3}html[data-theme=dark] .modal{background:#2a2a3e;color:#eaeaea}html[data-theme=dark] .modal-title{color:#eaeaea}html[data-theme=dark] .modal-close{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#eaeaea}html[data-theme=dark] .modal-close:hover{background:#ffffff2e;border-color:#ffffff59}html[data-theme=dark] .field label{color:#eaeaea}html[data-theme=dark] .input-wrap{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}html[data-theme=dark] .input-wrap input{color:#eaeaea;caret-color:#f693d3}html[data-theme=dark] .input-wrap .eye{color:#b0b0b0}html[data-theme=dark] .field.error .input-wrap{border-color:#ff6b6b}html[data-theme=dark] .modal-save{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff}html[data-theme=dark] .modal-save:hover{box-shadow:0 22px 46px #f080cd59}html[data-theme=dark] .modal-save:disabled{background:#4a4a6a}.report-issue-modal .modal-content{position:relative;width:100%;height:280px;perspective:1000px}.report-issue-modal .form-view,.report-issue-modal .success-view{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;backface-visibility:hidden;transition:transform .6s,opacity .6s;padding:inherit}.report-issue-modal .form-view{opacity:1;transform:rotateY(0);justify-content:flex-start}.report-issue-modal .success-view{align-items:center;justify-content:center;transform:rotateY(180deg);opacity:0;pointer-events:none}.report-issue-modal .modal-content.sent .form-view{transform:rotateY(-180deg);opacity:0;pointer-events:none}.report-issue-modal .modal-content.sent .success-view{transform:rotateY(0);opacity:1;pointer-events:auto}.report-issue-modal form{width:100%;display:flex;flex-direction:column;gap:16px;flex-grow:1;justify-content:space-between}.report-issue-modal textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #e0e0e0;resize:none;font-size:16px;flex-grow:1;box-sizing:border-box}.report-issue-modal .success-icon{width:80px;height:80px;border-radius:50%;background-color:#e6f9f0;color:#28a745;display:grid;place-items:center;margin-bottom:20px;animation:success-pop .3s ease-out}@keyframes success-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.report-issue-modal .success-view h2{font-size:20px;text-align:center;margin-bottom:8px}.report-issue-modal .success-view p{color:#666;text-align:center;margin-bottom:24px}.report-issue-error{color:#b3261e;font-size:14px;text-align:center;margin-top:-8px;margin-bottom:8px}.character-modal-overlay{position:fixed;inset:0;background:#160a1873;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1700;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .22s ease-out,transform .22s ease-out}.character-modal-overlay.is-open{opacity:1;transform:translateY(0) scale(1)}.character-modal{width:400px;max-height:min(92vh,700px);padding:20px;border-radius:24px;background:linear-gradient(180deg,#fff,#faf4fb);border:1px solid rgba(201,98,169,.18);box-shadow:0 28px 68px #c962a938;display:flex;flex-direction:column;gap:16px;color:#2d1f2b}@media(max-width:480px){.character-modal-overlay{align-items:stretch;justify-content:stretch;padding:0}.character-modal-overlay .character-modal{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0!important}}@media(orientation:portrait){.character-modal{padding:16px;gap:12px;max-height:650px}.character-modal__header h2{font-size:1.35rem}.character-modal__form{gap:10px}.character-modal__section{gap:6px}.character-modal .character-photo-picker{gap:10px;padding:0}.character-modal .character-photo{width:80px;height:80px}.character-modal__label{font-size:.9rem}.character-modal__helper{font-size:.8rem;margin-top:2px}}.character-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.character-modal__header h2{margin:0;font-size:1.55rem;color:#2d1f2b}.character-modal__close{border:1px solid rgba(45,31,43,.18);background:#2d1f2b0f;color:#2d1f2b;border-radius:999px;width:40px;height:40px;font-size:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.character-modal__close:before{content:"×";font-size:20px;font-weight:600;line-height:1;color:currentColor}.character-modal__close:hover{background:#2d1f2b1f;border-color:#2d1f2b47}.character-modal__form{display:flex;flex-direction:column;gap:14px;flex:1 1 auto;min-height:0}.character-modal .character-photo-picker{align-items:center;gap:14px;padding:4px 0;overflow:visible}.character-modal .character-photo{width:96px;height:96px}.character-modal__error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 24px;border-radius:16px;background:#ff6b81f2;color:#fff;font-weight:600;box-shadow:0 8px 32px #ff6b8166;z-index:1800;max-width:320px;text-align:center;animation:character-modal-error-fade-in .3s ease-out}@keyframes character-modal-error-fade-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.character-modal__section{display:flex;flex-direction:column;gap:8px;color:#2d1f2b;overflow:visible}.character-modal__form--invalid .ark-input__wrapper--error{border-color:#f97373!important;box-shadow:0 0 0 1px #f97373e6;animation:character-modal-input-shake .18s ease-out}@keyframes character-modal-input-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.character-modal .gender-switch-flat{position:relative;overflow:hidden}.character-modal .gender-switch-flat:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 8px);border-radius:999px;background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 6px 18px #c962a966;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:0}.character-modal .gender-switch-flat.gender-switch--girl:before{transform:translate(100%)}.character-modal .gender-switch-btn{position:relative;z-index:1}.character-modal .gender-switch-btn.active{background:transparent;color:#fff;box-shadow:none}.character-modal__section .ark-input__wrapper,.character-modal__section input.ark-input__native{margin-bottom:0!important}.character-modal__helper{font-size:.85rem;color:#21182099;margin:-6px 0 0}.character-photo-picker{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.character-photo{width:120px;height:120px;border-radius:60px;background:#c962a914;border:1px dashed rgba(201,98,169,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease;overflow:hidden}.character-photo:hover{background:#c962a91f;border-color:#c962a999}.character-photo img{width:100%;height:100%;object-fit:cover}.character-photo__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.character-photo__plus{font-size:48px;font-weight:300;line-height:1;color:#c962a9b3}.character-photo-input{display:none}.character-photo-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.character-link-btn{border:none;background:transparent;color:#c055a7;font-weight:600;cursor:pointer;text-decoration:underline}.character-link-btn:hover{color:#a83f90}.character-link-btn.danger{color:#d64575}.character-modal__label{font-size:.95rem;font-weight:600;color:#32212f}.character-switch{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#32212f}.character-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:4px;padding-bottom:0;color:#2d1f2b}.character-modal__footer-actions{display:flex;gap:12px}.character-cancel-btn,.character-save-btn,.character-delete-btn{border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:none}.character-cancel-btn{background:#c962a91f;color:#a34f8e}.character-cancel-btn:hover{background:#c962a92e;transform:translateY(-1px)}.character-save-btn{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff}.character-save-btn:hover:not(:disabled){transform:translateY(-1px)}.character-save-btn:disabled{opacity:.55;cursor:default;box-shadow:none}.character-delete-btn{background:#ff6b812e;color:#a8324f}.character-delete-btn:hover{background:#ff6b8147;transform:translateY(-1px)}@media(max-width:512px),(orientation:portrait){.character-modal__footer .character-cancel-btn,.character-modal__footer .character-save-btn,.character-modal__footer .character-delete-btn{box-shadow:none!important;text-shadow:none!important;transform:none!important}.character-modal__footer .character-save-btn:hover:not(:disabled),.character-modal__footer .character-cancel-btn:hover,.character-modal__footer .character-delete-btn:hover{transform:none!important}}.secondary-character-modal{width:min(460px,92vw);height:auto;gap:20px}.secondary-character-preview{display:flex;gap:18px;align-items:center;border-radius:18px;padding:16px;background:#c962a914}.secondary-character-preview__avatar{width:96px;height:96px;border-radius:32px;display:grid;place-items:center;font-size:2.2rem;box-shadow:0 16px 36px #00000040;overflow:hidden}.secondary-character-preview__avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.secondary-character-preview__text{display:flex;flex-direction:column;gap:6px;color:#211820cc}.secondary-character-preview__text p{margin:0;font-weight:600}.secondary-character-preview__text span{font-size:.9rem;color:#211820a6}.secondary-character-modal__footer{justify-content:space-between}.secondary-character-reset-btn{border:none;background:transparent;color:#c055a7;font-weight:700;cursor:pointer;padding:10px 0}.secondary-character-reset-btn:hover{color:#9a3b87}.character-modal__switch-row{align-items:center}@media(max-width:768px){.character-modal{padding:24px;border-radius:24px}.character-modal__footer{flex-direction:column;align-items:stretch}.character-modal__footer-actions{width:100%;flex-direction:column}.character-cancel-btn,.character-save-btn,.character-delete-btn{width:100%}}@media(max-width:512px){.character-modal{width:100%;height:100%;max-height:100vh;gap:0;padding:20px 20px 16px}.character-modal__header{flex:0 0 auto;padding-bottom:16px}.character-modal__form{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:16px}.character-modal__footer{flex:0 0 auto;padding-top:12px;margin-top:0}.character-modal__body{flex-direction:column;gap:20px;height:auto}.character-modal__details{display:flex;flex-direction:column;gap:20px}}html[data-theme=dark] .character-modal-overlay{background:#060409b3}html[data-theme=dark] .character-modal{background:linear-gradient(160deg,#21102df2,#0f071afa);border:1px solid rgba(246,147,211,.25);box-shadow:0 24px 65px #08030ca6;color:#fdf4ff}html[data-theme=dark] .character-modal__header h2,html[data-theme=dark] .character-modal__section,html[data-theme=dark] .character-switch,html[data-theme=dark] .character-modal__footer{color:#fdf4ff}html[data-theme=dark] .character-modal__close{background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:#fdf4ff}html[data-theme=dark] .character-modal__close:hover{background:#ffffff2e;border-color:#fff6}html[data-theme=dark] .character-modal__error{background:#ff6b81eb;color:#fff;box-shadow:0 8px 32px #ff6b8180}html[data-theme=dark] .character-photo{background:#ffffff1f;border-color:#fff6}html[data-theme=dark] .character-photo:hover{background:#fff3;border-color:#f693d399}html[data-theme=dark] .character-photo__placeholder,html[data-theme=dark] .character-photo__plus{color:#f693d3cc}html[data-theme=dark] .character-link-btn{color:#f693d3}html[data-theme=dark] .character-link-btn:hover{color:#ffc0eb}html[data-theme=dark] .character-link-btn.danger{color:#ff9aa5}html[data-theme=dark] .character-modal__label{color:#ffffffd9}html[data-theme=dark] .character-modal__helper{color:#ffffffb3}html[data-theme=dark] .character-cancel-btn{background:#ffffff1f;color:#fff}html[data-theme=dark] .character-cancel-btn:hover{background:#ffffff38}html[data-theme=dark] .character-delete-btn{color:#ffd7df;box-shadow:0 8px 20px #ff6b814d}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;perspective:1200px}@media(orientation:portrait){.loading-container{min-height:50vh}}.book{position:relative;width:0;height:100px;transform-style:preserve-3d;transform:rotateX(30deg)}.book-page{position:absolute;top:0;left:0;width:80px;height:100%;border-radius:2px 8px 8px 2px;background:#fffef0;background:linear-gradient(to right,#e6e4d9,#fffef0 15%);border:1px solid #e6e4d9;transform-origin:left center;transform-style:preserve-3d;backface-visibility:visible}.page-1{transform:translateZ(5px);animation:page-1-anim 5s infinite ease-in-out}.page-2{transform:translateZ(4px);animation:page-2-anim 5s infinite ease-in-out}.page-3{transform:translateZ(3px);animation:page-3-anim 5s infinite ease-in-out}.page-4{transform:translateZ(2px);animation:page-4-anim 5s infinite ease-in-out}.page-5{transform:translateZ(1px);animation:page-5-anim 5s infinite ease-in-out}@keyframes page-1-anim{0%{transform:rotateY(0) translateZ(5px)}12%{transform:rotateY(-180deg) translateZ(5px)}80%{transform:rotateY(-180deg) translateZ(5px)}92%{transform:rotateY(0) translateZ(5px)}to{transform:rotateY(0) translateZ(5px)}}@keyframes page-2-anim{0%{transform:rotateY(0) translateZ(4px)}4%{transform:rotateY(0) translateZ(4px)}16%{transform:rotateY(-180deg) translateZ(4px)}76%{transform:rotateY(-180deg) translateZ(4px)}88%{transform:rotateY(0) translateZ(4px)}to{transform:rotateY(0) translateZ(4px)}}@keyframes page-3-anim{0%{transform:rotateY(0) translateZ(3px)}8%{transform:rotateY(0) translateZ(3px)}20%{transform:rotateY(-180deg) translateZ(3px)}72%{transform:rotateY(-180deg) translateZ(3px)}84%{transform:rotateY(0) translateZ(3px)}to{transform:rotateY(0) translateZ(3px)}}@keyframes page-4-anim{0%{transform:rotateY(0) translateZ(2px)}12%{transform:rotateY(0) translateZ(2px)}24%{transform:rotateY(-180deg) translateZ(2px)}68%{transform:rotateY(-180deg) translateZ(2px)}80%{transform:rotateY(0) translateZ(2px)}to{transform:rotateY(0) translateZ(2px)}}@keyframes page-5-anim{0%{transform:rotateY(0) translateZ(1px)}16%{transform:rotateY(0) translateZ(1px)}28%{transform:rotateY(-180deg) translateZ(1px)}64%{transform:rotateY(-180deg) translateZ(1px)}76%{transform:rotateY(0) translateZ(1px)}to{transform:rotateY(0) translateZ(1px)}}.book-cover-left{position:absolute;top:0;left:0;width:80px;height:100%;background:#fffef0;background:linear-gradient(to right,#e6e4d9,#fffef0 15%);border:1px solid #e6e4d9;border-radius:2px 8px 8px 2px;transform-origin:left center;transform:rotateY(-180deg) translateZ(0);z-index:0;box-shadow:-4px 4px 10px #0000001a}.book-cover-right{position:absolute;top:0;left:0;width:80px;height:100%;background:#fffef0;background:linear-gradient(to right,#e6e4d9,#fffef0 15%);border:1px solid #e6e4d9;border-radius:2px 8px 8px 2px;transform-origin:left center;transform:rotateY(0) translateZ(0);z-index:0;box-shadow:4px 4px 10px #0000001a}.book-spine{position:absolute;top:0;left:-4px;width:8px;height:100%;background:#a1388c;transform:rotateY(-90deg) translate(-4px);border-radius:2px}.magic-particles{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#f693d3;border-radius:50%;opacity:0;animation:float-up 2s infinite ease-out}.particle:nth-child(1){top:20%;left:20%;animation-delay:.2s}.particle:nth-child(2){top:30%;left:80%;animation-delay:.5s;background:#c962a9}.particle:nth-child(3){top:70%;left:30%;animation-delay:.8s}.particle:nth-child(4){top:60%;left:70%;animation-delay:1.1s;background:#a1388c}.particle:nth-child(5){top:40%;left:50%;animation-delay:1.4s}@keyframes float-up{0%{transform:translateY(0) scale(.5);opacity:0}50%{opacity:1}to{transform:translateY(-40px) scale(1.2);opacity:0}}body,.step-form-content,*{caret-color:transparent}input,textarea,.ark-input__native{caret-color:auto}:root.theme-transition,:root.theme-transition body,:root.theme-transition #root{transition:background-color .52s ease,color .52s ease}:root.theme-transition *,:root.theme-transition *:before,:root.theme-transition *:after{transition:background-color .52s ease,color .52s ease,border-color .52s ease,box-shadow .52s ease,fill .52s ease,stroke .52s ease}.gender-switch-flat{display:flex;align-items:center;background:#f5f7fa;border-radius:100px;padding:4px;height:56px;min-width:180px;box-sizing:border-box;gap:0;box-shadow:inset 0 1px 3px #00000014}.gender-switch-btn{flex:1;border:none;background:transparent;color:#888;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;font-size:1.15rem;font-weight:600;border-radius:100px;padding:0 2.5rem;height:48px;min-width:80px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;outline:none;box-shadow:none}.gender-switch-btn.active{background:linear-gradient(135deg,#f080cd,#c962a9);color:#fff;box-shadow:0 4px 12px #c962a959;transform:scale(1.02);font-weight:700}.gender-switch-btn:hover:not(.active){background:#c962a914;color:#c962a9}.gender-switch-btn:focus{outline:none;box-shadow:none}.ark-segmented{display:flex;align-items:center;margin-bottom:20px;height:56px;min-width:180px;padding:.125rem;position:relative;box-sizing:border-box;isolation:isolate;border-radius:100px;background:#f5f7fa;gap:0}.ark-segmented[data-size=l]{--padding: 1rem;height:56px;font-size:1.15rem;font-weight:700}.ark-segmented__button{border:none;background:transparent;color:#888;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;font-size:inherit;font-weight:inherit;border-radius:100px;padding:0 2.5rem;height:100%;min-width:80px;box-sizing:border-box;cursor:pointer;transition:background .2s,color .2s;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.ark-segmented__button[data-active=true]{background:#fff;color:#c962a9;box-shadow:0 2px 8px #c962a90f}.ark-segmented__button:focus{outline:none;box-shadow:none}button:focus,.ark-button:focus{outline:none!important;box-shadow:none!important}button.back:focus,.back.ark-button:focus,button.ark-button[data-appearance=secondary2]:focus{outline:none!important;box-shadow:none!important}button.back,.back.ark-button,button.ark-button[data-appearance=secondary2]{--ark-radius-s: 100px;--ark-radius-m: 100px;--ark-radius-l: 100px;--ark-icon-size: 1.5rem;color:var(--ark-primary, #C962A9);background:var(--ark-primary-12, rgba(201,98,169,.12));border-radius:100px!important;gap:.25rem;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;font-weight:700;font-size:1.1rem;padding:0 1.5rem;height:40px;min-height:40px;border:none;box-shadow:none;transition:background .2s,color .2s}button.back:hover,.back.ark-button:hover,button.ark-button[data-appearance=secondary2]:hover{background:var(--ark-primary-20, rgba(201,98,169,.2));color:var(--ark-primary, #C962A9)}.ark-input__wrapper{display:flex;align-items:center;border:2px solid #d1d5db;border-radius:50px;background:#fff;padding:0 2rem;transition:border-color .2s;height:56px;min-height:56px;box-sizing:border-box}.ark-input__wrapper:focus-within{border-color:#ce372d}@media(max-width:768px){.ark-input__wrapper{height:48px;min-height:48px;padding:0 1.5rem}}@media(max-width:480px){.ark-input__wrapper{height:44px;min-height:44px;padding:0 1rem}}input.ark-input__native{flex:1;width:100%;background:none;border:none;outline:none;font-size:inherit;font-family:inherit;color:inherit;padding:0;margin:0;height:100%;line-height:inherit;font-weight:inherit;box-sizing:border-box;letter-spacing:var(--letter-spacing, normal);-webkit-text-fill-color:currentColor;caret-color:currentColor}input.ark-input__native::placeholder{color:#94a3b8d9}body{--main-bg: linear-gradient(90deg, rgba(40,44,60,.98) 80%, rgba(40,44,60,.7) 100%);font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;background:linear-gradient(to right,#181c24,#1e232dfa 20% 80%,#181c24),#181c24;margin:0;min-height:100vh}.container{display:flex;flex-direction:row;width:100%;max-width:1600px;min-height:100vh;align-items:stretch;justify-content:center;background:var(--main-bg);box-shadow:none;padding:0;color:#111;position:relative;z-index:1;overflow-x:hidden;margin:0 auto}.panel-frame{display:flex;flex:1 1 auto;width:100%;min-height:100vh;padding-left:clamp(0px,16vw,600px);padding-right:clamp(0px,8vw,300px);box-sizing:border-box;flex-wrap:nowrap}@media(max-width:600px){.container:not(.story-mode){flex-direction:column}.container:not(.story-mode) .panel-frame{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;min-height:100%;padding-left:clamp(20px,6vw,40px);padding-right:clamp(20px,6vw,40px);gap:clamp(16px,4vw,32px)}.container:not(.story-mode) .left-panel{flex:1 1 420px;width:auto;max-width:100%;min-width:clamp(320px,48vw,420px);height:auto;min-height:unset;padding:clamp(24px,6vw,40px) clamp(18px,5vw,30px);margin:0}.container:not(.story-mode) .right-panel{flex:1 1 480px;width:auto;max-width:100%;min-width:clamp(280px,50vw,520px);height:auto;min-height:clamp(260px,45vh,420px);padding:0}.container.starry-night-container:not(.story-mode) .left-panel{margin-left:auto;margin-right:auto}.container.starry-night-container:not(.story-mode) .right-panel{margin-right:auto;margin-left:auto}}@media(orientation:portrait),(max-aspect-ratio:1/1){.container:not(.story-mode),.container.step-light-container:not(.story-mode),.container.starry-night-container:not(.story-mode){flex-direction:column}.container:not(.story-mode) .panel-frame,.container.step-light-container:not(.story-mode) .panel-frame,.container.starry-night-container:not(.story-mode) .panel-frame{flex-direction:column;min-height:100vh;padding-left:0;padding-right:0;width:100%}.container:not(.story-mode) .left-panel,.container.step-light-container:not(.story-mode) .left-panel,.container.starry-night-container:not(.story-mode) .left-panel{width:100%;max-width:100%;height:auto;min-height:unset;padding:40px 20px}.container:not(.story-mode) .right-panel,.container.step-light-container:not(.story-mode) .right-panel,.container.starry-night-container:not(.story-mode) .right-panel{width:100%;height:auto;min-height:300px;padding:0}.form-header .form-logo{margin-right:10px}.form-header .brand-lang{margin-left:0}}@media(max-width:768px){.left-panel{padding:30px 15px}.right-panel{min-height:250px;padding:0}.step-form-content{padding:8px 10px 12px}}@media(max-width:480px){.left-panel{padding:20px 10px}.right-panel{min-height:200px;padding:0}.step-form-content{padding:6px 5px 12px}.step-form-content .choice-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.step-form-content .choice-card{padding:16px 12px}}@media(orientation:portrait)or (max-aspect-ratio:1/1)or (max-width:600px){.container.step-light-container:not(.story-mode),.container.starry-night-container:not(.story-mode){flex-direction:column;min-height:100vh;align-items:stretch;--mobile-step-actions-offset: calc(80px + env(safe-area-inset-bottom, 0px)) }.container.step-light-container:not(.story-mode) .right-panel,.container.starry-night-container:not(.story-mode) .right-panel{order:-1;width:100%;max-width:none;flex:0 0 45vh;height:45vh;min-height:260px;padding:0;border-radius:0;position:relative;z-index:1}.container.step-light-container:not(.story-mode) .left-panel,.container.starry-night-container:not(.story-mode) .left-panel{--mobile-header-height: clamp(90px, 13vw, 118px);--mobile-header-offset: calc(var(--mobile-header-height) + env(safe-area-inset-top, 0px));--mobile-step-overlay-fallback: calc(env(safe-area-inset-bottom, 0px) + 8px) ;width:100%;flex:1 1 auto;padding:0 clamp(18px,6vw,28px);align-items:stretch;justify-content:flex-start;position:relative;z-index:5;isolation:isolate;margin-top:clamp(-140px,-18vw,-80px)}.container.step-light-container:not(.story-mode) .left-panel .form-header,.container.starry-night-container:not(.story-mode) .left-panel .form-header{order:1;width:auto;margin:0;position:fixed;top:0;left:0;right:0;transform:none;z-index:200;padding:calc(4px + env(safe-area-inset-top,0px)) clamp(15px,5vw,22px) 6px clamp(15px,5vw,22px);border-radius:0 0 32px 32px;box-shadow:0 12px 28px #0f122840;display:flex;align-items:center;justify-content:flex-start;gap:16px}.container.step-light-container:not(.story-mode) .left-panel .form-header{background:#fff8fcd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.container.starry-night-container:not(.story-mode) .left-panel .form-header{background:#0a0e27b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.container.step-light-container:not(.story-mode) .left-panel .step-content,.container.starry-night-container:not(.story-mode) .left-panel .step-content{order:2;flex:1 1 auto;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;padding-top:calc(var(--mobile-header-offset, calc(96px + env(safe-area-inset-top, 0px)) ) + clamp(8px,3vw,22px));padding-bottom:var(--mobile-step-actions-offset, var(--mobile-step-overlay-fallback));scroll-padding-bottom:var(--mobile-step-actions-offset, var(--mobile-step-overlay-fallback))}.container.step-light-container:not(.story-mode) .left-panel .step-content>*,.container.starry-night-container:not(.story-mode) .left-panel .step-content>*{flex:0 0 auto;width:100%;display:block!important}.container.step-light-container:not(.story-mode) .left-panel .step-content .step-form-content,.container.starry-night-container:not(.story-mode) .left-panel .step-content .step-form-content{flex:1}.container.step-light-container:not(.story-mode) .back,.container.starry-night-container:not(.story-mode) .back{display:none}.step-illustration-container{background-color:transparent}.step-illustration-image{-webkit-mask-image:linear-gradient(to bottom,black 0%,black 50%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.2) 90%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 50%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.2) 90%,transparent 100%)}}.story-mode{max-width:none!important;width:100%!important;margin:0!important}.story-mode .panel-frame{padding-left:0;padding-right:0;gap:0}.story-mode .panel-frame.blur-boundary,.story-mode.story-mode--collection .panel-frame.blur-boundary{position:relative;display:flex;overflow:hidden}@media(min-aspect-ratio:1/1)and (min-width:900px){.story-mode .panel-frame.blur-boundary:after,.story-mode.story-mode--collection .panel-frame.blur-boundary:after{content:"";position:absolute;top:0;left:420px;transform:translate(-50%);width:120px;height:100%;pointer-events:none;-webkit-backdrop-filter:blur(42px);backdrop-filter:blur(42px);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 12%,rgba(0,0,0,.7) 35%,black 50%,rgba(0,0,0,.7) 65%,rgba(0,0,0,.3) 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 12%,rgba(0,0,0,.7) 35%,black 50%,rgba(0,0,0,.7) 65%,rgba(0,0,0,.3) 88%,transparent 100%);mix-blend-mode:screen;z-index:8}}@media(max-aspect-ratio:1/1),(max-width:899px){.story-mode .panel-frame{flex-direction:column;padding-left:0;padding-right:0;gap:0;min-height:100vh}.story-mode .left-panel{width:100%;flex:1 1 auto;min-width:0;height:auto;min-height:100vh;padding:0}.story-mode .left-panel .step-content{padding:0;min-height:100vh}.story-mode .right-panel{display:none}.container.step-light-container .left-panel .step-content,.container.starry-night-container .left-panel .step-content{padding-top:0}}.story-mode--collection{position:relative}@media(max-aspect-ratio:1/1),(max-width:899px){.story-mode--collection .panel-frame{flex-direction:column}.story-mode--collection .left-panel{width:100%;height:100vh;padding:0;align-items:stretch}.story-mode--collection .left-panel .step-content{width:100%;height:100%}.story-mode--collection .right-panel{display:none}}.starry-night-container{background:linear-gradient(to bottom,#0a0e27,#141852,#1a1f5c,#1f2663,#252d6e)!important;position:relative;overflow:hidden;max-width:none!important;width:100%!important;margin:0!important;--step-right-panel-padding: clamp(24px, 5vw, 64px)}.step-light-container{background:linear-gradient(180deg,#fff8fc,#fffafdf5 40%,#fff)!important;position:relative;overflow:hidden;max-width:none!important;width:100%!important;margin:0!important;--step-right-panel-padding: clamp(20px, 4.5vw, 56px)}.step-light-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 12%,#ffc3e15c,#ffc3e100 45%),radial-gradient(circle at 78% 18%,#c1e0ff52,#c1e0ff00 48%),radial-gradient(circle at 12% 72%,#ffd6c047,#ffd6c000 55%),radial-gradient(circle at 85% 78%,#dbc9ff42,#dbc9ff00 52%),linear-gradient(180deg,#fff8fcd9,#ffffffe0 45%,#fff);pointer-events:none;z-index:0}.step-light-container>*{position:relative;z-index:1}.step-light-container .left-panel,.step-light-container .right-panel{color:#1a202c}.step-light-container .left-panel,.step-light-container .right-panel{position:relative;z-index:1}.step-light-container .left-panel>*,.step-light-container .right-panel>*{position:relative;z-index:2}.step-light-container .form-logo{filter:none;opacity:1}.step-light-container .form-logo:hover{filter:none}.step-light-container .back{color:#1a202ca3}.step-light-container .back:hover{color:#c962a9f2;background:#c962a91f}.starry-night-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(4.6px 4.6px at 92% 4%,rgba(255,255,255,.98),transparent),radial-gradient(4.2px 4.2px at 96% 8%,rgba(255,255,255,.95),transparent),radial-gradient(4px 4px at 88% 6%,rgba(255,255,255,.94),transparent),radial-gradient(3.8px 3.8px at 94% 12%,rgba(255,255,255,.9),transparent),radial-gradient(3.6px 3.6px at 90% 16%,rgba(255,255,255,.88),transparent),radial-gradient(4.3px 4.3px at 84% 10%,rgba(255,255,255,.92),transparent),radial-gradient(3.9px 3.9px at 98% 14%,rgba(255,255,255,.93),transparent),radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(2px 2px at 40% 20%,white,transparent),radial-gradient(2px 2px at 25% 60%,white,transparent),radial-gradient(2px 2px at 85% 25%,white,transparent),radial-gradient(2px 2px at 30% 45%,white,transparent),radial-gradient(2px 2px at 55% 35%,white,transparent),radial-gradient(2px 2px at 48% 12%,white,transparent),radial-gradient(2px 2px at 75% 85%,white,transparent),radial-gradient(2px 2px at 15% 75%,white,transparent),radial-gradient(2px 2px at 65% 50%,white,transparent),radial-gradient(2px 2px at 35% 85%,white,transparent),radial-gradient(2px 2px at 92% 40%,white,transparent),radial-gradient(2px 2px at 5% 55%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px at 15% 90%,white,transparent),radial-gradient(1px 1px at 70% 40%,white,transparent),radial-gradient(1px 1px at 10% 15%,white,transparent),radial-gradient(1px 1px at 45% 85%,white,transparent),radial-gradient(1px 1px at 65% 15%,white,transparent),radial-gradient(1px 1px at 75% 75%,white,transparent),radial-gradient(1px 1px at 12% 55%,white,transparent),radial-gradient(1px 1px at 88% 45%,white,transparent),radial-gradient(1px 1px at 22% 25%,white,transparent),radial-gradient(1px 1px at 58% 68%,white,transparent),radial-gradient(1px 1px at 82% 82%,white,transparent),radial-gradient(1px 1px at 38% 38%,white,transparent),radial-gradient(1px 1px at 95% 20%,white,transparent),radial-gradient(1px 1px at 8% 42%,white,transparent),radial-gradient(1px 1px at 52% 92%,white,transparent),radial-gradient(1px 1px at 72% 28%,white,transparent),radial-gradient(1px 1px at 28% 8%,white,transparent),radial-gradient(1px 1px at 43% 53%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 17% 63%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 77% 33%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 63% 7%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 7% 77%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 97% 67%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 53% 23%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 23% 93%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 87% 13%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 13% 37%,rgba(255,255,255,.9),transparent);background-size:200% 200%,250% 250%,280% 280%,260% 260%,270% 270%,285% 285%,265% 265%,275% 275%,255% 255%,245% 245%,235% 235%,290% 290%,240% 240%,295% 295%,230% 230%,300% 300%,350% 350%,320% 320%,290% 290%,310% 310%,330% 330%,295% 295%,340% 340%,305% 305%,315% 315%,325% 325%,335% 335%,345% 345%,355% 355%,365% 365%,375% 375%,385% 385%,395% 395%,360% 360%,370% 370%,380% 380%,390% 390%,400% 400%,410% 410%,420% 420%,430% 430%,440% 440%,450% 450%,460% 460%,470% 470%,480% 480%,490% 490%,500% 500%,510% 510%,520% 520%;background-repeat:repeat;animation:twinkle-stars 4s ease-in-out infinite alternate;pointer-events:none;z-index:1}.starry-night-container .left-panel:before,.starry-night-container .right-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 18% 22%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 72% 48%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 35% 68%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 92% 18%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 8% 78%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 58% 28%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 82% 88%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 28% 38%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 68% 8%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 42% 92%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 14% 48%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 62% 62%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 88% 32%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 32% 12%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 48% 78%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 78% 58%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 22% 82%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 52% 42%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 96% 72%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 4% 28%,rgba(255,255,255,.8),transparent);background-size:400% 400%,450% 450%,380% 380%,420% 420%,390% 390%,410% 410%,430% 430%,370% 370%,440% 440%,360% 360%,460% 460%,470% 470%,480% 480%,490% 490%,500% 500%,510% 510%,520% 520%,530% 530%,540% 540%,550% 550%;background-repeat:repeat;animation:twinkle-stars-slow 6s ease-in-out infinite alternate;pointer-events:none;z-index:1;opacity:.8}.starry-night-container .left-panel:after,.starry-night-container .right-panel:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 25% 15%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 75% 65%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 45% 55%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 85% 35%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 15% 85%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 55% 25%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 95% 75%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 5% 45%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 65% 5%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 35% 95%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 90% 50%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 10% 70%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 70% 20%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 30% 80%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 80% 90%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 60% 60%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 40% 40%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 50% 10%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 98% 88%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 2% 12%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 88% 22%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 12% 62%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 62% 82%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 38% 18%,rgba(255,255,255,.9),transparent);background-size:500% 500%,480% 480%,520% 520%,490% 490%,510% 510%,470% 470%,530% 530%,460% 460%,540% 540%,550% 550%,560% 560%,570% 570%,580% 580%,590% 590%,600% 600%,610% 610%,620% 620%,630% 630%,640% 640%,650% 650%,660% 660%,670% 670%,680% 680%,690% 690%,700% 700%;background-repeat:repeat;animation:twinkle-stars-fast 2s ease-in-out infinite alternate;pointer-events:none;z-index:1;opacity:.6}@keyframes twinkle-stars{0%,to{opacity:.7}50%{opacity:1}}@keyframes twinkle-stars-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes twinkle-stars-fast{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes particle-twinkle-a{0%,28%{opacity:.25}14%{opacity:.9}42%{opacity:.45}63%{opacity:.8}to{opacity:.3}}@keyframes particle-twinkle-b{0%,35%{opacity:.28}22%{opacity:.75}46%{opacity:.4}68%{opacity:.88}81%{opacity:.5}to{opacity:.32}}.starry-night-container:after{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,transparent 100%),linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,transparent 100%),linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 50%,transparent 100%),linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,transparent 100%);background-size:280px 3px,220px 2px,250px 3px,200px 2px;background-position:-300px 15%,-250px 45%,-280px 70%,-220px 30%;background-repeat:no-repeat;animation:shooting-stars-diagonal 10s linear infinite;pointer-events:none;z-index:2;transform:rotate(45deg);transform-origin:center center}@keyframes shooting-stars-diagonal{0%{background-position:-300px 15%,-250px 45%,-280px 70%,-220px 30%;opacity:0}5%{opacity:1}15%{background-position:calc(100% + 300px) 15%,-250px 45%,-280px 70%,-220px 30%;opacity:0}25%{opacity:0}30%{opacity:1}45%{background-position:calc(100% + 300px) 15%,calc(100% + 250px) 45%,-280px 70%,-220px 30%;opacity:0}55%{opacity:0}60%{opacity:1}75%{background-position:calc(100% + 300px) 15%,calc(100% + 250px) 45%,calc(100% + 280px) 70%,-220px 30%;opacity:0}80%{opacity:0}85%{opacity:1}95%{background-position:calc(100% + 300px) 15%,calc(100% + 250px) 45%,calc(100% + 280px) 70%,calc(100% + 220px) 30%;opacity:0}to{opacity:0}}.starry-night-container .left-panel,.starry-night-container .right-panel,.step-light-container .left-panel,.step-light-container .right-panel{position:relative;z-index:10;max-width:800px}.starry-night-container .left-panel,.step-light-container .left-panel{margin-left:0;margin-right:0}.starry-night-container .right-panel,.step-light-container .right-panel{margin-right:0;margin-left:0;padding:0;max-width:none}@media(max-width:600px){.starry-night-container,.step-light-container{--step-right-panel-padding: clamp(16px, 5vw, 32px)}}@media(max-width:992px){.starry-night-container,.step-light-container{--step-right-panel-padding: clamp(12px, 4.5vw, 24px)}}@media(max-width:768px){.starry-night-container,.step-light-container{--step-right-panel-padding: clamp(10px, 5vw, 18px)}}@media(max-width:640px){.starry-night-container,.step-light-container{--step-right-panel-padding: clamp(8px, 5vw, 16px)}}@media(max-width:480px){.starry-night-container,.step-light-container{--step-right-panel-padding: clamp(6px, 6vw, 12px)}}.starry-night-container .form-header{position:relative;z-index:15}.starry-night-container .form-logo{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.6));transition:filter .3s ease}.starry-night-container .form-logo:hover{filter:brightness(0) invert(1) drop-shadow(0 0 15px rgba(255,255,255,.8));cursor:pointer}.left-panel{width:420px;flex:0 0 420px;min-width:0;max-width:none;height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:stretch;z-index:2;box-sizing:border-box;background:transparent;color:#111;padding:20px 0}.right-panel{width:calc(100% - 420px);flex:1 1 calc(100% - 420px);min-width:0;max-width:none;height:100vh;display:flex;align-items:stretch;justify-content:center;background:transparent;color:#111;position:relative;overflow:hidden;z-index:1;box-sizing:border-box;padding:0}.step-illustration-motion{display:flex;align-items:stretch;justify-content:center;width:100%;height:100%;padding:clamp(16px,3vw,36px) clamp(20px,4vw,48px);box-sizing:border-box}.step-illustration-container{width:100%;height:100%;border-radius:clamp(18px,4vw,28px);overflow:hidden;position:relative;z-index:1;display:flex;align-items:stretch;justify-content:center;background-color:transparent}.step-illustration-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transition:clip-path .4s ease,-webkit-clip-path .4s ease}@media(max-width:1100px)and (min-aspect-ratio:8/5){.step-illustration-image{-webkit-clip-path:inset(0 10% 0 10%);clip-path:inset(0 10% 0 10%)}}@media(max-width:992px)and (min-aspect-ratio:4/3){.step-illustration-image{-webkit-clip-path:inset(0 14% 0 14%);clip-path:inset(0 14% 0 14%)}}@media(max-width:820px)and (min-aspect-ratio:3/2){.step-illustration-image{-webkit-clip-path:inset(0 18% 0 18%);clip-path:inset(0 18% 0 18%)}}.back{position:absolute;top:80px;left:60px;background:none;color:#999;font-weight:400;padding:10px 20px;font-size:1rem;box-shadow:none;border-radius:100px;transition:all .2s;z-index:99;pointer-events:auto}@media(max-width:768px){.back{top:60px;left:20px;padding:8px 16px;font-size:.9rem}}@media(max-width:480px){.back{top:50px;left:15px;padding:6px 12px;font-size:.8rem}}@media(orientation:landscape){.back{position:relative;top:auto;left:auto;margin-left:0;margin-right:0}.form-header{align-items:center;gap:16px}.form-header .form-logo{order:0}.form-header .back{order:1}.form-header .brand-lang{order:2}}.language-selector{position:absolute;top:20px;left:120px;display:flex;align-items:center;background:#f5f7fa;border-radius:100px;padding:4px;height:38px;width:auto;min-width:200px;box-sizing:border-box;gap:0;z-index:10;pointer-events:auto}@media(max-width:768px){.language-selector{top:15px;left:100px;min-width:160px;height:34px}}@media(max-width:480px){.language-selector{top:12px;left:auto;right:15px;min-width:140px;height:32px}}.language-btn{flex:1;border:none;background:transparent;color:#888;font-size:.9rem;font-weight:500;border-radius:100px;padding:0;height:30px;min-width:40px;cursor:pointer;transition:background .18s,color .18s;display:flex;align-items:center;justify-content:center;outline:none;box-shadow:none;pointer-events:auto}.language-btn.active{background:#fff;color:#c962a9;box-shadow:0 2px 8px #c962a90f}.step-content{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;z-index:5;padding:0 0 8px}.slide{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .5s cubic-bezier(.77,0,.18,1);will-change:transform,opacity;display:flex;flex-direction:column;align-items:center;justify-content:center}.slide.enter{transform:translate(-100%);opacity:0}.slide.enter-active,.slide.exit{transform:translate(0);opacity:1}.slide.exit-active{transform:translate(-100%);opacity:0}.step-form-content{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;min-height:100%;margin:0}@media(min-width:769px){.left-panel .step-form-content{width:420px;max-width:420px;flex:0 0 420px}.left-panel .step-content{align-items:center}}.step-form-content h2{margin-bottom:16px;color:#111;font-size:2.5rem;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;font-weight:300}@media(max-width:1024px){.step-form-content{max-width:500px;padding:16px}.step-form-content h2{font-size:2rem}}@media(max-width:768px){.step-form-content{max-width:100%;padding:12px;min-height:unset}.step-form-content h2{font-size:1.6rem;margin-bottom:12px}}@media(max-width:480px){.step-form-content{max-width:100%;padding:10px}.step-form-content h2{font-size:1.3rem;margin-bottom:10px}}.form-desc{margin-bottom:24px;color:#111;font-size:1.1em;line-height:1.5;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif}@media(max-width:768px){.form-desc{font-size:1rem;margin-bottom:16px}}@media(max-width:480px){.form-desc{font-size:.9rem;margin-bottom:12px}}.step-form-content button{margin-bottom:0}.step-form-content .story-content{width:100%;background:#23283a;color:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 2px 16px #0004;white-space:pre-line;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;flex:1;font-size:18px;line-height:1.6}.story-navigation{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;margin-top:20px;width:100%;gap:20px}.story-navigation .story-content{grid-column:2;margin:0;padding:30px 50px;min-height:300px;width:100%}.story-navigation button:first-child{grid-column:1;justify-self:start;margin-left:0;width:80px;min-width:80px;padding:10px}.story-navigation button:last-child{grid-column:3;justify-self:end;margin-right:0;width:80px;min-width:80px;padding:10px}.story-navigation button{background:#4a5568;color:#fff;border:none;padding:12px 10px;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:auto;min-width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.nav-emoji{font-size:24px;line-height:1}.nav-text-label{font-size:14px;line-height:1}.story-navigation button:hover:not(:disabled){background:#2d3748}.story-navigation button:disabled{background:#718096;cursor:not-allowed}.nav-text{color:#a0aec0;font-size:14px;text-align:center;margin-top:10px}.step-form-content .story-navigation{display:flex;align-items:center;justify-content:center;width:100%;margin:20px 0}.step-form-content .nav-button{background:none;border:none;cursor:pointer;font-size:32px;padding:15px;transition:all .3s ease;opacity:.8;flex-shrink:0}.step-form-content .nav-button:hover:not(:disabled){transform:scale(1.1);opacity:1}.step-form-content .nav-button:disabled{opacity:.3;cursor:not-allowed}.step-form-content .story-footer{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.step-form-content .page-indicator{color:#90caf9;font-size:14px;font-weight:500}h2{margin-top:0;color:#90caf9}input[type=text],input[type=number]{border:1px solid #444;padding:0;border:0;background:none;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:none;-moz-appearance:none;appearance:none;word-break:keep-all;text-align:left;-webkit-text-fill-color:currentColor;position:relative;font-size:inherit;white-space:nowrap;border-radius:0;letter-spacing:var(--letter-spacing, normal);cursor:inherit;height:var(--ark-height-m, 2.75rem);margin-bottom:.5rem;box-sizing:border-box}.step-form-content button:not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action),.story-page button,.step-buttons button,.left-panel button:not(.back):not(.language-btn):not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action){background:radial-gradient(98.44% 803.57% at 0% 23.21%,var(--ark-primary-special, #F080CD) 0%,var(--ark-primary-special, #F080CD) 53.65%,var(--ark-primary, #C962A9) 100%);color:#fff;border:none;border-radius:50px;padding:18px 48px;font-size:1.25rem;font-family:PingFang HK,BlinkMacSystemFont,Segoe UI,Arial,system-ui,sans-serif;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:none}.step-form-content button:disabled,.story-page button:disabled,.step-buttons button:disabled,.left-panel button:disabled{background:#374151;cursor:not-allowed}@media(max-width:1024px){.step-form-content button:not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action),.story-page button,.step-buttons button,.left-panel button:not(.back):not(.language-btn):not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action){padding:16px 40px;font-size:1.1rem}}@media(max-width:768px){.step-form-content button:not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action),.story-page button,.step-buttons button,.left-panel button:not(.back):not(.language-btn):not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action){padding:14px 32px;font-size:1rem}}@media(max-width:480px){.step-form-content button:not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action),.story-page button,.step-buttons button,.left-panel button:not(.back):not(.language-btn):not(.gender-switch-btn):not(.step-secondary-action):not(.step-primary-action){padding:12px 24px;font-size:.9rem}}.story-page{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.story-header{flex-shrink:0;margin-bottom:20px;text-align:center}.story-header h2{font-size:2.2em;margin:0;font-weight:300;letter-spacing:1px;color:#90caf9}.story-main{flex:1;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:0;padding:0 20px}.story-content{flex:1;margin:0 40px;line-height:1.8;font-size:18px;white-space:pre-line;color:#fff;text-align:left;overflow-y:auto;padding:20px 0;box-sizing:border-box;max-height:100%}.nav-button{background:none;border:none;cursor:pointer;font-size:32px;padding:15px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:.8;flex-shrink:0;z-index:10}.nav-button:hover:not(:disabled){transform:scale(1.1);opacity:1}.nav-button:disabled{opacity:.3;cursor:not-allowed}.story-footer{flex-shrink:0;margin-top:20px;display:flex;flex-direction:column;align-items:center;gap:15px;padding-bottom:20px}.page-indicator{color:#90caf9;font-size:14px;font-weight:300;letter-spacing:1px}.restart-button{background:none;border:2px solid #90caf9;color:#90caf9;padding:10px 30px;font-size:16px;border-radius:25px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;cursor:pointer}.restart-button:hover{background:#90caf9;color:#181c24;transform:translateY(-1px);box-shadow:0 4px 12px #90caf933}.button-placeholder{width:80px;min-width:80px;height:80px;visibility:hidden}.form-header{position:absolute;top:0;left:0;right:0;z-index:100;padding:12px 60px 20px;display:flex;align-items:center;gap:16px;pointer-events:none}.form-header>*{pointer-events:auto}.form-header .form-logo{margin-right:12px}.form-header .brand-lang{margin-left:0}.form-logo{height:44px;width:auto;cursor:pointer;object-fit:contain;display:block;pointer-events:auto!important;position:relative;z-index:101}.form-header .brand-lang .language-toggle{background:transparent!important;border:1px solid rgba(201,98,169,.12)!important;padding:6px 12px!important;border-radius:16px!important;font-size:.9rem!important;min-width:auto!important;gap:6px!important;color:#c962a9!important;font-weight:700!important}.form-header .brand-lang .language-toggle:hover{border-color:#c962a940!important;box-shadow:0 2px 8px #c962a91a!important;transform:translateY(-1px)!important}.language-dropdown{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fffffffa;border-radius:18px;box-shadow:0 16px 40px #1111111f,0 4px 14px #11111114;border:1px solid rgba(201,98,169,.15);transform-origin:top center;opacity:0;transform:translateY(-8px) scale(.94);animation:languageDropdownIn .18s cubic-bezier(.16,1,.3,1) forwards;-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);z-index:999}.language-dropdown.closing{animation:languageDropdownOut .18s cubic-bezier(.16,1,.3,1) forwards}.language-dropdown .language-btn{width:100%;text-align:left;padding:10px 14px;border-radius:12px;border:none;background:transparent;color:#3a2a35;font-weight:600;font-size:.95rem;transition:background .18s ease,transform .18s ease}.language-dropdown .language-btn:hover,.language-dropdown .language-btn.active{background:#c962a91f;color:#c962a9;transform:translate(2px)}.form-header .language-dropdown{min-width:140px!important}@keyframes languageDropdownIn{0%{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes languageDropdownOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.96)}}.story-illustration-wrapper{position:relative;filter:drop-shadow(0 20px 60px rgba(0,0,0,.15));border-radius:clamp(20px,4.5vw,34px);overflow:hidden;background:#0d0f1f}.story-illustration-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;image-rendering:-webkit-optimize-contrast;-webkit-mask-image:none!important;mask-image:none!important;-webkit-mask-composite:initial;mask-composite:add;transition:filter .35s ease,transform .35s ease}.story-mode .story-illustration-wrapper{border-radius:0;filter:none;background:transparent}.story-mode .story-illustration-image{border-radius:0}.step-form-content .gender-switch-btn.active{background:linear-gradient(135deg,#f080cd,#c962a9)!important;color:#fff!important;box-shadow:0 4px 12px #c962a959!important;transform:scale(1.02)!important;font-weight:700!important}.step-form-content .gender-switch-btn:not(.active){color:#888;background:transparent}.step-form-content .gender-switch-btn:hover:not(.active){background:#c962a914;color:#c962a9}@media(max-width:768px){.gender-switch-flat{height:48px;min-width:150px}.gender-switch-btn{font-size:1rem;padding:0 1.5rem;height:42px}}@media(max-width:480px){.gender-switch-flat{height:44px;min-width:130px}.gender-switch-btn{font-size:.9rem;padding:0 1rem;height:38px}}.step-form-content .choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;width:100%;max-width:500px;margin:24px auto}.step-form-content .choice-card{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:2px solid rgba(255,255,255,.18);border-radius:20px;padding:24px 16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff4d}@media(max-width:1024px){.step-form-content .choice-grid{max-width:450px;gap:14px}.step-form-content .choice-card{padding:20px 14px}}@media(max-width:768px){.step-form-content .choice-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:100%;gap:12px}.step-form-content .choice-card{padding:16px 12px;border-radius:16px}.step-form-content .choice-icon{font-size:40px}.step-form-content .choice-label{font-size:.9rem}}@media(max-width:480px){.step-form-content .choice-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.step-form-content .choice-card{padding:12px 10px;border-radius:14px}.step-form-content .choice-icon{font-size:32px}.step-form-content .choice-label{font-size:.8rem}}.step-form-content .choice-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f080cd26,#c962a926);opacity:0;transition:opacity .4s}.step-form-content .choice-card.active{border-color:#f080cd99!important;background:linear-gradient(135deg,#f080cd4d,#c962a959)!important;box-shadow:0 8px 32px #c962a966,0 0 0 1px #f080cd80,inset 0 1px #fff6!important;transform:translateY(-4px) scale(1.03)!important;-webkit-backdrop-filter:blur(16px) saturate(200%);backdrop-filter:blur(16px) saturate(200%)}.step-form-content .choice-card.active:before{opacity:1}.step-form-content .choice-card:hover:not(.active){border-color:#ffffff4d;background:linear-gradient(135deg,#ffffff2e,#ffffff1f);transform:none;box-shadow:0 6px 20px #00000026,inset 0 1px #ffffff59}.step-form-content .choice-icon{font-size:48px;line-height:1;filter:grayscale(60%);transition:filter .3s,transform .3s}.step-form-content .choice-card.active .choice-icon{filter:grayscale(0%);transform:scale(1.1)}.step-form-content .choice-label{font-size:1rem;font-weight:600;color:#000;transition:color .3s;text-align:center}.step-form-content .choice-card.active .choice-label{color:#fff;font-weight:700}.step-form-content .choice-card.active:after{content:"✓";position:absolute;top:8px;right:8px;width:24px;height:24px;background:linear-gradient(135deg,#f080cd,#c962a9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 6px #c962a966}.story-sparkles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.story-sparkles:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0px,rgba(255,255,255,.5) 2px,rgba(255,255,255,.2) 4px,transparent 5px),radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.85) 0px,rgba(255,255,255,.4) 2.5px,rgba(255,255,255,.1) 4px,transparent 5.5px),radial-gradient(circle,rgba(255,255,255,.75) 1.2px,transparent 1.2px),radial-gradient(circle,rgba(255,255,255,.88) 0px,rgba(255,255,255,.45) 2.2px,rgba(255,255,255,.15) 3.8px,transparent 5px),radial-gradient(circle,rgba(255,255,255,.82) 1.3px,transparent 1.3px),radial-gradient(circle,rgba(255,255,255,.9) 0px,rgba(255,255,255,.5) 2.8px,rgba(255,255,255,.2) 4.5px,transparent 6px),radial-gradient(circle,rgba(255,255,255,.78) 1px,transparent 1px);background-size:250px 200px,180px 280px,320px 220px,200px 300px,280px 240px,220px 260px,300px 190px,190px 270px;background-position:15% 20%,65% 45%,85% 70%,35% 80%,55% 15%,8% 50%,78% 38%,42% 92%;background-repeat:no-repeat;animation:sparkle-float-fade-1 20s linear infinite,sparkle-twinkle-1 3s ease-in-out infinite}.story-sparkles:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(255,255,255,.8) 2px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.9) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.7) 0px,rgba(255,255,255,.45) 3px,rgba(255,255,255,.15) 5px,transparent 6.5px),radial-gradient(circle,rgba(255,255,255,.85) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.75) 0px,rgba(255,255,255,.4) 2px,rgba(255,255,255,.1) 3.5px,transparent 4.5px),radial-gradient(circle,rgba(255,255,255,.83) 1.8px,transparent 1.8px),radial-gradient(circle,rgba(255,255,255,.77) 0px,rgba(255,255,255,.42) 2.6px,rgba(255,255,255,.12) 4.2px,transparent 5.8px),radial-gradient(circle,rgba(255,255,255,.86) 1.2px,transparent 1.2px),radial-gradient(circle,rgba(255,255,255,.8) 0px,rgba(255,255,255,.48) 2.4px,rgba(255,255,255,.18) 4px,transparent 5.2px),radial-gradient(circle,rgba(255,255,255,.79) 1.4px,transparent 1.4px);background-size:200px 250px,280px 180px,220px 300px,300px 200px,240px 260px,210px 230px,270px 210px,250px 290px,230px 195px,290px 245px;background-position:45% 15%,10% 55%,75% 30%,90% 85%,25% 65%,60% 88%,18% 25%,82% 62%,38% 48%,95% 18%;background-repeat:no-repeat;animation:sparkle-float-fade-2 25s linear infinite,sparkle-twinkle-2 4.2s ease-in-out infinite}@keyframes sparkle-float-fade-1{0%{transform:translate(0);opacity:0}5%{opacity:1}85%{opacity:1}to{transform:translate(40px,30px);opacity:0}}@keyframes sparkle-float-fade-2{0%{transform:translate(0);opacity:0}5%{opacity:1}85%{opacity:1}to{transform:translate(-25px,35px);opacity:0}}@keyframes sparkle-twinkle-1{0%{opacity:1}25%{opacity:.3}50%{opacity:.8}75%{opacity:.4}to{opacity:1}}@keyframes sparkle-twinkle-2{0%{opacity:.7}30%{opacity:1}60%{opacity:.3}85%{opacity:.8}to{opacity:.7}}.step-form-content{width:85%;max-width:1200px;margin:0 auto;padding:40px 20px;box-sizing:border-box}@media(max-width:1024px){.step-form-content{width:90%;max-width:900px;padding:35px 18px}}@media(max-width:768px){.step-form-content{width:92%;max-width:700px;padding:30px 16px}}@media(max-width:480px){.step-form-content{width:96%;max-width:400px;padding:24px 12px}}html[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--text-primary: #eaeaea;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: rgba(255, 255, 255, .1);--accent-color: #e94560}html[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #f0f2f5;--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--border-color: rgba(0, 0, 0, .06);--accent-color: #c962a9}html[data-theme=dark] .landing-wrapper{background:linear-gradient(135deg,#ff69b426,#ff69b414,#000000e6 50%,#141428f2);color:var(--text-primary)}html[data-theme=dark] .landing-wrapper:before{background:linear-gradient(135deg,#ff69b426,#ff69b414,#000000e6 50%,#141428f2)}html[data-theme=dark] .landing-nav{background:transparent;border-bottom-color:#ffffff1a}html[data-theme=dark] .landing-nav,html[data-theme=dark] .landing-main{color:var(--text-primary)}html[data-theme=dark] .tab{color:var(--text-secondary)}html[data-theme=dark] .tab.active{color:#f693d3}html[data-theme=dark] .create-btn,html[data-theme=dark] .create-btn-large{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff}html[data-theme=dark] .create-btn:hover,html[data-theme=dark] .create-btn-large:hover{box-shadow:0 8px 24px #c962a966}html[data-theme=dark] .page-title,html[data-theme=dark] .empty-state h2{color:var(--text-primary)}html[data-theme=dark] .empty-state p{color:var(--text-secondary)}html[data-theme=dark] .story-card{background:#1e1e3299;border:1px solid rgba(255,255,255,.1)}html[data-theme=dark] .story-card:hover{background:#282846cc;border-color:#f080cd4d;box-shadow:0 8px 32px #f080cd33}html[data-theme=dark] .story-title{color:var(--text-primary)}html[data-theme=dark] .story-date{color:var(--text-tertiary)}html[data-theme=dark] .story-author{color:#fff9}html[data-theme=dark] .delete-btn{color:#ff6b6b}html[data-theme=dark] .delete-btn:hover{background:#ff6b6b1a}html[data-theme=dark] .loading-state{color:var(--text-secondary)}html[data-theme=dark] .profile-btn{background:#c962a933;border-color:#f080cd4d;color:#f693d3}html[data-theme=dark] .profile-btn:hover{background:#c962a94d;box-shadow:0 10px 28px #c962a959}html[data-theme=dark] .profile-popover{background:#2a2a3e;border-color:#ffffff1a;box-shadow:0 16px 40px #00000080}html[data-theme=dark] .pop-header{border-bottom-color:#ffffff1a;background:#2a2a3e}html[data-theme=dark] .pop-header .email{color:#f693d3}html[data-theme=dark] .pop-header .sub-status{color:var(--text-secondary)}html[data-theme=dark] .pop-item{background:#2a2a3e;color:var(--text-primary)}html[data-theme=dark] .pop-item:hover{background:#f080cd26}html[data-theme=dark] .icon{color:#b0b0b0}html[data-theme=dark] .avatar-circle{background:#f080cd33}html[data-theme=dark] .avatar-fallback{color:#f693d3}html[data-theme=dark] .modal-backdrop{background:#000000b3}html[data-theme=dark] .modal{background:#2a2a3e;color:var(--text-primary)}html[data-theme=dark] .modal-title{color:var(--text-primary)}html[data-theme=dark] .modal-close{background:#ffffff1a;color:var(--text-secondary)}html[data-theme=dark] .modal-close:hover{background:#fff3}html[data-theme=dark] .field label{color:var(--text-primary)}html[data-theme=dark] .input-wrap{background:#ffffff0d;border-color:#ffffff1a}html[data-theme=dark] .input-wrap input{color:var(--text-primary)}html[data-theme=dark] .input-wrap .eye{color:var(--text-secondary)}html[data-theme=dark] .hint{color:#ff6b6b}html[data-theme=dark] body,html[data-theme=dark] .container{background:linear-gradient(180deg,#291a24,#1c121b,#140e14 40%,#121212 60% 100%);color:var(--text-primary)}html[data-theme=dark] .container:before,html[data-theme=dark] .container:after{display:none}html[data-theme=dark] .starry-night-container{background:linear-gradient(180deg,#291a24,#1c121b,#140e14 40%,#121212 60% 100%)!important}html[data-theme=dark]{position:relative}html[data-theme=dark]:before,html[data-theme=dark]:after,html[data-theme=dark] body:before,html[data-theme=dark] body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}html[data-theme=dark]:before{background-image:radial-gradient(1.8px 1.8px at 12% 18%,rgba(255,255,255,.85),transparent),radial-gradient(1.6px 1.6px at 44% 14%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 72% 26%,rgba(255,255,255,.78),transparent),radial-gradient(1.7px 1.7px at 86% 52%,rgba(255,255,255,.82),transparent),radial-gradient(1.4px 1.4px at 58% 72%,rgba(255,255,255,.76),transparent),radial-gradient(1.6px 1.6px at 30% 68%,rgba(255,255,255,.74),transparent),radial-gradient(1.5px 1.5px at 20% 46%,rgba(255,255,255,.8),transparent),radial-gradient(1.3px 1.3px at 8% 64%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 92% 36%,rgba(255,255,255,.78),transparent),radial-gradient(1.4px 1.4px at 38% 82%,rgba(255,255,255,.74),transparent),radial-gradient(1.3px 1.3px at 52% 14%,rgba(255,255,255,.72),transparent),radial-gradient(1.4px 1.4px at 64% 46%,rgba(255,255,255,.76),transparent),radial-gradient(1.6px 1.6px at 28% 38%,rgba(255,255,255,.79),transparent),radial-gradient(1.5px 1.5px at 74% 82%,rgba(255,255,255,.75),transparent),radial-gradient(1.3px 1.3px at 48% 90%,rgba(255,255,255,.7),transparent),radial-gradient(1.4px 1.4px at 6% 28%,rgba(255,255,255,.72),transparent),radial-gradient(1.5px 1.5px at 94% 58%,rgba(255,255,255,.77),transparent),radial-gradient(1.3px 1.3px at 42% 44%,rgba(255,255,255,.73),transparent);background-repeat:no-repeat;opacity:.65;mix-blend-mode:screen;animation:particle-twinkle-a 11s ease-in-out infinite;animation-delay:-3s}html[data-theme=dark] body{position:relative;z-index:0}html[data-theme=dark] body:before{background-image:radial-gradient(3.4px 3.4px at 10% 8%,rgba(255,255,255,.96),transparent),radial-gradient(3.1px 3.1px at 32% 6%,rgba(255,255,255,.9),transparent),radial-gradient(3.2px 3.2px at 55% 12%,rgba(255,255,255,.88),transparent),radial-gradient(3.5px 3.5px at 78% 10%,rgba(255,255,255,.92),transparent),radial-gradient(3.3px 3.3px at 90% 18%,rgba(255,255,255,.9),transparent),radial-gradient(3px 3px at 82% 6%,rgba(255,255,255,.94),transparent),radial-gradient(2.8px 2.8px at 88% 8%,rgba(255,255,255,.88),transparent),radial-gradient(3.2px 3.2px at 94% 10%,rgba(255,255,255,.91),transparent),radial-gradient(2.9px 2.9px at 96% 14%,rgba(255,255,255,.86),transparent),radial-gradient(3.1px 3.1px at 86% 12%,rgba(255,255,255,.9),transparent),radial-gradient(3.4px 3.4px at 92% 6%,rgba(255,255,255,.94),transparent),radial-gradient(3.2px 3.2px at 88% 4%,rgba(255,255,255,.9),transparent),radial-gradient(3.6px 3.6px at 96% 8%,rgba(255,255,255,.92),transparent),radial-gradient(3.1px 3.1px at 90% 2%,rgba(255,255,255,.88),transparent),radial-gradient(3.3px 3.3px at 84% 3%,rgba(255,255,255,.9),transparent),radial-gradient(4.2px 4.2px at 94% 4%,rgba(255,255,255,.97),transparent),radial-gradient(4.5px 4.5px at 88% 2%,rgba(255,255,255,.96),transparent),radial-gradient(4.1px 4.1px at 98% 6%,rgba(255,255,255,.93),transparent),radial-gradient(4.3px 4.3px at 92% 10%,rgba(255,255,255,.95),transparent),radial-gradient(4.4px 4.4px at 86% 8%,rgba(255,255,255,.94),transparent),radial-gradient(4px 4px at 15% 22%,rgba(255,255,255,.95),transparent),radial-gradient(3.6px 3.6px at 72% 18%,rgba(255,255,255,.9),transparent),radial-gradient(3.2px 3.2px at 48% 62%,rgba(255,255,255,.82),transparent),radial-gradient(2.8px 2.8px at 82% 78%,rgba(255,255,255,.75),transparent),radial-gradient(2.6px 2.6px at 26% 74%,rgba(255,255,255,.7),transparent),radial-gradient(2.4px 2.4px at 10% 58%,rgba(255,255,255,.65),transparent),radial-gradient(2.5px 2.5px at 90% 42%,rgba(255,255,255,.68),transparent),radial-gradient(2.3px 2.3px at 36% 30%,rgba(255,255,255,.74),transparent),radial-gradient(2.1px 2.1px at 60% 12%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 8% 40%,rgba(255,255,255,.65),transparent),radial-gradient(2.4px 2.4px at 54% 84%,rgba(255,255,255,.72),transparent),radial-gradient(2.6px 2.6px at 68% 46%,rgba(255,255,255,.69),transparent),radial-gradient(2.2px 2.2px at 12% 32%,rgba(255,255,255,.66),transparent),radial-gradient(2.3px 2.3px at 4% 68%,rgba(255,255,255,.63),transparent),radial-gradient(2.5px 2.5px at 96% 24%,rgba(255,255,255,.7),transparent),radial-gradient(2.1px 2.1px at 44% 48%,rgba(255,255,255,.68),transparent),radial-gradient(2.3px 2.3px at 78% 58%,rgba(255,255,255,.71),transparent);background-repeat:no-repeat;opacity:.42;mix-blend-mode:screen}html[data-theme=dark] body:after{background-image:radial-gradient(1.4px 1.4px at 25% 16%,rgba(255,255,255,.85),transparent),radial-gradient(1.2px 1.2px at 75% 66%,rgba(255,255,255,.75),transparent),radial-gradient(1.3px 1.3px at 46% 56%,rgba(255,255,255,.8),transparent),radial-gradient(1.1px 1.1px at 84% 38%,rgba(255,255,255,.78),transparent),radial-gradient(1.2px 1.2px at 18% 82%,rgba(255,255,255,.72),transparent),radial-gradient(1.1px 1.1px at 58% 22%,rgba(255,255,255,.76),transparent),radial-gradient(1.4px 1.4px at 8% 52%,rgba(255,255,255,.8),transparent),radial-gradient(1.3px 1.3px at 92% 74%,rgba(255,255,255,.74),transparent),radial-gradient(1.2px 1.2px at 34% 28%,rgba(255,255,255,.78),transparent),radial-gradient(1.3px 1.3px at 62% 82%,rgba(255,255,255,.76),transparent),radial-gradient(1.1px 1.1px at 42% 34%,rgba(255,255,255,.72),transparent),radial-gradient(1.2px 1.2px at 88% 18%,rgba(255,255,255,.75),transparent),radial-gradient(1.1px 1.1px at 54% 44%,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 68% 12%,rgba(255,255,255,.73),transparent),radial-gradient(1.1px 1.1px at 12% 44%,rgba(255,255,255,.7),transparent),radial-gradient(1.3px 1.3px at 6% 26%,rgba(255,255,255,.74),transparent),radial-gradient(1.2px 1.2px at 48% 86%,rgba(255,255,255,.72),transparent),radial-gradient(1.3px 1.3px at 30% 64%,rgba(255,255,255,.76),transparent),radial-gradient(1.1px 1.1px at 96% 58%,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 82% 10%,rgba(255,255,255,.78),transparent),radial-gradient(1.3px 1.3px at 86% 14%,rgba(255,255,255,.76),transparent),radial-gradient(1.1px 1.1px at 90% 8%,rgba(255,255,255,.74),transparent),radial-gradient(1.2px 1.2px at 94% 12%,rgba(255,255,255,.8),transparent),radial-gradient(1.15px 1.15px at 88% 6%,rgba(255,255,255,.72),transparent),radial-gradient(1.25px 1.25px at 92% 4%,rgba(255,255,255,.76),transparent),radial-gradient(1.1px 1.1px at 86% 20%,rgba(255,255,255,.73),transparent),radial-gradient(1.05px 1.05px at 90% 22%,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 94% 24%,rgba(255,255,255,.75),transparent),radial-gradient(1.18px 1.18px at 98% 18%,rgba(255,255,255,.78),transparent),radial-gradient(1.08px 1.08px at 96% 28%,rgba(255,255,255,.7),transparent);background-repeat:no-repeat;opacity:.7;mix-blend-mode:screen;animation:particle-twinkle-b 13s ease-in-out infinite;animation-delay:-6s;animation-delay:-4s}html[data-theme=dark]:after{background-image:linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 50%,transparent 100%),linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,transparent 100%),linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 50%,transparent 100%),linear-gradient(135deg,transparent,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 50%,transparent 100%);background-size:280px 3px,220px 2px,250px 3px,200px 2px;background-position:-300px 15%,-250px 45%,-280px 70%,-220px 30%;background-repeat:no-repeat;animation:shooting-stars-diagonal 10s linear infinite;transform:rotate(45deg);transform-origin:center center;opacity:.65;mix-blend-mode:screen;z-index:0}html[data-theme=light] body{--main-bg: linear-gradient(180deg, rgba(255, 248, 252, 1) 0%, rgba(255, 250, 253, .96) 45%, rgba(255, 255, 255, 1) 100% );background:radial-gradient(circle at 22% 10%,#ffc3e147,#ffc3e100 45%),radial-gradient(circle at 74% 14%,#bde0ff38,#bde0ff00 50%),radial-gradient(circle at 14% 78%,#ffd6c02e,#ffd6c000 55%),linear-gradient(180deg,#fff8fc,#fff);color:var(--text-primary)}html[data-theme=light] .container{background:var(--main-bg)}html[data-theme=dark] .form-logo,html[data-theme=dark] .form-logo:hover{filter:brightness(0) invert(1);opacity:1}html[data-theme=dark] .step-form-content h2{color:#f0f0f0}html[data-theme=dark] .form-desc{color:var(--text-secondary)}html[data-theme=dark] .step-form-content button:not(.gender-switch-btn):not(.step-primary-action),html[data-theme=dark] .story-page button,html[data-theme=dark] .step-buttons button,html[data-theme=dark] .left-panel button:not(.back):not(.language-btn):not(.gender-switch-btn):not(.step-primary-action){background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff}html[data-theme=dark] .step-form-content button:disabled,html[data-theme=dark] .story-page button:disabled,html[data-theme=dark] .step-buttons button:disabled,html[data-theme=dark] .left-panel button:disabled{background:#4a4a6a}html[data-theme=dark] .back{color:var(--text-secondary)}html[data-theme=dark] .back:hover{background:#f080cd26;color:#f693d3}html[data-theme=dark] .language-selector{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}html[data-theme=dark] .language-btn{color:var(--text-secondary)}html[data-theme=dark] .language-btn.active{background:#f080cd33;color:#f693d3}html[data-theme=dark] .gender-switch-flat{background:#ffffff14}html[data-theme=dark] .gender-switch-btn{color:var(--text-secondary)}html[data-theme=dark] .gender-switch-btn.active{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff}html[data-theme=dark] .step-form-content .choice-card{background:#ffffff0d;border-color:#ffffff26;color:var(--text-primary)}html[data-theme=dark] .step-form-content .choice-card:hover:not(.active){background:#ffffff1a;border-color:#f080cd4d;transform:none}html[data-theme=dark] .step-form-content .choice-card.active{background:linear-gradient(135deg,#f080cd66,#c962a973)!important;border-color:#f080cdb3!important}html[data-theme=dark] .step-form-content .choice-label{color:var(--text-primary)}html[data-theme=dark] .step-form-content .choice-card.active .choice-label{color:#fff}html[data-theme=dark] .step-form-content .story-content{background:#1e1e32cc;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}html[data-theme=dark] .story-page h2{color:#f0f0f0}html[data-theme=dark] .story-content{color:var(--text-primary)}html[data-theme=dark] .page-indicator{color:#f693d3}html[data-theme=dark] .restart-button{border-color:#f693d3;color:#f693d3}html[data-theme=dark] .restart-button:hover{background:#f693d3;color:#1a1a2e}html[data-theme=dark] .ark-input__wrapper{background:#ffffff0d;border-color:#ffffff26}html[data-theme=dark] .ark-input__wrapper:focus-within{border-color:#f693d3}html[data-theme=dark] .ark-input__native{color:var(--text-primary)}html[data-theme=dark] .ark-segmented{background:#ffffff14}html[data-theme=dark] .ark-segmented__button{color:var(--text-secondary)}html[data-theme=dark] .ark-segmented__button[data-active=true]{background:#f080cd33;color:#f693d3}:root{--primary: #c962a9;--text: #232021}html{scroll-behavior:smooth}.home-wrapper{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 30% 8%,#ffb6ce4d,#ffc8da1f 25%,#ffd2e60f 45%,#ffdcf000 60%),linear-gradient(180deg,#fff8fc,#fffbfd 18%,#fff 50% 100%);color:var(--text);font-family:PingFang HK,-apple-system,BlinkMacSystemFont,PingFang SC,PingFang TC,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.home-wrapper--portrait{background:radial-gradient(circle at 50% -10%,#ffb6ce59,#ffc8da2e,#ffdcf000 70%),linear-gradient(180deg,#fff8fc,#fff 60%,#f4f5ff)}.home-header.is-portrait{background:#ffffffe6;box-shadow:0 12px 32px #00000014;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.home-header.is-portrait:after{display:none}.home-header.is-portrait .header-inner{flex-direction:column;align-items:stretch;gap:12px;padding:18px clamp(20px,5vw,40px) 14px;border-bottom:none}.portrait-header-shell{display:flex;flex-direction:column;gap:12px;width:100%}.portrait-main-row{display:flex;align-items:center;gap:12px;width:100%}.portrait-main-row .brand{margin:0}.portrait-main-row .brand-logo{height:52px}.portrait-language .brand-lang{display:flex}.portrait-language .language-toggle{width:auto}.nav-mobile-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.nav-mobile-actions .home-auth-btn{padding:8px 14px}.portrait-start-btn{flex:0 0 auto}.portrait-profile-cta{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;margin-left:auto}.portrait-main-row .nav-mobile-actions{margin-left:0}.portrait-main-row .nav-mobile-actions.nav-mobile-actions--push{margin-left:auto}.profile-menu-animate{display:inline-flex;opacity:0;transform:translateY(-6px) scale(.96);transform-origin:top right;animation:profileMenuEnter .35s cubic-bezier(.22,.61,.36,1) forwards}@keyframes profileMenuEnter{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.home-subscription .subscription-panel{display:flex;flex-direction:column;gap:28px;padding:32px;border-radius:32px;background:linear-gradient(180deg,#fff8fce6,#fff);border:1px solid rgba(201,98,169,.12);box-shadow:0 20px 60px #c962a92e}.home-subscription .subscription-hero{display:flex;flex-direction:column;gap:10px}.home-subscription .subscription-tag{align-self:flex-start;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700;background:#c962a91f;color:#c055a7;box-shadow:inset 0 0 0 1px #c962a933}.home-subscription .subscription-hero h2{margin:0;font-size:36px}.home-subscription .subscription-subtitle{margin:0;font-size:1.05rem;color:#6e5d68}.home-subscription .subscription-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px}.home-subscription .subscription-card,.home-subscription .subscription-updates{border-radius:28px;padding:28px;border:1px solid rgba(0,0,0,.04);background:#fff;box-shadow:0 16px 35px #00000014}.home-subscription .subscription-card{display:flex;flex-direction:column;gap:18px}.home-subscription .subscription-price{font-size:18px;font-weight:700;color:#a1388c}.home-subscription .subscription-features,.home-subscription .subscription-status-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.home-subscription .subscription-features li{display:flex;align-items:center;gap:10px;font-weight:600;color:#42363f}.home-subscription .subscription-features li:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 0 0 4px #c962a91f}.home-subscription .subscription-cta{margin-top:auto;border:none;border-radius:999px;padding:14px 18px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 18px 32px #c962a94d;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.home-subscription .subscription-cta:hover{transform:translateY(-2px);box-shadow:0 24px 40px #c962a959}.home-subscription .subscription-updates h3{margin:0 0 14px;font-size:18px;font-weight:700;color:#3f2c3a}.home-subscription .subscription-status-list li{display:flex;align-items:flex-start;gap:12px;font-weight:600;color:#4b3c44}.home-subscription .status-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;background:#c962a9;box-shadow:0 0 0 4px #c962a926}.home-subscription .subscription-note{margin-top:18px;padding:14px 18px;border-radius:18px;background:#c962a914;color:#5b3f55;font-weight:600}@media(max-width:1024px){.home-subscription .subscription-grid{grid-template-columns:1fr}.home-subscription .subscription-panel{padding:24px}}html[data-theme=dark] .home-subscription .subscription-panel{background:linear-gradient(180deg,#181220e6,#13111a);border-color:#ffffff14;box-shadow:0 30px 80px #00000073}html[data-theme=dark] .home-subscription .subscription-card,html[data-theme=dark] .home-subscription .subscription-updates{background:#181220bf;border-color:#ffffff0d;box-shadow:0 18px 45px #0000008c}html[data-theme=dark] .home-subscription .subscription-hero h2,html[data-theme=dark] .home-subscription .subscription-price,html[data-theme=dark] .home-subscription .subscription-features li,html[data-theme=dark] .home-subscription .subscription-updates h3,html[data-theme=dark] .home-subscription .subscription-status-list li{color:#f3ecf6}html[data-theme=dark] .home-subscription .subscription-subtitle,html[data-theme=dark] .home-subscription .subscription-note{color:#d3c2d7}html[data-theme=dark] .home-subscription .subscription-note{background:#c962a92e}.home-menu-toggle{width:48px;height:48px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#c962a91f;color:#c962a9;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:5px;cursor:pointer;box-shadow:0 6px 18px #c962a92e;transition:background .25s ease,box-shadow .25s ease,transform .25s ease,color .25s ease}.home-menu-toggle:hover{background:#c962a929;transform:translateY(-2px);box-shadow:0 10px 28px #c962a940}.home-menu-toggle.open{background:#c962a92e;box-shadow:0 12px 32px #c962a94d}.home-menu-toggle span{display:block;width:100%;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.home-menu-toggle.open span:nth-child(1){transform:translateY(5px) rotate(45deg)}.home-menu-toggle.open span:nth-child(2){opacity:0}.home-menu-toggle.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.home-menu-toggle-wrapper{position:relative;flex:0 0 auto}.home-mobile-menu{position:absolute;top:calc(100% + 10px);left:auto;right:0;transform-origin:top right;min-width:170px;max-width:200px;display:flex;flex-direction:column;gap:8px;padding:10px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 40px #00000024;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;visibility:hidden;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;z-index:2000}.home-mobile-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition-delay:0s}.mobile-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;font-weight:600;font-size:.95rem;color:#3a2a35;text-align:left;transition:background .2s ease,transform .2s ease}.mobile-nav-link:hover{background:#f7f2f8;transform:translateY(-1px)}.home-wrapper--portrait main{padding-top:10px}.home-wrapper--portrait .hero{padding-top:10px}.home-wrapper--portrait .hero .hero-inner{display:flex;flex-direction:column;gap:28px}.home-wrapper--portrait .hero-copy{text-align:center}.home-wrapper--portrait .hero-cta,.home-wrapper--portrait .trust-row{justify-content:center}.home-wrapper--portrait .hero-cta{flex-wrap:nowrap}.home-wrapper--portrait .hero-cta .btn{padding:10px 18px}.home-wrapper--portrait .hero-media{order:-1;justify-content:center}.home-wrapper--portrait .hero-stack{max-width:360px;margin:0 auto}.home-wrapper--portrait .dark-panel{margin-top:10px;border-radius:26px;padding:36px 0 46px}.home-wrapper--portrait .how-grid,.home-wrapper--portrait .feature-grid,.home-wrapper--portrait .quotes,.home-wrapper--portrait .steps{grid-template-columns:1fr}.home-wrapper--portrait .footer-inner{grid-template-columns:1fr;text-align:center;gap:6px}.home-wrapper--portrait .footer-links{justify-content:center}.home-container{max-width:1100px;margin:0 auto;padding:0 20px}.home-header{position:sticky;top:0;z-index:20;background:#ffffffd9;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 1px #f1e6ef80}.home-header.scrolled{background:#ffffffeb;box-shadow:0 8px 28px #0000000f,0 1px #f1e6ef99}.home-header.scrolled .header-inner{padding:10px 0 16px;transition:padding .2s ease}.home-header:after{content:"";position:absolute;left:0;right:0;bottom:-20px;height:20px;background:linear-gradient(180deg,#fff6,#fff0);pointer-events:none;z-index:-1}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0 24px;border-bottom:1px solid rgba(241,230,239,.5)}.brand{display:flex;align-items:center;gap:10px}.brand.small .brand-logo{height:36px}.brand-logo{height:48px;width:auto}.home-wrapper .brand-logo,html[data-theme=dark] .home-wrapper .brand-logo{filter:brightness(0) saturate(100%)}.brand-name{font-weight:800;letter-spacing:.2px}.home-header.is-portrait .brand-name{display:none}.nav-actions{display:flex;align-items:center;gap:16px}.nav-link{color:#6b5b67;text-decoration:none;font-weight:600;padding:8px 10px;border-radius:10px}.nav-link:hover{background:#c962a91a;color:#3a2a35}.home-profile-actions{display:flex;align-items:center;gap:12px}.home-auth-btn{border:1px solid rgba(0,0,0,.08);background:#ffffffd9;color:#3a2a35;padding:10px 16px;border-radius:999px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.home-auth-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.home-auth-btn:focus-visible{outline:2px solid rgba(201,98,169,.7);outline-offset:3px}.btn{border:none;background:#111;color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.btn-primary{background:linear-gradient(135deg,#f693d3,#c962a9);box-shadow:0 6px 18px #c962a940}.btn-primary:hover{box-shadow:0 10px 28px #c962a959}.btn-secondary{background:#fff;color:#3a2a35;border:1px solid rgba(0,0,0,.08)}.btn-lg{padding:14px 22px;font-size:16px}.section{padding:56px 0;scroll-margin-top:60px}.section-title{font-size:32px;font-weight:800;margin:0 0 22px}.hero .hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.hero h1{font-size:44px;line-height:1.08;margin:0 0 14px;letter-spacing:.2px}.hero p{font-size:18px;color:#5b4d56;margin:0 0 18px}.hero-cta{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.trust-row{display:flex;align-items:center;gap:10px;color:#7a6a75;font-weight:600;margin-top:6px;flex-wrap:wrap}.trust-badge{background:#c962a91a;color:#5b2a4b;padding:6px 10px;border-radius:999px}.dot{width:4px;height:4px;border-radius:50%;background:#c9a3bd;opacity:.7}.hero-media{display:flex;justify-content:center}.hero-stack{position:relative;width:100%;max-width:460px;aspect-ratio:4/3}.hero-stack img{position:absolute;width:62%;height:auto;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px #0000001f;transition:transform .25s ease,box-shadow .25s ease}.hero-stack img:nth-child(1){left:6%;top:12%;transform:translate3d(var(--tx, 0),var(--ty, 0),0) rotate(-6deg)}.hero-stack img:nth-child(2){right:6%;top:0%;transform:translate3d(var(--tx, 0),var(--ty, 0),0) rotate(4deg)}.hero-stack img:nth-child(3){left:16%;bottom:2%;transform:translate3d(var(--tx, 0),var(--ty, 0),0) rotate(1deg)}.hero-stack img.top{z-index:3;box-shadow:0 16px 36px #00000029}.hero-stack img:not(.top){z-index:1}.dark-panel{position:relative;margin-top:-40px;padding:28px 0 40px;background:radial-gradient(circle at 18% 0%,rgba(67,34,120,.45),transparent 55%),radial-gradient(circle at 82% -8%,rgba(17,75,145,.42),transparent 50%),linear-gradient(160deg,#040615c7,#040411b8 35%,#03020bad);border-radius:36px 36px 0 0;box-shadow:0 -10px 60px #00000073;border-top:1px solid rgba(255,255,255,.12);overflow:hidden;isolation:isolate;-webkit-backdrop-filter:blur(30px) saturate(1.1);backdrop-filter:blur(30px) saturate(1.1)}.dark-panel:before{content:"";position:absolute;inset:-35% -25% -20%;background:radial-gradient(circle at 20% 18%,rgba(255,144,219,.55),transparent 52%),radial-gradient(circle at 75% 12%,rgba(122,184,255,.45),transparent 50%),radial-gradient(circle at 60% 80%,rgba(255,104,132,.26),transparent 60%);filter:blur(30px) saturate(1.1);opacity:.9;animation:nebula-breathe 32s ease-in-out infinite;z-index:0}.dark-panel__content{position:relative;z-index:1}.dark-panel__layers{position:absolute;inset:-15%;pointer-events:none;z-index:0}.stars-stream{position:absolute;inset:-45%;--stream-rotation: 0deg;background-image:var(--star-field);background-size:320px 320px,200px 200px,260px 260px;background-repeat:repeat;mix-blend-mode:screen;filter:blur(.8px) saturate(1.25);opacity:0;animation:starstream-in 16s linear infinite;animation-fill-mode:both;will-change:transform,opacity}.stars-stream--1{--star-field: radial-gradient(rgba(255,255,255,.9) 1px, transparent 1px), radial-gradient(rgba(255,195,255,.75) 1px, transparent 1px), radial-gradient(rgba(140,196,255,.8) 1px, transparent 1px);animation-delay:0s}.stars-stream--2{--star-field: radial-gradient(rgba(255,255,255,.85) 1px, transparent 1px), radial-gradient(rgba(255,170,226,.7) 1px, transparent 1px), radial-gradient(rgba(120,190,255,.65) 1px, transparent 1px);animation-delay:6s;--stream-rotation: 5deg}.stars-stream--3{--star-field: radial-gradient(rgba(255,255,255,.8) 1px, transparent 1px), radial-gradient(rgba(255,210,240,.75) 1px, transparent 1px), radial-gradient(rgba(135,205,255,.7) 1px, transparent 1px);animation-delay:12s;--stream-rotation: -4deg}@keyframes nebula-breathe{0%{transform:scale(.98) translate3d(-2%,-2%,0);opacity:.8}50%{transform:scale(1.1) translate3d(2%,2%,0);opacity:1}to{transform:scale(.98) translate3d(-2%,-2%,0);opacity:.8}}@keyframes starstream-in{0%{transform:rotate(var(--stream-rotation)) scale(1.5) translate3d(30vw,30vh,0);opacity:0}15%{opacity:.35}40%{opacity:.95}70%{opacity:.4}to{transform:rotate(var(--stream-rotation)) scale(1) translateZ(0);opacity:0}}.dark-panel .section-title{color:#fff;font-size:46px;line-height:1.1;letter-spacing:.2px;text-shadow:0 6px 30px rgba(201,98,169,.25)}.dark-panel p,.dark-panel li,.dark-panel blockquote{color:#ffffffdb}.dark-panel blockquote cite{color:#bfb0c6}.dark-panel h3,.dark-panel h4{color:#fff;font-weight:700;letter-spacing:.2px}.dark-panel .step,.dark-panel .feature,.dark-panel blockquote{background:#ffffff0d;border-color:#ffffff29;border-radius:28px;box-shadow:0 12px 30px #00000059}.dark-panel .step-num{background:#c962a940;color:#ffdff5}.dark-panel .feature h4,.dark-panel .feature p{color:#fff}.dark-panel .pricing-card{background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:28px;box-shadow:0 14px 36px #00000059,0 0 0 1px #ffffff08 inset,0 0 60px #c962a938}.dark-panel .price-points{color:#e8e1e7}.dark-panel .price-points li:before{color:#a9f0c2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{background:#fff;border:1px solid #f2e6ef;border-radius:16px;padding:18px;box-shadow:0 6px 18px #0000000a}.step-num{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#5b2a4b;background:#c962a91f;margin-bottom:8px}.step h3{margin:4px 0 8px;font-size:18px}.step p{margin:0;color:#6b5b67}.feature-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:start}.feature-showcase__intro{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:32px;box-shadow:0 20px 40px #00000040}.feature-showcase__intro h2{margin:8px 0 16px;font-size:clamp(32px,4vw,44px);color:#fff}.feature-showcase__intro p{color:#ffffffdb;line-height:1.6;margin:0 0 14px}.feature-eyebrow{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:#ffdff5;margin:0}.feature-showcase__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(16px,2.5vw,28px)}.feature-card{background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;box-shadow:0 16px 32px #00000059;display:flex;flex-direction:column;gap:10px}.feature-card__icon{font-size:28px}.feature-card__label{font-size:.9rem;color:#ffdff5;text-transform:uppercase;letter-spacing:.15em;margin:0}.feature-card h3{margin:0;color:#fff;font-size:1.3rem}.feature-card p{margin:0;color:#ffffffd9;line-height:1.5}.dark-panel .testimonials .section-title{color:#fff}.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.dark-panel .testimonials blockquote{background:#f0f0f0;border-color:transparent;border-radius:28px;color:#3a2a35;box-shadow:0 10px 25px #00000026;padding:28px 32px;font-size:17px;line-height:1.5}.dark-panel .testimonials blockquote cite{color:#6b5b67;font-weight:600;display:block;margin-top:12px;font-style:normal}.parent-voices{position:relative;padding:clamp(60px,8vw,120px) 0;color:#fff;overflow:hidden}.parent-voices__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}.parent-voices__copy h2{font-size:clamp(38px,4vw,56px);margin:12px 0 16px}.parent-voices__subtitle{font-size:1.05rem;color:#ffffffd6;margin:0 0 8px}.parent-voices__email{font-size:.95rem;color:#ffffffb3;margin:0 0 24px}.parent-voices__email a{color:#f28bd4;font-weight:600;text-decoration:none}.parent-voices__rating{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#ffd48a;font-weight:600}.parent-voices__score{font-size:1.3rem;color:#fff}.parent-voices__cta{margin-bottom:24px}.parent-voices__slider-shell{position:relative;padding-bottom:72px}.parent-voices__slider{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;margin-bottom:16px;scrollbar-width:none;position:relative;z-index:1;-webkit-overflow-scrolling:touch;touch-action:pan-x;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,1) 12%,rgba(0,0,0,1) 88%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.parent-voices__slider:active{cursor:grabbing}.parent-voices__slider::-webkit-scrollbar{display:none}.parent-voices__card{width:260px;min-width:260px;flex:0 0 auto;height:150px;padding:18px 20px;border-radius:28px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-start}.parent-voices__card h3{margin:0 0 8px;font-size:1rem}.parent-voices__card p{margin:0;color:#fffc;line-height:1.45}.parent-voices__pager-wrapper{position:absolute;bottom:0;left:50%;width:100vw;margin-left:-50vw;display:flex;justify-content:center;gap:16px;pointer-events:none}.parent-voices__pager{position:relative;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff14;color:#fff;font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease;transform:translateY(20px);pointer-events:auto}.parent-voices__pager:hover{transform:translateY(14px);border-color:#fff}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.in-view{opacity:1!important;transform:none!important}.pricing-card{background:#111;color:#fff;border-radius:20px;padding:24px;display:grid;gap:14px;box-shadow:0 16px 38px #00000040}.price{font-size:20px;font-weight:800}.price-points{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:#ebe6ea}.price-points li:before{content:"✓";margin-right:8px;color:#a9f0c2}.home-footer{padding:26px 0 40px;border-top:1px solid rgba(241,230,239,.6)}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.footer-links{display:flex;gap:16px;justify-content:center}.footer-links a{color:#6b5b67;text-decoration:none;font-weight:600}.footer-links a:hover{color:#3a2a35}.copyright{text-align:right;color:#8b7a85}@media(max-width:980px){.hero .hero-inner{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps,.quotes,.parent-voices__grid{grid-template-columns:1fr}.parent-voices__pager-wrapper{left:0;width:100%;margin-left:0}.feature-showcase{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.copyright{text-align:center}.home-profile-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:720px){.dark-panel .section-title{font-size:36px}}.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.how-left{padding-right:10px}.how-title{color:#fff;font-size:64px;line-height:1.08;letter-spacing:.2px;margin:0 0 22px;text-shadow:0 6px 30px rgba(201,98,169,.25)}.demo-btn{background:linear-gradient(135deg,#f693d3,#c962a9);color:#fff;border:none;border-radius:999px;padding:16px 26px;font-weight:800;display:inline-flex;align-items:center;gap:12px;box-shadow:0 10px 28px #c962a952}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #c962a966}.demo-icon{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff3;font-size:11px}.how-right{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0;border-radius:0;background:transparent;box-shadow:none;position:relative}.how-card{background:transparent;border:none;border-radius:0;padding:24px;color:#fff;box-shadow:none}.how-card h3{margin:10px 0;font-size:24px;letter-spacing:.2px}.how-card p{margin:0;color:#ffffffdb}@media(max-width:1100px){.how-grid{grid-template-columns:1fr}.how-title{font-size:48px}}@media(prefers-reduced-motion:reduce){[data-reveal]{transition:none;opacity:1;transform:none}.btn,.hero-stack img,.home-header.scrolled .header-inner{transition:none}}.user-storybooks{background:linear-gradient(135deg,#ffb6ce26,#ffc8da14,#ffdcf00d);padding:60px 0;margin:-40px 0 0}.storybooks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;margin-top:32px}.storybook-card{background:#fffffff2;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000001a;transition:all .3s ease;border:1px solid rgba(201,98,169,.1)}.storybook-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:#c962a933}.storybook-cover{position:relative;overflow:hidden}.storybook-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,98,169,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.storybook-card:hover .storybook-cover:after{opacity:1}.storybook-delete-btn{position:absolute;top:8px;right:8px;background:#f44336e6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:16px;transition:all .2s ease;z-index:10}.storybook-delete-btn:hover{background:#f44336;transform:scale(1.1)}.storybook-info{padding:20px}.storybook-info h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text);line-height:1.3}.storybook-info p{margin:0 0 12px;color:#6b5b67;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:720px){.storybooks-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.user-storybooks{padding:40px 0}}@media(orientation:portrait){.parent-voices__pager-wrapper{display:none}}