*{margin:0;padding:0}body{background:#fff5f8;color:#2d2d2d;font-family:Cairo,sans-serif}:root{--bg:#faf7ff;--bg-deep:#1a1335;--bg-card:#fff;--bg-card-soft:#ffffffc7;--ink:#1e1b3a;--ink-soft:#564f7a;--ink-hint:#8e87b3;--accent:#7c3aed;--accent-soft:#c4b5fd;--accent-hover:#6d28d9;--accent-glow:#7c3aed73;--accent2:#ec4899;--accent2-soft:#fbcfe8;--accent2-hover:#db2777;--accent3:#06b6d4;--accent3-soft:#a5f3fc;--gold:#fbbf24;--gold-soft:#fde68a;--border:#e9e3f7;--border-glow:#7c3aed2e;--field-bg:#faf7ff;--shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;--shadow-sm:0 6px 18px -4px #7c3aed24;--shadow-glow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;--gradient-dream:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);--gradient-dream-soft:linear-gradient(135deg,#7c3aed1a,#ec489914 50%,#06b6d41a);--gradient-sky:linear-gradient(160deg,#ede9fe,#fce7f3 50%,#fef3c7);--gradient-night:linear-gradient(160deg,#1e1b4b,#4c1d95 50%,#831843);--radius:22px;--radius-sm:14px;--radius-pill:999px}*{box-sizing:border-box}body,html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,fixed,scroll;background-color:#faf7ff;background-image:radial-gradient(1.5px 1.5px at 12% 8%,#fffffff2,#0000 60%),radial-gradient(1px 1px at 24% 22%,#fbbf24bf,#0000 60%),radial-gradient(1.5px 1.5px at 38% 12%,#ffffffd9,#0000 60%),radial-gradient(1px 1px at 55% 18%,#c4b5fdf2,#0000 60%),radial-gradient(1.5px 1.5px at 72% 6%,#ffffffe6,#0000 60%),radial-gradient(1px 1px at 85% 26%,#fbcfe8f2,#0000 60%),radial-gradient(1.5px 1.5px at 92% 14%,#ffffffd9,#0000 60%),radial-gradient(1.5px 1.5px at 8% 38%,#a5f3fcd9,#0000 60%),radial-gradient(1px 1px at 33% 54%,#fffc,#0000 60%),radial-gradient(1.5px 1.5px at 62% 62%,#fbbf24b3,#0000 60%),radial-gradient(1.5px 1.5px at 88% 48%,#c4b5fdd9,#0000 60%),radial-gradient(1px 1px at 18% 78%,#ffffffe6,#0000 60%),radial-gradient(1.5px 1.5px at 48% 88%,#fbcfe8d9,#0000 60%),radial-gradient(1px 1px at 76% 82%,#c4b5fde6,#0000 60%),radial-gradient(ellipse 80% 50% at 15% 0,#c4b5fd8c 0,#0000 65%),radial-gradient(ellipse 70% 45% at 85% 8%,#fbcfe880 0,#0000 60%),radial-gradient(ellipse 60% 40% at 0 50%,#a5f3fc59 0,#0000 60%),radial-gradient(ellipse 70% 50% at 100% 75%,#fde68a66 0,#0000 60%),radial-gradient(ellipse 80% 55% at 50% 100%,#c4b5fd66 0,#0000 65%),linear-gradient(180deg,#faf7ff,#fdf4ff 30%,#fef6f8 60%,#fff8ea);background-size:100% 100%;color:#1e1b3a;color:var(--ink);font-family:Cairo,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7;margin:0;min-height:100vh}@keyframes starfield-twinkle{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){body:after{animation:none;opacity:.7}}.app{align-items:stretch;display:flex;flex-direction:column;min-height:100vh}.app-header{margin-bottom:28px;text-align:center}.app-title{color:#7c3aed;color:var(--accent);font-size:2.2rem;margin:0 0 6px}.app-subtitle{color:#564f7a;color:var(--ink-soft);font-size:1.05rem;margin:0}.app-main{animation:page-rise .5s cubic-bezier(.2,.8,.2,1) both;flex:1 1;max-width:640px;width:100%}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-main{animation:none}}.story-form{gap:16px}.form-zone,.story-form{display:flex;flex-direction:column}.form-zone{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);gap:18px;padding:28px;position:relative}.form-zone:before{background:linear-gradient(135deg,#7c3aed59,#ec489940,#06b6d44d);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;padding:1px;pointer-events:none;position:absolute}.zone-title{color:#1e1b3a;color:var(--ink);font-size:1.15rem;font-weight:700;margin:0}.field{display:flex;flex-direction:column;gap:5px}.field-label{color:#1e1b3a;color:var(--ink);font-size:.92rem;font-weight:600}.field-helper{color:#8e87b3;color:var(--ink-hint);font-size:.78rem;line-height:1.5}.field input[type=email],.field input[type=number],.field input[type=password],.field input[type=tel],.field input[type=text],.field select,.field textarea{background:#ffffffd9;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);color:#1e1b3a;color:var(--ink);font:inherit;font-size:.98rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .25s ease,background .2s ease,transform .15s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:#c4b5fd;border-color:var(--accent-soft)}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed24,0 8px 24px -8px #7c3aed40}.field textarea{min-height:90px;resize:vertical}.field input[type=file]{font:inherit;font-size:.9rem;padding:8px 0}.field input::placeholder,.field textarea::placeholder{color:#8e87b3;color:var(--ink-hint);opacity:.7}.dropzone-wrap{display:flex;flex-direction:column;gap:12px}.dropzone{align-items:center;background:linear-gradient(180deg,#ffffffd9,#ffffff8c),linear-gradient(135deg,#7c3aed0f,#ec48990d,#06b6d40f);border:1.5px dashed #c4b5fd;border:1.5px dashed var(--accent-soft);border-radius:14px;border-radius:var(--radius-sm);color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;justify-content:center;min-height:140px;outline:none;padding:22px 18px;position:relative;transition:border-color .2s ease,background .2s ease,transform .15s ease,box-shadow .25s ease}.dropzone:hover{background:linear-gradient(180deg,#fffffff2,#ffffffb3),linear-gradient(135deg,#7c3aed1a,#ec489914,#06b6d41a);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 8px 24px -12px #7c3aed59;transform:translateY(-1px)}.dropzone:focus-visible{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed24}.dropzone.is-dragging{background:linear-gradient(180deg,#fffffff2,#fffc),linear-gradient(135deg,#7c3aed29,#ec48991f,#06b6d429);border-color:#7c3aed;border-color:var(--accent);border-style:solid;box-shadow:0 12px 32px -10px #7c3aed73;transform:scale(1.01)}.dropzone.is-full{cursor:not-allowed;opacity:.7}.dropzone-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.dropzone-inner{gap:14px;pointer-events:none;text-align:start}.dropzone-icon,.dropzone-inner{align-items:center;display:flex}.dropzone-icon{background:linear-gradient(135deg,#7c3aed24,#ec48991f);border-radius:50%;color:#7c3aed;color:var(--accent);flex-shrink:0;height:52px;justify-content:center;width:52px}.dropzone.is-dragging .dropzone-icon{color:#6d28d9;color:var(--accent-hover);transform:translateY(-2px);transition:transform .2s ease}.dropzone-text{display:flex;flex-direction:column;gap:4px;line-height:1.4}.dropzone-text strong{color:#1e1b3a;color:var(--ink);font-size:.98rem;font-weight:700}.dropzone-text span{color:#8e87b3;color:var(--ink-hint);font-size:.82rem}.dropzone-thumbs{grid-gap:12px;display:grid;gap:12px}.dropzone-thumbs.is-single{grid-template-columns:minmax(0,220px)}.dropzone-thumbs.is-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dropzone-thumb{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 14px -8px #1e1b3a2e;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.dropzone-thumb:hover{border-color:#c4b5fd;border-color:var(--accent-soft);box-shadow:0 10px 24px -12px #7c3aed52;transform:translateY(-2px)}.dropzone-thumb img{aspect-ratio:1/1;display:block;object-fit:cover;width:100%}.dropzone-thumb-placeholder{aspect-ratio:1/1;background:linear-gradient(135deg,#7c3aed14,#ec489914);width:100%}.dropzone-thumb-remove{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#1e1b3ac7;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;height:26px;inset-inline-end:6px;justify-content:center;line-height:1;padding:0;position:absolute;top:6px;transition:background .15s ease,transform .15s ease;width:26px}.dropzone-thumb-remove:hover{background:#db2777;background:var(--accent2-hover);transform:scale(1.08)}.dropzone-thumb-meta{background:#fff;display:flex;flex-direction:column;font-size:.72rem;gap:2px;padding:8px 10px}.dropzone-thumb-name{color:#1e1b3a;color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone-counter,.dropzone-thumb-size{color:#8e87b3;color:var(--ink-hint)}.dropzone-counter{align-self:flex-end;font-size:.78rem}.image-section-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.image-tips{position:relative}.image-tips-trigger{align-items:center;background:#7c3aed14;border:1px solid #c4b5fd;border:1px solid var(--accent-soft);border-radius:999px;border-radius:var(--radius-pill);color:#7c3aed;color:var(--accent);cursor:pointer;display:inline-flex;font:inherit;font-size:.82rem;font-weight:600;gap:6px;padding:6px 14px;transition:background .2s ease,border-color .2s ease,transform .15s ease}.image-tips-trigger:hover{background:#7c3aed24;border-color:#7c3aed;border-color:var(--accent)}.image-tips-trigger:focus-visible{box-shadow:0 0 0 4px #7c3aed2e;outline:none}.image-tips-popover{animation:image-tips-pop .16s ease;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);inset-inline-end:0;padding:16px 18px;position:absolute;top:calc(100% + 10px);width:min(320px,80vw);z-index:30}@keyframes image-tips-pop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.image-tips-popover-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.image-tips-popover-head strong{color:#1e1b3a;color:var(--ink);font-size:.95rem}.image-tips-close{background:none;border:none;color:#8e87b3;color:var(--ink-hint);cursor:pointer;font-size:1.3rem;line-height:1;padding:0 2px;transition:color .2s ease}.image-tips-close:hover{color:#1e1b3a;color:var(--ink)}.image-tips-list{display:flex;flex-direction:column;gap:8px;margin:0;padding-inline-start:18px}.image-tips-list li{color:#564f7a;color:var(--ink-soft);font-size:.84rem;line-height:1.55}.hero-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 80px auto}.field-age input{text-align:center}.field-gender{align-items:flex-end;display:flex}.gender-toggle{background:#ffffffb3;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);display:flex;gap:2px;height:46px;overflow:hidden;padding:3px}.gender-btn{background:#0000;border:none;border-radius:999px;border-radius:var(--radius-pill);color:#564f7a;color:var(--ink-soft);cursor:pointer;font:inherit;font-size:.92rem;font-weight:600;padding:0 22px;transition:color .2s ease,background .25s ease,box-shadow .25s ease,transform .15s ease;white-space:nowrap}.gender-btn.active{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);box-shadow:0 6px 18px -6px #7c3aed8c;color:#fff;transform:scale(1.02)}.gender-btn:not(.active):hover{background:#7c3aed14;color:#7c3aed;color:var(--accent)}.trait-chips{display:flex;flex-wrap:wrap;gap:8px}.trait-chip{background:#ffffffb3;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#564f7a;color:var(--ink-soft);cursor:pointer;font:inherit;font-size:.88rem;font-weight:600;padding:7px 16px;transition:color .2s ease,background .25s ease,box-shadow .25s ease,transform .15s ease}.trait-chip.active{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-color:#0000;box-shadow:0 6px 18px -6px #7c3aed8c;color:#fff;transform:scale(1.02)}.trait-chip:not(.active):hover{background:#7c3aed14;color:#7c3aed;color:var(--accent)}.trait-add-row{display:flex;gap:8px;margin-top:10px}.trait-add-row input{flex:1 1}.trait-add-btn{background:#ffffffb3;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#7c3aed;color:var(--accent);cursor:pointer;font:inherit;font-weight:600;padding:0 18px;transition:background .2s ease;white-space:nowrap}.trait-add-btn:hover{background:#7c3aed14}.topic-picker{display:flex;flex-direction:column;gap:14px}.topic-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.topic-grid-storefront{gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.topic-grid-storefront .topic-chip-label{font-size:1.05rem}.topic-chip{align-items:center;background:#ffffffb3;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:18px;color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:8px;padding:12px 8px;text-decoration:none;transition:color .2s ease,background .25s ease,box-shadow .25s ease,transform .15s ease,border-color .2s ease}.topic-chip:not(.active):hover{background:#7c3aed14;color:#7c3aed;color:var(--accent);transform:translateY(-2px)}.topic-chip.active{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-color:#0000;box-shadow:0 8px 22px -8px #7c3aed8c;color:#fff;transform:scale(1.02)}.topic-chip-media{align-items:center;aspect-ratio:1/1;background:#7c3aed0f;border-radius:14px;display:flex;justify-content:center;overflow:hidden;width:100%}.topic-chip.active .topic-chip-media{background:#ffffff2e}.topic-chip-img{display:block;height:100%;object-fit:cover;width:100%}.topic-chip-emoji{font-size:2rem;line-height:1}.topic-chip-label{font-size:.86rem;font-weight:700;text-align:center}.topic-other-input{width:100%}.topic-picker-collapsed{align-items:center;flex-direction:row;gap:14px}.topic-chip-selected{cursor:default;flex-direction:row;gap:12px;padding:10px 16px 10px 12px}.topic-chip-selected .topic-chip-media{flex:0 0 56px;width:56px}.topic-chip-selected .topic-chip-label{font-size:1rem}.topic-change-btn{background:none;border:none;color:#7c3aed;color:var(--accent);cursor:pointer;font:inherit;font-weight:700;padding:6px 4px;text-decoration:underline}.topic-change-btn:hover{color:#1e1b3a;color:var(--ink)}.smart-fields{display:flex;flex-direction:column;gap:14px;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}.smart-fields.visible{margin-top:4px;max-height:500px;opacity:1}.zone-extras{gap:0;padding:0}.extras-toggle{align-items:center;background:#0000;border:none;color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;font:inherit;font-size:.95rem;font-weight:600;justify-content:space-between;padding:18px 24px;transition:color .15s;width:100%}.extras-toggle:hover{color:#7c3aed;color:var(--accent)}.extras-arrow{display:inline-block;font-size:1.1rem;transition:transform .25s ease}.extras-arrow.open{transform:rotate(180deg)}.extras-body{display:flex;flex-direction:column;gap:14px;max-height:0;opacity:0;overflow:hidden;padding:0 24px;transition:max-height .4s ease,opacity .3s ease,padding .3s ease}.extras-body.visible{max-height:600px;opacity:1;padding:0 24px 24px}.submit-btn{background:linear-gradient(135deg,#7c3aed,#ec4899 60%,#f59e0b 120%);background-position:0 50%;background-size:200% 200%;border:none;border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 10px 30px -8px #7c3aed73;color:#fff;cursor:pointer;font:inherit;font-size:1.1rem;font-weight:700;letter-spacing:.01em;margin-top:4px;overflow:hidden;padding:16px 32px;position:relative;transition:transform .15s ease,box-shadow .25s ease,background-position .6s ease}.submit-btn:after{background:linear-gradient(120deg,#0000 30%,#ffffff59 50%,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .7s ease}.submit-btn:hover{background-position:100% 50%;box-shadow:0 16px 38px -10px #7c3aed8c,0 0 24px #ec48994d;transform:translateY(-1px)}.submit-btn:hover:after{transform:translateX(100%)}.submit-btn:active{transform:translateY(0) scale(.98)}.submit-btn:disabled{animation:none;box-shadow:none;cursor:not-allowed;opacity:.55}.loader{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:22px;padding:64px 28px}.loader-spinner{animation:spin 1s linear infinite;border-bottom:5px solid #7c3aed1f;border-left:5px solid #7c3aed1f;border-radius:50%;border-right:5px solid #ec4899;border-right-color:var(--accent2);border-top:5px solid #7c3aed;border-top-color:var(--accent);filter:drop-shadow(0 0 12px rgba(124,58,237,.35));height:64px;width:64px}@keyframes spin{to{transform:rotate(1turn)}}.loader-text{color:#564f7a;color:var(--ink-soft);font-size:1.1rem;margin:0}.create-page-loading{align-items:flex-start;display:flex;justify-content:center;min-height:70vh;padding-top:24px}.story-loader-pro{background:#fff;border:1px solid #fffffff2;border-radius:22px;border-radius:var(--radius);box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);flex-direction:column;isolation:isolate;margin:0 auto;max-width:540px;padding:48px 32px 36px;text-align:center;width:100%}.story-loader-orb,.story-loader-pro{align-items:center;display:flex;position:relative}.story-loader-orb{height:124px;justify-content:center;margin-bottom:22px;width:124px}.story-loader-orb-glow{animation:storyLoaderHalo 2.4s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:50%;filter:blur(14px);inset:16px;opacity:.75;position:absolute}.story-loader-orb-ring{animation:spin 9s linear infinite;border:2px dashed #7c3aed73;border-radius:50%;inset:0;position:absolute}.story-loader-orb-ring-2{animation:spin 1.4s linear infinite;border-color:#ec4899 #7c3aed #0000 #0000;border-style:solid;border-width:2px;inset:14px}.story-loader-orb-icon{animation:storyLoaderFloat 2.6s ease-in-out infinite;color:#fff;filter:drop-shadow(0 2px 8px rgba(124,58,237,.65));position:relative}@keyframes storyLoaderFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}.story-loader-title{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;margin:0 0 6px}.story-loader-subtitle{color:#564f7a;color:var(--ink-soft);font-size:.98rem;margin:0 0 28px}.story-loader-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 26px;max-width:380px;padding:0;width:100%}.story-loader-step{background:#ffffff8c;border:1px solid #7c3aed14;border-radius:14px;border-radius:var(--radius-sm);gap:12px;padding:10px 14px}.story-loader-step,.story-loader-step-icon{align-items:center;display:flex;transition:all .4s ease}.story-loader-step-icon{background:#7c3aed14;border-radius:50%;color:#8e87b3;color:var(--ink-hint);flex-shrink:0;height:34px;justify-content:center;width:34px}.story-loader-step-label{color:#564f7a;color:var(--ink-soft);flex:1 1;font-size:.98rem;text-align:start}.story-loader-step-spinner{animation:spin .7s linear infinite;border:2px solid #7c3aed33;border-radius:50%;border-top:2px solid var(--accent);flex-shrink:0;height:14px;width:14px}.story-loader-step-pending{opacity:.55}.story-loader-step-active{background:linear-gradient(135deg,#7c3aed24,#ec48991a);border-color:#7c3aed47;box-shadow:0 8px 22px -10px #7c3aed73;transform:scale(1.02)}.story-loader-step-active .story-loader-step-icon{animation:storyLoaderFloat 1.6s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);box-shadow:0 4px 12px #7c3aed73;color:#fff}.story-loader-step-active .story-loader-step-label{color:#1e1b3a;color:var(--ink);font-weight:600}.story-loader-step-done .story-loader-step-icon{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff}.story-loader-step-done .story-loader-step-label{color:#564f7a;color:var(--ink-soft)}.story-loader-progress{background:#7c3aed1a;border-radius:999px;height:6px;max-width:380px;overflow:hidden;width:100%}.story-loader-progress-bar{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:999px;box-shadow:0 0 12px #7c3aed80;height:100%;transition:width .8s ease}.error-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);padding:32px;text-align:center}.error-card h2{color:#b3401f;margin:0 0 8px}.error-card p{color:#564f7a;color:var(--ink-soft)}.story{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);padding:36px 28px 28px}.story-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.01em;margin:0 0 32px;text-align:center}.story-scenes{gap:32px}.scene,.story-scenes{display:flex;flex-direction:column}.scene{gap:16px}.scene-divider{background-image:radial-gradient(circle at 50% 50%,#7c3aed 0 3px,#0000 4px),linear-gradient(90deg,#0000 0,#6366f14d 18%,#6366f14d 82%,#0000);background-image:radial-gradient(circle at 50% 50%,var(--accent) 0 3px,#0000 4px),linear-gradient(to right,#0000 0,#6366f14d 18%,#6366f14d 82%,#0000 100%);background-position:50%,center 50%;background-repeat:no-repeat,no-repeat;background-size:8px 8px,100% 1px;border:none;height:14px;margin:8px auto;max-width:220px;opacity:.85;width:60%}.scene-image-wrap{aspect-ratio:4/3;background:#e9e3f7;background:var(--border);border-radius:16px;box-shadow:0 6px 18px #6366f11f;overflow:hidden;width:100%}.scene-image{display:block;height:100%;object-fit:cover;width:100%}.scene-text{color:#1e1b3a;color:var(--ink);font-size:1.15rem;line-height:2;margin:0;text-align:justify;white-space:pre-line}.story-footer{display:flex;justify-content:center;margin-top:36px}@media (max-width:520px){.hero-row{gap:10px;grid-template-columns:1fr 1fr}.field-gender{grid-column:1/-1}.form-zone{padding:20px 16px}.extras-toggle{padding:16px}.extras-body{padding:0 16px}.extras-body.visible{padding:0 16px 20px}.app{padding:0 12px 60px}.submit-btn{font-size:1rem;padding:14px 20px}}.book{margin:0 auto;max-width:960px}.book,.book-stage{position:relative;width:100%}.book-stage{aspect-ratio:210/148;perspective:2000px}.page{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#faf7ff;background:var(--field-bg);border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);overflow:hidden}.book-flipper,.page{inset:0;position:absolute}.book-flipper{pointer-events:none;transform-origin:left center;transform-style:preserve-3d;will-change:transform}.book-flipper-back,.book-flipper-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;inset:0;position:absolute}.book-flipper-back{transform:rotateY(180deg)}.book-flipper-next{animation:book-flip-next .7s cubic-bezier(.45,.05,.2,1) forwards}.book-flipper-prev{animation:book-flip-prev .7s cubic-bezier(.45,.05,.2,1) forwards}@keyframes book-flip-next{0%{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes book-flip-prev{0%{transform:rotateY(-180deg)}to{transform:rotateY(0deg)}}.page-front{background:#1e1b2e}.cover-image{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.cover-image-fallback{background:radial-gradient(circle at 50% 80%,#fbcfe8 0,#7c3aed 60%,#312e81 100%);background:radial-gradient(circle at 50% 80%,var(--accent2-soft) 0,var(--accent) 60%,#312e81 100%)}.cover-overlay{background:linear-gradient(180deg,#00000080 0,#00000026 40%,#0000 65%);inset:0;pointer-events:none;position:absolute}.cover-title{background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#9595952b,#0000004d),linear-gradient(120deg,#b4494900,#27272700 55%,#8f8f8f00);background-origin:border-box;border:4px solid #ff000003;border-radius:18px;box-shadow:0 8px 24px #00000047;color:#343434;font-family:Cairo,system-ui,sans-serif;font-size:clamp(20px,3.6vw,36px);font-weight:800;left:50%;line-height:1.25;margin:0;max-width:86%;padding:.42em .95em;position:absolute;text-align:center;top:5%;transform:translateX(-50%)}.cover-title--light{color:#fff;text-shadow:0 2px 8px #0000008c}.page-scene{background:linear-gradient(135deg,#fdfbf7,#faf6ef 40%,#f7f3eb);direction:ltr;display:grid;grid-template-columns:1fr 1fr;padding:0}.page-scene .scene-text-wrap{direction:rtl}.page-scene .scene-image-wrap{aspect-ratio:auto;background:#faf6ef;border-radius:0;box-shadow:none;grid-row:1;height:100%;overflow:hidden;position:relative;width:100%}.page-scene--image-left .scene-image-wrap{grid-column:1}.page-scene--image-right .scene-image-wrap{grid-column:2}.page-scene--image-left .scene-text-wrap{grid-column:2;grid-row:1}.page-scene--image-right .scene-text-wrap{grid-column:1;grid-row:1}.page-scene .scene-image{display:block;height:100%;object-fit:cover;width:100%}.page-scene .scene-text-wrap{align-items:center;display:flex;justify-content:center;min-height:0;min-width:0;padding:28px 32px}.page-scene .scene-text{color:#2a1f10;font-size:clamp(.95rem,2vw,1.2rem);font-weight:500;letter-spacing:.015em;line-height:1.9;margin:0;max-height:100%;overflow-y:auto;text-align:center;white-space:pre-line}.page-scene .scene-text.scene-text--long{font-size:clamp(.9rem,1.8vw,1rem);line-height:1.8}.page-scene .scene-text.scene-text--xlong{font-size:clamp(.8rem,1.55vw,.92rem);line-height:1.65}.scene-image-blurred{background:radial-gradient(circle at 28% 22%,#f1a86b 0,#0000 42%),radial-gradient(circle at 78% 62%,#9b7fcf 0,#0000 48%),radial-gradient(circle at 50% 85%,#e36c6c 0,#0000 45%),radial-gradient(circle at 18% 75%,#6fb2c9 0,#0000 42%),linear-gradient(135deg,#fef0d9,#f5d3ad 50%,#d6b8e8);display:block;filter:blur(22px) saturate(1.05);height:100%;transform:scale(1.2);width:100%}.locked-overlay.locked-overlay--cta{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#faf6ef8c;gap:10px;padding:16px;text-align:center}.locked-overlay--cta .locked-icon{font-size:2.2rem}.locked-overlay--cta .locked-text{color:#2a1f10;font-size:.95rem;font-weight:600;line-height:1.4;margin:0;max-width:22ch}.locked-cta-text{color:#5a4a2a;font-size:.82rem;line-height:1.5;margin:0;max-width:26ch}.locked-overlay{align-items:center;background:linear-gradient(135deg,#f0ece3,#e8e2d6 50%,#f5f1ea);border-radius:inherit;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute}.locked-icon{font-size:2.8rem}.locked-text{color:#1e1b3a;color:var(--ink);font-size:1rem;font-weight:500;padding:0 24px;text-align:center}.scene-image-placeholder{background:linear-gradient(135deg,#f0edfa,#e8e4f5 50%,#fef9ec);border-radius:14px;border-radius:var(--radius-sm);height:100%;width:100%}.page-back{align-items:center;background:linear-gradient(160deg,#fdfbf7,#faf6ef 60%,#f7f3eb);display:flex;flex-direction:column;gap:28px;justify-content:center;padding:14% 10%;position:relative;text-align:center}.page-back:before{border:1.5px solid #b4a58c33;border-radius:16px;border-radius:calc(var(--radius) - 6px);content:"";inset:10px;pointer-events:none;position:absolute}.back-summary{color:#2c2416;font-size:1.2rem;line-height:1.85;margin:0;white-space:pre-line}.back-divider{background:#c7b299;border-radius:2px;height:2px;opacity:.5;width:80px}.back-dedication{color:#6b5a42;font-size:1.55rem;font-weight:700;letter-spacing:.01em;margin:0;white-space:pre-line}.book-nav{align-items:center;background:#fff;background:var(--bg-card);border:none;border-radius:50%;box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:#7c3aed;color:var(--accent);cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;width:48px;z-index:10}.book-nav:hover:not(:disabled){box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-50%) scale(1.08)}.book-nav:disabled{cursor:not-allowed;opacity:.35}.book-nav-next{left:-64px}.book-nav-prev{right:-64px}.book-progress{color:#8e87b3;color:var(--ink-hint);font-size:.95rem;letter-spacing:.05em;margin-top:16px;text-align:center}.book-actions,.book-restart{display:flex;justify-content:center;margin-top:20px}.book-actions{flex-wrap:wrap;gap:12px}.pdf-btn{background:#fff;background:var(--bg-card);border:2px solid #7c3aed;border:2px solid var(--accent);border-radius:14px;color:#7c3aed;color:var(--accent);cursor:pointer;font:inherit;font-size:1rem;font-weight:700;padding:14px 22px;transition:transform .1s,background .15s,color .15s}.pdf-btn:hover:not(:disabled){background:#7c3aed;background:var(--accent);color:#fff}.pdf-btn:active{transform:scale(.98)}.pdf-btn:disabled{cursor:wait;opacity:.6}.pdf-export{left:-10000px;pointer-events:none;position:fixed;top:0}.pdf-export,.pdf-page{background:#fff;width:210mm}.pdf-page{box-sizing:border-box;break-after:page;display:flex;flex-direction:column;height:148mm;overflow:hidden;page-break-after:always}.pdf-page:last-child{break-after:auto;page-break-after:auto}.pdf-page .page{border-radius:0;box-shadow:none;flex:1 1 100%;height:100%;inset:auto;min-height:0;overflow:hidden;position:relative;width:100%}.pdf-page .page-back{flex:1 1 100%;height:100%;padding:8mm 10mm}.pdf-page .page-scene{padding:0}.pdf-page .scene-image-wrap{border:none;border-radius:0;box-shadow:none;margin:0;max-height:none}.pdf-page .scene-text-wrap{padding:8mm 10mm}.pdf-page .scene-text{color:#2a1f10;font-size:11pt;font-weight:500;line-height:1.7;max-height:none;overflow:visible}.pdf-page .scene-text.scene-text--long{font-size:9.5pt;line-height:1.55}.pdf-page .scene-text.scene-text--xlong{font-size:8.5pt;line-height:1.45}.pdf-page .cover-image{border-radius:0;height:100%;object-fit:cover;width:100%}.pdf-page .cover-title{font-size:clamp(36px,5vw,56px)}@media (max-width:720px){.book-nav{bottom:-64px;font-size:24px;height:44px;top:auto;transform:none;width:44px}.book-nav:hover:not(:disabled){transform:scale(1.08)}.book-nav-next{left:calc(50% - 60px);right:auto}.book-nav-prev{left:auto;right:calc(50% - 60px)}.book-progress{margin-top:72px}.book-flipper-next,.book-flipper-prev{animation-duration:.5s}.cover-title{font-size:clamp(24px,7vw,36px)}}@media (max-width:600px){.book-stage{aspect-ratio:3/4}.page-scene{grid-template-columns:1fr;grid-template-rows:55% 45%}.page-scene .scene-image-wrap,.page-scene--image-left .scene-image-wrap,.page-scene--image-right .scene-image-wrap{grid-column:1;grid-row:1}.page-scene .scene-text-wrap,.page-scene--image-left .scene-text-wrap,.page-scene--image-right .scene-text-wrap{grid-column:1;grid-row:2}.page-scene .scene-text-wrap{align-items:flex-start;padding:14px 18px}.page-scene .scene-text{font-size:clamp(.8rem,3.6vw,1.05rem);line-height:1.7}.page-scene .scene-text.scene-text--long{font-size:clamp(.74rem,3.1vw,.92rem);line-height:1.55}.page-scene .scene-text.scene-text--xlong{font-size:clamp(.68rem,2.7vw,.82rem);line-height:1.45}}@media (prefers-reduced-motion:reduce){.book-flipper{transform-style:flat}.book-flipper-back{transform:none}.book-flipper-next,.book-flipper-prev{animation:book-fade .25s ease forwards}@keyframes book-fade{0%{opacity:1}to{opacity:0}}}.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border-bottom:1px solid #0000;box-shadow:none;margin-bottom:0;position:sticky;top:0;transition:background .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-backdrop-filter .25s ease;transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease,border-color .25s ease;transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-backdrop-filter .25s ease;width:100%;z-index:50}.site-header.is-scrolled{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:#ffffffb8;border-bottom-color:#7c3aed1a;box-shadow:0 6px 24px -8px #7c3aed1a}.header-inner{align-items:center;display:flex;gap:24px;margin:0 auto;max-width:1100px;padding:14px 24px}.header-logo{align-items:center;display:inline-flex;position:relative;text-decoration:none;white-space:nowrap}.header-logo-img{display:block;height:60px;width:auto}.header-logo-text{-webkit-text-fill-color:#0000;animation:logo-shimmer 8s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-family:Cairo,system-ui,sans-serif;font-size:1.1rem;font-weight:800;left:50%;letter-spacing:.02em;pointer-events:none;position:absolute;top:calc(100% - 12px);transform:translateX(-50%);white-space:nowrap}@keyframes logo-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.header-nav{align-items:center;display:flex;flex:1 1;gap:20px}.header-link{color:#564f7a;color:var(--ink-soft);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .15s;white-space:nowrap}.header-link:hover{color:#7c3aed;color:var(--accent)}.header-link-admin{font-weight:600}.header-dropdown{position:relative}.header-dropdown-trigger{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font:inherit;gap:4px;margin:0;padding:0}.header-dropdown-caret{transition:transform .18s ease}.header-dropdown:focus-within .header-dropdown-trigger,.header-dropdown:hover .header-dropdown-trigger{color:#7c3aed;color:var(--accent)}.header-dropdown:focus-within .header-dropdown-caret,.header-dropdown:hover .header-dropdown-caret{transform:rotate(180deg)}.header-dropdown-menu{background:#fff;border:1px solid #7c3aed1a;border-radius:14px;box-shadow:0 16px 40px -12px #7c3aed47;display:flex;flex-direction:column;gap:2px;inset-inline-start:0;margin-top:8px;min-width:200px;opacity:0;padding:8px;position:absolute;top:100%;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;visibility:hidden;z-index:60}.header-dropdown-menu:before{content:"";height:8px;left:0;position:absolute;right:0;top:-8px}.header-dropdown:focus-within .header-dropdown-menu,.header-dropdown:hover .header-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.header-dropdown-item{border-radius:9px;color:#1e1b3a;color:var(--ink);display:block;font-size:.92rem;font-weight:500;padding:9px 12px;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.header-dropdown-item:hover{background:#7c3aed14;color:#7c3aed;color:var(--accent)}.header-actions{align-items:center;display:flex;gap:16px}.header-cart{align-items:center;border-radius:50%;color:#564f7a;color:var(--ink-soft);display:inline-flex;height:32px;justify-content:center;position:relative;text-decoration:none;transition:color .15s,background .15s,transform .15s;width:32px}.header-cart:hover{background:#7c3aed14;color:#7c3aed;color:var(--accent);transform:translateY(-1px)}.cart-badge{background:#ec4899;background:var(--accent2);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;height:16px;justify-content:center;left:-2px;line-height:1;min-width:16px;padding:0 4px;position:absolute;top:-2px}.cart-badge,.header-user-menu{align-items:center;display:flex}.header-user-menu{gap:12px}.header-logout{align-items:center;background:none;border:none;border-radius:50%;color:#8e87b3;color:var(--ink-hint);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:color .15s,background .15s,transform .15s;width:32px}.header-logout:hover{background:#7c3aed14;color:#7c3aed;color:var(--accent);transform:translateY(-1px)}.header-socials{align-items:center;display:flex;gap:8px}.header-social{align-items:center;border-radius:50%;color:#564f7a;color:var(--ink-soft);display:inline-flex;height:32px;justify-content:center;text-decoration:none;transition:color .15s,background .15s,transform .15s;width:32px}.header-social:hover{background:#7c3aed14;color:#7c3aed;color:var(--accent);transform:translateY(-1px)}.header-whatsapp{align-items:center;background:#25d366;border-radius:999px;box-shadow:0 2px 8px -2px #25d36673;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;line-height:1;padding:6px 12px;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s}.header-whatsapp:hover{background:#1ebe5b;box-shadow:0 4px 12px -2px #25d3668c;transform:translateY(-1px)}.header-whatsapp svg{flex-shrink:0}.header-menu-toggle{align-items:center;background:none;border:none;border-radius:12px;color:#1e1b4b;color:var(--text-strong,#1e1b4b);cursor:pointer;display:none;height:40px;justify-content:center;padding:0;transition:background .15s,color .15s;width:40px}.header-menu-toggle:hover{background:#7c3aed14;color:#7c3aed;color:var(--accent)}.header-mobile-menu{animation:mobile-menu-in .18s ease;border-top:1px solid #7c3aed1f;display:none;flex-direction:column;gap:4px;padding:8px 16px 18px}@keyframes mobile-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-mobile-auth,.header-mobile-nav{display:flex;flex-direction:column}.header-mobile-auth{border-top:1px solid #7c3aed1a;margin-top:6px;padding-top:6px}.header-mobile-link{align-items:center;background:none;border:none;border-radius:12px;color:#1e1b3a;color:var(--ink);cursor:pointer;display:flex;font-size:1.02rem;font-weight:600;gap:10px;padding:13px 8px;text-align:inherit;text-decoration:none;transition:background .15s,color .15s;width:100%}.header-mobile-link:active,.header-mobile-link:hover{background:#7c3aed12;color:#7c3aed;color:var(--accent)}.header-mobile-logout{color:#564f7a;color:var(--ink-soft)}.header-mobile-socials{align-items:center;border-top:1px solid #7c3aed1a;display:flex;gap:12px;justify-content:center;margin-top:14px;padding-top:16px}@media (max-width:900px){.header-actions .header-socials,.header-auth,.header-nav{display:none}.header-menu-toggle{display:inline-flex}.header-inner{justify-content:space-between}.site-header.is-menu-open .header-mobile-menu{display:flex}.header-mobile-socials .header-whatsapp{border-radius:999px;padding:8px 14px}.header-mobile-socials .header-whatsapp-text{display:inline}}.site-header.is-menu-open{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:#ffffffeb}@media (max-width:520px){.header-logo-img{height:48px}.header-menu-toggle{height:38px;width:38px}}.site-footer{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff80;border-top:1px solid #7c3aed1a;color:#564f7a;color:var(--ink-soft);font-size:.9rem;margin-top:auto;padding:44px 24px 28px;width:100%}.site-footer-inner{display:flex;flex-wrap:wrap;gap:36px 48px;margin:0 auto;max-width:1100px;text-align:right}.site-footer-brand{flex:1 1 280px;min-width:220px}.site-footer-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;display:block;font-family:Cairo,system-ui,sans-serif;font-size:1.2rem;font-weight:800;margin-bottom:8px}.site-footer-tagline{color:#564f7a;color:var(--ink-soft);line-height:1.7;margin:0;max-width:32ch}.site-footer-col{display:flex;flex:0 1 auto;flex-direction:column;gap:12px;min-width:150px}.site-footer-col-title{color:#1e1b4b;color:var(--text-strong,#1e1b4b);font-size:.95rem;font-weight:800;margin-bottom:2px}.site-footer-link{color:#564f7a;color:var(--ink-soft);text-decoration:none;transition:color .15s;width:fit-content}.site-footer-link:hover{color:#7c3aed;color:var(--accent)}.site-footer-contact{align-items:center;color:#564f7a;color:var(--ink-soft);direction:ltr;display:inline-flex;flex-direction:row-reverse;gap:8px;text-decoration:none;transition:color .15s;width:fit-content}.site-footer-contact svg{flex-shrink:0}.site-footer-contact:hover{color:#7c3aed;color:var(--accent)}.site-footer-contact-whatsapp:hover{color:#1ebe5b}.site-footer-copy{border-top:1px solid #7c3aed1a;color:#8e87b3;color:var(--ink-hint);font-size:.82rem;margin:32px auto 0;max-width:1100px;padding-top:20px;text-align:center}@media (max-width:600px){.site-footer{padding:32px 20px 24px}.site-footer-inner{gap:28px}.site-footer-brand{flex-basis:100%}.site-footer-col{flex:1 1 40%}}.hero-banner{background:radial-gradient(ellipse 62% 55% at 50% 28%,#c4b5fd66 0,#0000 72%),linear-gradient(180deg,#faf7ff,#ede9fe 15%,#fdf2f8 52%,#fef3c7);border-radius:0 0 32px 32px;isolation:isolate;margin-bottom:0;overflow:hidden;padding:72px 24px 64px;position:relative;text-align:center}.hero-banner:before{animation:drift-a 14s ease-in-out infinite;background:radial-gradient(circle,#ec48994d 0,#0000 65%);height:380px;right:-140px;top:-120px;width:380px}.hero-banner:after,.hero-banner:before{border-radius:50%;content:"";filter:blur(8px);pointer-events:none;position:absolute}.hero-banner:after{animation:drift-b 16s ease-in-out infinite;background:radial-gradient(circle,#7c3aed47 0,#0000 65%);bottom:-100px;height:340px;left:-120px;width:340px}@keyframes drift-a{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes drift-b{0%,to{transform:translate(0)}50%{transform:translate(24px,-16px)}}.hero-headline{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 20px rgba(124,58,237,.15));font-size:clamp(2rem,5vw,2.9rem);font-weight:800;letter-spacing:-.01em;line-height:1.35;margin:0 0 18px;position:relative}.hero-subline{color:#564f7a;color:var(--ink-soft);font-size:1.12rem;line-height:1.75;margin:0 0 36px;margin-inline:auto;max-width:560px;position:relative}.hero-cta{animation:cta-pulse 2.6s ease-in-out infinite;display:inline-block;font-size:1.18rem;padding:18px 44px;position:relative;text-decoration:none}@keyframes cta-pulse{0%,to{box-shadow:0 10px 30px #7c3aed52,0 0 0 0 #ec489959}50%{box-shadow:0 14px 38px #7c3aed6b,0 0 0 14px #ec489900}}@media (prefers-reduced-motion:reduce){.hero-banner:after,.hero-banner:before,.hero-cta{animation:none}}.hero-features{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:44px auto 0;max-width:720px;position:relative}.hero-feature{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fffc;border-radius:22px;border-radius:var(--radius);box-shadow:0 8px 24px -10px #7c3aed2e;display:flex;flex-direction:column;gap:10px;padding:22px 14px;transition:transform .25s ease,box-shadow .25s ease}.hero-feature:hover{box-shadow:0 16px 36px -10px #7c3aed4d;transform:translateY(-3px)}.hero-feature-icon{background:linear-gradient(135deg,#7c3aed1f,#ec48991f);border-radius:12px;color:#7c3aed;color:var(--accent);flex-shrink:0;height:38px;padding:8px;width:38px}.hero-feature-label{color:#1e1b3a;color:var(--ink);font-size:.88rem;font-weight:600;margin:0;text-align:center}.hero-feature-desc{color:#8e87b3;color:var(--ink-hint);font-size:.78rem;line-height:1.5;margin:0;text-align:center}.hero-social-proof{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:20px 0 8px}.social-stat{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #ffffffe6;border-radius:999px;border-radius:var(--radius-pill);color:#1e1b3a;color:var(--ink);display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:8px 16px;position:relative}.social-stat svg{color:#7c3aed;color:var(--accent);filter:drop-shadow(0 0 6px rgba(124,58,237,.4))}.reviews-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.review-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;padding:22px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.review-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-3px)}.review-header{gap:10px}.review-avatar,.review-header{align-items:center;display:flex}.review-avatar{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:50%;box-shadow:0 6px 16px -4px #7c3aed73;color:#fff;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.review-name{display:block;font-size:.92rem;font-weight:600}.review-stars{display:flex;gap:1px;margin-top:2px}.review-text{color:#1e1b3a;color:var(--ink);font-size:.9rem;line-height:1.65;margin:0}.review-meta{color:#8e87b3;color:var(--ink-hint,#aaa);font-size:.78rem;margin-top:auto}@media (max-width:768px){.reviews-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.reviews-grid{grid-template-columns:1fr}.hero-social-proof{font-size:.85rem;gap:16px}}.trust-bar{border-top:1px solid #e9e3f7;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:14px;padding-top:12px}.trust-bar-item{align-items:center;color:#564f7a;color:var(--ink-soft);display:flex;font-size:.82rem;gap:5px}.trust-bar-item svg{color:#7c3aed;color:var(--accent);flex-shrink:0}.trust-mini{background:linear-gradient(135deg,#7c3aed0f,#ec48990a);border:1px solid #7c3aed26;border-radius:14px;border-radius:var(--radius-sm);margin-top:20px;padding:18px}.trust-mini-stars{align-items:center;color:#564f7a;color:var(--ink-soft);display:flex;font-size:.85rem;gap:3px;margin-bottom:8px}.trust-mini-stars span{margin-right:6px}.trust-mini-quote{color:#1e1b3a;color:var(--ink);font-size:.88rem;font-style:italic;line-height:1.6;margin:0}.trust-mini-author{color:#564f7a;color:var(--ink-soft);font-size:.82rem;font-style:normal;font-weight:600}.checkout-trust{border-top:1px solid #e9e3f7;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:16px;padding-top:14px}.checkout-trust-item{align-items:center;color:#564f7a;color:var(--ink-soft);display:flex;font-size:.82rem;gap:5px}.checkout-trust-item svg{color:#22c55e;flex-shrink:0}.home-section{margin-bottom:40px}.home-section:first-of-type{margin-top:32px}.section-title{align-items:center;color:#1e1b3a;color:var(--ink);display:flex;font-size:1.55rem;font-weight:800;gap:12px;letter-spacing:-.01em;margin:0 0 28px}.section-title:before{-webkit-text-fill-color:#0000;animation:sparkle-spin 6s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;content:"✦";display:inline-block;font-size:1.1em}@keyframes sparkle-spin{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.15)}}@media (prefers-reduced-motion:reduce){.section-title:before{animation:none}}.back-btn{align-items:center;background:#fff;background:var(--bg-card);border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#564f7a;color:var(--ink-soft);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.92rem;font-weight:700;gap:4px;margin-bottom:16px;padding:7px 14px 7px 16px;transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.back-btn:hover{border-color:#7c3aed2e;border-color:var(--border-glow);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:#1e1b3a;color:var(--ink);transform:translateX(2px)}.back-btn:active{transform:translateX(0)}.back-btn-icon{flex-shrink:0}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;color:#1e1b3a;color:var(--ink);font-size:1.7rem;font-weight:800;letter-spacing:-.01em;margin:0 0 14px}.page-desc{color:#564f7a;color:var(--ink-soft);margin:0 0 24px}.empty-state{color:#8e87b3;color:var(--ink-hint);padding:40px 20px}.hero-feature--link{color:inherit;cursor:pointer;text-decoration:none}.hero-feature-more{color:#7c3aed;color:var(--accent);font-size:.74rem;font-weight:700;margin-top:2px;opacity:.9}@media (max-width:640px){.hero-feature--link{justify-content:flex-start}.hero-feature-more{margin-inline-start:auto}}.article-page{margin:0 auto;max-width:860px;padding:8px 4px 24px}.article-hero{background:radial-gradient(ellipse 70% 90% at 50% 0,#c4b5fd52 0,#0000 70%),linear-gradient(135deg,#7c3aed1a,#ec489914 50%,#06b6d41a);background:radial-gradient(ellipse 70% 90% at 50% 0,#c4b5fd52 0,#0000 70%),var(--gradient-dream-soft);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius);margin-bottom:30px;padding:32px 22px 34px;text-align:center}.article-hero-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:20px;box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.article-title{color:#1e1b3a;color:var(--ink);font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;letter-spacing:-.01em;line-height:1.45;margin:0 0 16px}.article-lede{color:#564f7a;color:var(--ink-soft);font-size:1.05rem;line-height:1.9;margin:0 auto;max-width:660px}.article-section{margin-bottom:40px}.article-heading{color:#1e1b3a;color:var(--ink);font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin:0 0 16px}.article-text{font-size:1.02rem;line-height:1.9;margin:0 0 18px}.article-note,.article-text{color:#564f7a;color:var(--ink-soft)}.article-note{background:#ffffffc7;background:var(--bg-card-soft);border:1px dashed #7c3aed2e;border:1px dashed var(--border-glow);border-radius:14px;border-radius:var(--radius-sm);font-size:.98rem;line-height:1.85;margin:18px 0 0;padding:16px 18px}.article-list{color:#564f7a;color:var(--ink-soft);line-height:1.9;margin:0 0 18px;padding-inline-start:22px}.article-list li{margin-bottom:8px}.article-list strong{color:#7c3aed;color:var(--accent)}.principle-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.principle-card{background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);padding:20px 18px}.principle-icon{align-items:center;background:linear-gradient(135deg,#7c3aed1f,#ec48991f);border-radius:12px;color:#7c3aed;color:var(--accent);display:inline-flex;height:42px;justify-content:center;margin-bottom:12px;width:42px}.principle-title{color:#1e1b3a;color:var(--ink);font-size:1.05rem;font-weight:700;margin:0 0 8px}.principle-text{color:#564f7a;color:var(--ink-soft);font-size:.95rem;line-height:1.8;margin:0}.research-list{grid-gap:12px;display:grid;gap:12px;margin-top:8px}.research-link{align-items:flex-start;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);display:flex;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.research-link:hover{border-color:#7c3aed2e;border-color:var(--border-glow);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.research-link-icon{align-items:center;background:linear-gradient(135deg,#7c3aed1f,#06b6d41f);border-radius:10px;color:#7c3aed;color:var(--accent);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.research-link-body{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.research-link-title{color:#1e1b3a;color:var(--ink);font-size:1rem;font-weight:700}.research-link-summary{color:#564f7a;color:var(--ink-soft);font-size:.9rem;line-height:1.75}.research-link-source{color:#8e87b3;color:var(--ink-hint);font-size:.82rem;font-weight:600}.research-link-arrow{color:#8e87b3;color:var(--ink-hint);flex-shrink:0;margin-top:4px}.article-disclaimer{align-items:flex-start;background:linear-gradient(135deg,#7c3aed0f,#ec48990d);border:1px solid #7c3aed2e;border:1px solid var(--border-glow);border-radius:14px;border-radius:var(--radius-sm);display:flex;gap:14px;padding:18px 20px}.article-disclaimer-icon{color:#7c3aed;color:var(--accent);flex-shrink:0;margin-top:2px}.article-disclaimer p{color:#564f7a;color:var(--ink-soft);font-size:.96rem;line-height:1.85;margin:0}.article-cta{margin-top:28px;text-align:center}.article-cta .submit-btn{display:inline-block;text-decoration:none}@media (max-width:640px){.principle-grid{grid-template-columns:1fr}}.process-steps{list-style:none;margin:8px 0 36px;padding:0}.process-step{display:flex;gap:18px;padding-bottom:30px;position:relative}.process-step:last-child{padding-bottom:0}.process-step:not(:last-child):before{background:linear-gradient(#c4b5fd,#c4b5fd26);background:linear-gradient(var(--accent-soft),#c4b5fd26);bottom:4px;content:"";inset-inline-start:26px;position:absolute;top:58px;width:2px}.process-step-num{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:50%;box-shadow:0 6px 16px -4px #7c3aed73;box-shadow:0 6px 16px -4px var(--accent-glow);color:#fff;display:inline-flex;flex-direction:column;flex-shrink:0;height:54px;justify-content:center;position:relative;width:54px;z-index:1}.process-step-index{font-size:1.15rem;font-weight:800;line-height:1}.process-step-num svg{margin-top:2px;opacity:.9}.process-step-body{flex:1 1;min-width:0;padding-top:3px}.process-step-title{color:#1e1b3a;color:var(--ink);font-size:1.2rem;font-weight:800;margin:0 0 8px}.process-step-text{color:#564f7a;color:var(--ink-soft);font-size:1rem;line-height:1.85;margin:0}.process-delivery{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}.process-delivery-item{align-items:flex-start;background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #7c3aed2e;border:1px solid var(--border-glow);border-radius:14px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:14px 16px}.process-delivery-item svg{color:#7c3aed;color:var(--accent);flex-shrink:0;margin-top:2px}.process-delivery-label{color:#1e1b3a;color:var(--ink);display:block;font-size:.95rem;font-weight:700;margin-bottom:4px}.process-delivery-time{color:#6d28d9;color:var(--accent-hover);display:block;font-size:.92rem;font-weight:700}.process-status-flow{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.process-status-chip{background:#fff;background:var(--bg-card);border:1px solid #7c3aed2e;border:1px solid var(--border-glow);border-radius:999px;border-radius:var(--radius-pill);color:#1e1b3a;color:var(--ink);font-size:.88rem;font-weight:700;padding:7px 14px;white-space:nowrap}.process-status-arrow{color:#7c3aed;color:var(--accent);flex-shrink:0}.process-status-cta{margin-top:16px}.submit-btn-soft{background:#fff;background:var(--bg-card);border:1.5px solid #c4b5fd;border:1.5px solid var(--accent-soft);box-shadow:none;color:#7c3aed;color:var(--accent);display:inline-block;font-size:.98rem;padding:12px 24px;text-decoration:none}.submit-btn-soft:after{display:none}.submit-btn-soft:hover{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-color:#0000;box-shadow:0 10px 24px -8px #7c3aed73;box-shadow:0 10px 24px -8px var(--accent-glow);color:#fff}.process-help{background:linear-gradient(135deg,#7c3aed1a,#ec489914 50%,#06b6d41a);background:var(--gradient-dream-soft);border:1px solid #c4b5fd;border:1px solid var(--accent-soft);border-radius:22px;border-radius:var(--radius);margin-top:8px;padding:28px clamp(20px,4vw,32px);text-align:center}.process-help-title{color:#1e1b4b;color:var(--text-strong,#1e1b4b);font-size:1.2rem;font-weight:800;margin:0 0 10px}.process-help-text{color:#564f7a;color:var(--ink-soft);line-height:1.8;margin:0 auto 20px;max-width:46ch}.process-help-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.process-help-email,.process-help-whatsapp{align-items:center;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-size:.95rem;font-weight:700;gap:8px;padding:11px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.process-help-whatsapp{background:#25d366;box-shadow:0 4px 12px -2px #25d36673;color:#fff}.process-help-whatsapp:hover{background:#1ebe5b;transform:translateY(-1px)}.process-help-email{background:#fff;background:var(--bg-card);border:1.5px solid #c4b5fd;border:1.5px solid var(--accent-soft);color:#7c3aed;color:var(--accent)}.process-help-email:hover{background:#7c3aed;background:var(--accent);border-color:#0000;color:#fff;transform:translateY(-1px)}@media (max-width:600px){.process-delivery{grid-template-columns:1fr}.process-step{gap:14px}.process-step-num{height:46px;width:46px}.process-step:not(:last-child):before{inset-inline-start:22px;top:50px}.process-step-title{font-size:1.08rem}}.sample-stories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.sample-story-card{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:16px;padding:22px;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.sample-story-card:hover{border-color:#7c3aed59;box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.sample-story-icon{align-items:center;border-radius:16px;box-shadow:0 8px 22px -6px #0000002e,inset 0 -4px 12px #0000001a;display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px}.sample-story-card:hover .sample-story-icon{transform:rotate(-4deg) scale(1.05);transition:transform .4s ease}.sample-story-body{flex:1 1;min-width:0}.sample-story-title{color:#1e1b3a;color:var(--ink);font-size:.95rem;font-weight:700;margin:0 0 4px}.sample-story-desc{color:#564f7a;color:var(--ink-soft);font-size:.8rem;line-height:1.5;margin:0 0 8px}.sample-story-link{color:#7c3aed;color:var(--accent);font-size:.8rem;font-weight:600}@media (max-width:720px){.sample-stories-grid{grid-template-columns:1fr}}.template-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (min-width:768px){.home-section .template-grid{grid-template-columns:repeat(3,1fr)}}.template-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:inherit;isolation:isolate;overflow:hidden;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.template-card:before{background:linear-gradient(135deg,#7c3aed80,#ec489973,#06b6d480);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1.5px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.template-card:hover{box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);transform:translateY(-6px)}.template-card:hover:before{opacity:1}.template-card-image{aspect-ratio:4/3;background:linear-gradient(135deg,#ede9fe,#fce7f3);overflow:hidden;position:relative}.template-card-image img{display:block;height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.template-card:hover .template-card-image img{transform:scale(1.06)}.template-card-placeholder{background:radial-gradient(circle at 30% 30%,#fbbf2499 0,#0000 50%),linear-gradient(135deg,#c4b5fd,#f9a8d4 50%,#fde68a);height:100%;width:100%}.template-card-body{padding:16px}.template-card-title{color:#1e1b3a;color:var(--ink);font-size:1.05rem;font-weight:700;margin:0 0 6px}.template-card-tagline{color:#564f7a;color:var(--ink-soft);font-size:.85rem;line-height:1.5;margin:0 0 8px}.template-card-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.template-card-age{color:#8e87b3;color:var(--ink-hint);font-size:.78rem}.template-card-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:800}.template-card-other{background:linear-gradient(135deg,#fef3c7,#fce7f3 60%,#ede9fe);border:2.5px dashed #7c3aedbf;box-shadow:0 8px 24px #ec48992e}.template-card-other:before{opacity:1}.template-card-other .template-card-title{font-size:1.15rem;font-weight:900}.template-card-other .template-card-image{align-items:center;background:linear-gradient(135deg,#c4b5fd,#fbcfe8 60%,#fde68a);display:flex;justify-content:center}.template-card-other .template-card-image:after{color:#7c3aede6;content:"+";font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:5.5rem;font-weight:900;line-height:1;text-shadow:0 4px 16px #ffffffb3}.category-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-tile{aspect-ratio:16/9;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.category-tile:hover{box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);transform:translateY(-4px) scale(1.02)}.category-tile:hover .category-tile-image{transform:scale(1.08)}.category-tile-image{display:block;object-fit:cover;transition:transform .6s ease}.category-tile-image,.category-tile-placeholder{height:100%;width:100%}.category-tile-overlay{align-items:center;background:linear-gradient(160deg,#1e1b4b33,#4c1d958c);display:flex;inset:0;justify-content:center;position:absolute;transition:background .3s ease}.category-tile:hover .category-tile-overlay{background:linear-gradient(160deg,#1e1b4b1a,#7c3aed80)}.category-tile-name{color:#fff;font-size:1.15rem;font-weight:700;margin:0;text-shadow:0 1px 4px #0006}.category-tile-other{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border:2.5px dashed #7c3aedbf}.category-tile-other .category-tile-placeholder{background:linear-gradient(135deg,#c4b5fd,#fbcfe8 60%,#fde68a)}.category-tile-other .category-tile-overlay{align-items:center;background:linear-gradient(160deg,#1e1b4b14,#7c3aed6b);flex-direction:column;gap:4px;justify-content:center;padding:8px 12px}.category-tile-other-plus{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:2.4rem;font-weight:900;line-height:.8;text-shadow:0 2px 12px #7c3aedb3}.category-tile-sub{color:#ffffffeb;font-size:.78rem;font-weight:600;padding:0 8px;text-align:center;text-shadow:0 1px 4px #0006}#categories{scroll-margin-top:110px}.category-books{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.category-book-tile{align-items:center;display:flex;flex-direction:column;gap:16px;text-decoration:none}.category-book-frame{border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-md,var(--shadow-sm));overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;width:100%}.category-book-img{aspect-ratio:1/1;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);display:block;object-fit:cover;width:100%}.category-book-tile:hover .category-book-frame{box-shadow:0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:var(--shadow-glow);transform:translateY(-6px) scale(1.02)}.category-book-title{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd1;border-radius:999px;box-shadow:0 4px 14px #4c1d952e;font-size:1.15rem;left:50%;line-height:1.35;max-width:78%;padding:8px 18px;position:absolute;top:12%;transform:translateX(-50%);white-space:nowrap}.category-book-label,.category-book-title{color:#1e1b4b;color:var(--text-strong,#1e1b4b);font-weight:800;text-align:center}.category-book-label{font-size:1.35rem}.category-book-tile--therapy .category-book-frame{box-shadow:0 0 0 3px #c4b5fd,0 6px 18px -4px #7c3aed24;box-shadow:0 0 0 3px var(--accent-soft),var(--shadow-md,var(--shadow-sm))}.category-book-tile--therapy:hover .category-book-frame{box-shadow:0 0 0 3px #7c3aed,0 0 32px #7c3aed47,0 8px 24px #ec48992e;box-shadow:0 0 0 3px var(--accent),var(--shadow-glow)}.category-book-badge{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:999px;border-radius:var(--radius-pill);bottom:12px;box-shadow:0 4px 12px #7c3aed73;box-shadow:0 4px 12px var(--accent-glow);color:#fff;display:inline-flex;font-size:.82rem;font-weight:800;gap:5px;inset-inline-start:12px;line-height:1;padding:5px 12px;position:absolute;white-space:nowrap;z-index:2}@media (max-width:900px){.category-books{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.category-books{gap:24px;grid-template-columns:1fr}}.template-detail-grid{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 1fr}@media (max-width:720px){.template-detail-grid{grid-template-columns:1fr}}.template-detail-cover{aspect-ratio:3/4;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);object-fit:cover;width:100%}.template-samples{display:flex;gap:8px;margin-top:12px;overflow-x:auto}.template-sample-img{border-radius:8px;height:60px;object-fit:cover;width:80px}.template-detail-title{color:#1e1b3a;color:var(--ink);font-size:1.6rem;margin:0 0 8px}.template-detail-tagline{color:#7c3aed;color:var(--accent);font-size:1rem;margin:0 0 12px}.template-detail-desc{color:#564f7a;color:var(--ink-soft);line-height:1.8;margin:0 0 16px}.template-detail-meta{color:#564f7a;color:var(--ink-soft);display:flex;font-size:.9rem;gap:8px;margin-bottom:20px}.meta-label{color:#1e1b3a;color:var(--ink);font-weight:600}.template-detail-price{color:#7c3aed;color:var(--accent);font-size:1.4rem;font-weight:700;margin:16px 0}.template-detail-cta{display:inline-block;text-align:center;text-decoration:none;width:100%}.variant-picker{display:flex;flex-wrap:wrap;gap:10px}.variant-option{align-items:center;background:#ffffffb3;border:2px solid #e9e3f7;border:2px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:.9rem;gap:6px;min-width:110px;padding:14px 18px;transition:border-color .2s ease,background .25s ease,transform .15s ease,box-shadow .25s ease}.variant-option:hover{border-color:#c4b5fd;border-color:var(--accent-soft);transform:translateY(-2px)}.variant-selected{background:linear-gradient(135deg,#7c3aed14,#ec48990f);border-color:#7c3aed;border-color:var(--accent);box-shadow:0 8px 22px -8px #7c3aed4d,0 0 0 4px #7c3aed1a;color:#1e1b3a;color:var(--ink)}.variant-type{font-weight:700}.variant-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:800}.auth-page{display:flex;justify-content:center;padding:40px 0}.auth-form{max-width:400px;width:100%}.auth-error{color:#b3401f;font-size:.9rem;margin:0}.free-preview-limit{background:#fff6ed;border:1px solid #f0c9a8;border-radius:12px;color:#8a3d1a;font-size:.92rem;margin:0 0 8px;padding:14px 16px}.free-preview-limit p{margin:0}.free-preview-limit p+p{margin-top:6px}.free-preview-limit-title{font-size:1rem;font-weight:800}.free-preview-limit a{color:#25d366;font-weight:700;text-decoration:none}.free-preview-limit a:hover{color:#1ebe5b;text-decoration:underline}.free-preview-limit .submit-btn{color:#fff;display:block;margin:12px 0 4px;text-decoration:none;width:100%}.free-preview-limit .submit-btn:hover{color:#fff}.auth-switch{color:#564f7a;color:var(--ink-soft);font-size:.88rem;margin:8px 0 0;text-align:center}.auth-switch a{color:#7c3aed;color:var(--accent);font-weight:600}.create-page{margin:0 auto;max-width:640px}.field-required{color:#7c3aed;color:var(--accent)}.admin-create-banner{background:#eff6ff;border:1px dashed #93c5fd;border-radius:12px;border-radius:var(--radius-md,12px);margin-bottom:18px;padding:12px 14px}.admin-create-toggle{align-items:center;color:#1e40af;cursor:pointer;display:flex;font-weight:700;gap:8px}.admin-create-toggle input{cursor:pointer;height:18px;width:18px}.admin-create-banner-hint{color:#1e3a8a;font-size:.85rem;line-height:1.5;margin:6px 0 0}.contact-step-subtitle{color:#8e87b3;color:var(--ink-hint);line-height:1.6;margin:-4px 0 18px}.create-contact-back{align-self:center;margin-top:4px}.cart-items-list{display:flex;flex-direction:column;gap:12px}.cart-item-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:22px;transition:transform .25s ease,box-shadow .25s ease}.cart-item-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-2px)}.cart-item-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:14px;border-radius:var(--radius-sm);box-shadow:0 10px 24px -8px #7c3aed73;color:#fff;display:flex;flex-shrink:0;font-size:2.4rem;height:68px;justify-content:center;width:68px}.cart-item-details{flex:1 1;min-width:0}.cart-item-title{color:#1e1b3a;color:var(--ink);font-size:1.1rem;font-weight:600;margin-bottom:4px}.cart-item-meta{color:var(--ink-light);display:flex;font-size:.88rem;gap:12px}.cart-item-variant{background:#c4b5fd;background:var(--accent-soft);border-radius:20px;color:#7c3aed;color:var(--accent);font-size:.82rem;font-weight:500;padding:2px 10px}.cart-item-child{color:#8e87b3;color:var(--ink-hint)}.cart-item-end{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.cart-item-price{color:#7c3aed;color:var(--accent);font-size:1.2rem;font-weight:700}.cart-remove{background:none;border:none;color:#b3401f;cursor:pointer;font:inherit;font-size:.82rem}.cart-pending-hint{color:#8e87b3;color:var(--ink-hint);font-size:.92rem;margin:0 0 18px}.cart-pay-btn{font-size:.9rem;padding:8px 18px;white-space:nowrap;width:auto}.cart-item-main{align-items:center;color:inherit;cursor:pointer;display:flex;flex:1 1;gap:16px;min-width:0;text-decoration:none}.cart-item-main:hover .cart-item-title{text-decoration:underline;text-underline-offset:3px}.cart-variant-changer{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.cart-change-link{background:none;border:none;color:#7c3aed;color:var(--accent);cursor:pointer;font:inherit;font-size:.82rem;padding:0;text-decoration:underline;text-underline-offset:3px}.cart-change-link:disabled{cursor:default;opacity:.6}.cart-variant-options{display:flex;flex-direction:column;gap:6px;min-width:180px}.cart-variant-option{align-items:center;background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);color:#1e1b3a;color:var(--ink);cursor:pointer;display:flex;font:inherit;font-size:.86rem;gap:12px;justify-content:space-between;padding:8px 12px;transition:border-color .18s ease,background .18s ease}.cart-variant-option.is-current,.cart-variant-option:hover:not(:disabled){border-color:#7c3aed;border-color:var(--accent)}.cart-variant-option.is-current{background:#c4b5fd;background:var(--accent-soft)}.cart-variant-option:disabled{cursor:default;opacity:.6}.cart-variant-option-price{color:#7c3aed;color:var(--accent);font-weight:700}.cart-variant-note{color:#8e87b3;color:var(--ink-hint);font-size:.82rem}.cart-variant-error{color:#b3401f;font-size:.82rem}.cart-summary{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-top:28px;padding:22px 26px}.cart-total{align-items:baseline;display:flex;font-size:1.15rem;gap:8px}.cart-total strong{color:#7c3aed;color:var(--accent);font-size:1.4rem}.preview-page{margin-left:auto;margin-right:auto;max-width:720px}.preview-header{margin-bottom:24px;text-align:center}.preview-assurance{background:linear-gradient(135deg,#7c3aed1a,#ec489914 50%,#06b6d41a);background:var(--gradient-dream-soft);border:1px solid #c4b5fd;border:1px solid var(--accent-soft);border-radius:22px;border-radius:var(--radius);margin:28px auto 24px;max-width:640px;padding:clamp(24px,4vw,34px);text-align:right}.preview-assurance-title{align-items:center;color:#1e1b4b;color:var(--text-strong,#1e1b4b);display:flex;font-size:1.15rem;font-weight:800;gap:10px;margin:0 0 14px}.preview-assurance-title svg{color:#7c3aed;color:var(--accent);flex-shrink:0}.preview-assurance-lead{color:#1e1b3a;color:var(--ink);font-size:.95rem;line-height:1.7;margin:0 0 20px}.preview-assurance-steps{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0 0 20px;padding:0}.preview-assurance-steps li{align-items:flex-start;color:#1e1b3a;color:var(--ink);display:flex;font-size:.92rem;gap:12px;line-height:1.6}.preview-assurance-steps svg{color:#7c3aed;color:var(--accent);flex-shrink:0;margin-top:2px}.preview-assurance-foot{border-top:1px solid #7c3aed2e;color:#6d28d9;color:var(--accent-hover);font-size:.95rem;font-weight:700;line-height:1.7;margin:0;padding-top:18px}.preview-banner{align-items:center;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:24px auto 0;max-width:640px;padding:20px clamp(20px,4vw,28px)}.preview-banner-text{flex:1 1 240px;text-align:right}.preview-banner-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:800;gap:8px;margin:0 0 4px}.preview-banner-title svg{flex-shrink:0}.preview-banner-sub{color:#ffffffeb;font-size:.9rem;line-height:1.6;margin:0}.preview-banner-cta{align-items:center;background:#fff;color:#6d28d9;color:var(--accent-hover);display:inline-flex;flex-shrink:0;gap:10px;text-decoration:none;white-space:nowrap}.preview-banner-cta:hover{background:#fff}.preview-risk-reversal{align-items:center;background:#ffffffa8;border-radius:999px;color:#1e1b3a;color:var(--ink);display:flex;flex-basis:100%;font-size:.82rem;font-weight:600;gap:7px;justify-content:center;line-height:1.5;margin:12px auto 0;max-width:520px;padding:9px 16px;text-align:center;width:100%}.preview-risk-reversal svg{color:#7c3aed;color:var(--accent);flex-shrink:0}.preview-banner-price{background:#c4b5fd;background:var(--accent-soft);border-radius:999px;color:#6d28d9;color:var(--accent-hover);font-weight:800;padding:2px 10px}@media (max-width:540px){.preview-banner{justify-content:center}.preview-banner,.preview-banner-text{text-align:center}.preview-banner-cta,.preview-banner-title{justify-content:center}.preview-banner-cta{width:100%}}.preview-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}.preview-template{color:#7c3aed;color:var(--accent);font-size:1rem;font-weight:600;margin-bottom:8px}.preview-subtitle{color:#8e87b3;color:var(--ink-hint);font-size:.9rem;margin:0 auto;max-width:500px}.preview-scenes{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.preview-scene-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);padding:26px;transition:transform .3s ease,box-shadow .3s ease}.preview-scene-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-3px)}.preview-scene-number{color:#7c3aed;color:var(--accent);font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.preview-scene-text{color:#1e1b3a;color:var(--ink);font-size:1.05rem;line-height:1.9;margin-bottom:16px}.preview-scene-image-free,.preview-scene-placeholder-img{border-radius:14px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.preview-scene-placeholder-img{background:radial-gradient(circle at 25% 30%,#fbbf2480 0,#0000 50%),radial-gradient(circle at 75% 70%,#06b6d466 0,#0000 50%),linear-gradient(135deg,#c4b5fd,#f9a8d4 50%,#fde68a);height:240px;width:100%}.preview-scene-placeholder-img:after{animation:starfield-twinkle 4s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 60% 50%,#fffc,#0000),radial-gradient(2px 2px at 80% 20%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 40% 75%,#ffffffb3,#0000);content:"";inset:0;position:absolute}.preview-free-badge{background:#7c3aed;background:var(--accent);border-radius:20px;color:#fff;font-size:.78rem;font-weight:600;padding:4px 12px;position:absolute;right:12px;top:12px}.blurred-scene{border-radius:14px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.blurred-scene-placeholder{background:linear-gradient(135deg,#ddd,#eee 50%,#e0e0e0);filter:blur(8px);height:220px;transform:scale(1.05);width:100%}.blurred-scene-overlay{align-items:center;background:#1e1b2e73;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}.blurred-scene-lock{font-size:2rem}.blurred-scene-text{color:#fff;font-size:.9rem;font-weight:600}.preview-cta-section{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);overflow:hidden;padding:32px;position:relative;text-align:center}.preview-cta-section:before{background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);content:"";filter:blur(20px);inset:-2px;opacity:.18;position:absolute;z-index:-1}.preview-price{color:var(--ink-light);font-size:1.1rem;margin-bottom:16px}.preview-cta{display:inline-block;font-size:1.15rem;padding:16px 48px}.checkout-page{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 360px}.checkout-form-section{display:flex;flex-direction:column;gap:20px}.checkout-summary{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);padding:26px;position:sticky;top:100px}.checkout-summary h3{color:#1e1b3a;color:var(--ink);font-size:1.1rem;margin-bottom:16px}.checkout-summary-item{border-bottom:1px solid #e9e3f7;border-bottom:1px solid var(--border);padding:8px 0}.checkout-summary-item,.checkout-summary-row{display:flex;font-size:.95rem;justify-content:space-between}.checkout-summary-row{color:#555;color:var(--muted,#555);padding:6px 0}.checkout-summary-total{border-top:1px solid #e9e3f7;border-top:1px solid var(--border);color:#7c3aed;color:var(--accent);display:flex;font-size:1.15rem;font-weight:700;justify-content:space-between;margin-top:6px;padding-top:12px}@media (max-width:768px){.checkout-page{grid-template-columns:1fr}.checkout-summary{position:static}}.checkout-success{padding:60px 20px;text-align:center}.checkout-loading{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:40px 20px}.checkout-loading-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px;max-width:420px;padding:48px 32px;text-align:center;width:100%}.checkout-loading-spinner{align-items:center;display:flex;height:88px;justify-content:center;position:relative;width:88px}.checkout-loading-ring{animation:spin 1s linear infinite;border:5px solid #e9e3f7;border-radius:50%;border-top-color:#7c3aed;border:5px solid var(--border);border-top-color:var(--accent);height:64px;width:64px}.checkout-loading-pulse{animation:checkout-loading-pulse 1.6s ease-in-out infinite;background:#7c3aed;background:var(--accent);border-radius:50%;inset:0;opacity:.18;position:absolute}@keyframes checkout-loading-pulse{0%{opacity:.25;transform:scale(.6)}70%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}.checkout-loading-text{color:#1e1b3a;color:var(--ink);font-size:1.15rem;font-weight:600;margin:0}.checkout-loading-hint{color:#564f7a;color:var(--ink-soft);font-size:.92rem;line-height:1.6;margin:0}@media (prefers-reduced-motion:reduce){.checkout-loading-ring{animation-duration:2.4s}.checkout-loading-pulse{animation:none;opacity:.12}}.success-icon{align-items:center;animation:success-pop .6s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;box-shadow:0 16px 40px -10px #10b9818c,0 0 0 8px #10b9811f;color:#fff;display:flex;font-size:4rem;height:96px;justify-content:center;margin:0 auto 20px;width:96px}@keyframes success-pop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.checkout-success h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#ec4899 50%,#f59e0b);background:var(--gradient-dream);-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:800;margin-bottom:10px}.checkout-success p{color:#564f7a;color:var(--ink-soft);margin-bottom:24px}.checkout-form{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;padding:30px}.checkout-form h2{font-size:1.3rem;margin:0 0 14px}.checkout-form .field-label{color:#1e1b3a;color:var(--ink);display:block;font-size:.92rem;font-weight:600;margin-top:10px}.checkout-form .field-input{background:#ffffffd9;border:1.5px solid #e9e3f7;border:1.5px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);box-sizing:border-box;color:#1e1b3a;color:var(--ink);display:block;font:inherit;font-size:.98rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .25s ease,background .2s ease;width:100%}.checkout-form .field-input:hover{border-color:#c4b5fd;border-color:var(--accent-soft)}.checkout-form .field-input:focus{background:#fff;border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 4px #7c3aed24,0 8px 24px -8px #7c3aed40}.checkout-form .submit-btn{margin-top:18px}.checkout-form .error-text{color:#dc2626;font-size:.9rem;margin:4px 0}.admin-free-notice{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#047857;font-size:.9rem;margin:10px 0 0;padding:8px 12px;text-align:center}.checkout-child-name{color:#564f7a;color:var(--ink-soft);font-size:.85rem}.checkout-summary-variant{color:#564f7a;color:var(--ink-soft);font-size:.9rem;padding:6px 0}.order-detail{margin:0 auto;max-width:640px}.order-detail h2{font-size:1.3rem;margin:0 0 24px}.order-detail-grid{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:22px;border-radius:var(--radius);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:0;padding:22px 26px}.order-detail-row{align-items:center;border-bottom:1px solid #e9e3f7;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.order-detail-row:last-child{border-bottom:none}.order-detail-label{color:#1e1b3a;color:var(--ink);font-weight:600}.order-status-badge{background:#c4b5fd;background:var(--accent-soft);border-radius:20px;color:#7c3aed;color:var(--accent);display:inline-block;font-size:.88rem;font-weight:600;padding:4px 14px}.order-status-badge.status-pending_payment{background:#fef3c7;color:#b45309}.order-status-badge.status-paid{background:#dcfce7;color:#16a34a}.order-status-badge.status-in_production{background:#dbeafe;color:#1d4ed8}.order-status-badge.status-shipped{background:#e0e7ff;color:#4338ca}.order-status-badge.status-delivered{background:#d1fae5;color:#065f46}.order-status-badge.status-cancelled{background:#fee2e2;color:#dc2626}.order-items-section,.order-shipping-section{margin-top:24px}.order-items-section h3,.order-shipping-section h3{font-size:1.05rem;margin-bottom:12px}.order-shipping-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.order-shipping-head h3{margin-bottom:12px}.order-shipping-edit{display:flex;flex-direction:column;gap:4px}.order-shipping-actions{align-items:center;display:flex;gap:12px;margin-top:12px}.order-shipping-locked{color:#564f7a;color:var(--ink-soft);font-size:.85rem;margin-top:8px}.link-btn{background:none;border:none;color:#7c3aed;color:var(--accent);cursor:pointer;font:inherit;font-weight:600;padding:0}.link-btn:hover{color:#6d28d9;color:var(--accent-hover)}.ghost-btn{background:none;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:999px;border-radius:var(--radius-pill);color:#564f7a;color:var(--ink-soft);cursor:pointer;font:inherit;font-weight:600;padding:12px 24px}.ghost-btn:hover:not(:disabled){border-color:#c4b5fd;border-color:var(--accent-soft);color:#7c3aed;color:var(--accent)}.ghost-btn:disabled{cursor:default;opacity:.5}.field-optional{font-size:.85em;font-weight:400}.field-hint,.field-optional{color:#564f7a;color:var(--ink-soft)}.field-hint{font-size:.85rem;line-height:1.5;margin-top:8px}.order-item-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:14px 18px}.order-item-name{font-weight:600}.order-item-variant{color:#564f7a;color:var(--ink-soft);font-size:.9rem}.order-item-price{color:#7c3aed;color:var(--accent);font-weight:700}.order-book-section{margin-top:32px}.order-book-section h3{font-size:1.05rem;margin-bottom:12px}.order-admin-tools{background:#fff;background:var(--bg-card,#faf9ff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);margin:0 0 24px;padding:16px}.order-admin-tools-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.order-admin-tools-tag{color:#564f7a;color:var(--ink-soft,#6b7280);font-size:.8rem;font-weight:700}.order-admin-tools-actions{display:flex;flex-wrap:wrap;gap:10px}.order-admin-tools h3{font-size:1.05rem;margin:0 0 12px}.order-request-section{margin-top:32px}.order-request-section h3{font-size:1.05rem;margin-bottom:12px}.request-details-list{grid-gap:8px;display:grid;gap:8px;margin:0}.request-details-row{align-items:baseline;background:#fff;background:var(--bg-card,#faf9ff);border-radius:10px;display:flex;gap:12px;padding:8px 12px}.request-details-row dt{color:#564f7a;color:var(--ink-soft,#6b7280);flex:0 0 150px;font-weight:700}.request-details-row dd{color:#1e1b3a;color:var(--ink,#1e1b4b);margin:0;white-space:pre-wrap;word-break:break-word}.request-details-images{margin-top:18px}.request-details-images h4{font-size:.95rem;margin:0 0 10px}.request-details-thumbs{display:flex;flex-wrap:wrap;gap:12px}.request-thumb{align-items:center;color:#564f7a;color:var(--ink-soft,#6b7280);display:flex;flex-direction:column;font-size:.8rem;gap:6px;text-decoration:none}.request-thumb img{border:1px solid #7c3aed26;border-radius:12px;box-shadow:0 2px 8px -3px #0003;height:120px;object-fit:cover;width:120px}.order-book-load{align-items:flex-start;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:12px;padding:20px}.order-book-hint{color:#564f7a;color:var(--ink-soft);font-size:.95rem;margin:0}.finalize-download,.order-book-download{display:flex;justify-content:center;margin-top:16px}.app-main{margin:0 auto;max-width:1100px;padding:0 32px 24px 48px}.home-page .hero-banner{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.section-title{font-size:1.2rem;font-weight:700;margin:32px 0 16px}.empty-state{color:#564f7a;color:var(--ink-soft);padding:32px 0;text-align:center}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffc7;background:var(--bg-card-soft);border:1px solid #ffffffe6;border-radius:14px;border-radius:var(--radius-sm);box-shadow:0 6px 18px -4px #7c3aed24;box-shadow:var(--shadow-sm);color:inherit;display:block;padding:18px 22px;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.order-card:hover{box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);transform:translateY(-2px)}.order-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-card-number{font-size:.95rem;font-weight:600}.order-card-meta{color:#564f7a;color:var(--ink-soft);display:flex;font-size:.9rem;justify-content:space-between}.order-card-total{color:#7c3aed;color:var(--accent);font-weight:700}.admin-page{margin:0 auto;max-width:960px}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}.admin-stat-card{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:6px;padding:20px}.admin-stat-value{color:#7c3aed;color:var(--accent);font-size:1.8rem;font-weight:800}.admin-stat-label{color:#564f7a;color:var(--ink-soft);font-size:.85rem}.admin-links{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:24px}.admin-link-card{align-items:center;background:#7c3aed;background:var(--accent);border-radius:12px;border-radius:var(--radius-md,12px);color:#fff;display:flex;font-weight:600;justify-content:center;padding:18px;text-decoration:none;transition:opacity .15s}.admin-link-card:hover{opacity:.85}.admin-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.admin-filter-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:20px;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .15s}.admin-filter-btn.active{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);color:#fff}.admin-table-wrap{margin-bottom:24px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e9e3f7;border-bottom:1px solid var(--border);padding:10px 14px;text-align:right}.admin-table th{background:#f8f8f8;background:var(--bg-subtle,#f8f8f8);font-weight:700;position:sticky;top:0}.admin-table tr:hover td{background:#fafafa;background:var(--bg-subtle,#fafafa)}.admin-mono{font-family:monospace;font-size:.85rem}.admin-role-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:2px 10px}.role-admin{background:#fce4ec;color:#c62828}.role-customer,.role-user{background:#e3f2fd;color:#1565c0}.admin-toggle-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:16px;cursor:pointer;font-size:.8rem;padding:4px 14px}.admin-toggle-btn.active{background:#c8e6c9;border-color:#a5d6a7;color:#2e7d32}.admin-status-select{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,6px);font-size:.85rem;padding:4px 8px}.admin-pagination{display:flex;gap:6px;justify-content:center;margin-top:16px}.admin-page-btn{background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.85rem;height:32px;width:32px}.admin-page-btn.active{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);color:#fff}.header-link-admin{color:#7c3aed;color:var(--accent);font-weight:700}.pdf-badge{align-items:center;background:#e8f0fe;border:1px solid #c3d6fb;border-radius:12px;color:#1a56c4;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.admin-product-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.admin-product-type{color:#564f7a;color:var(--ink-soft);font-size:.82rem}.admin-scene-subtitle{color:#564f7a;color:var(--ink-soft);font-size:.9rem;margin:-8px 0 20px}.admin-cover-preview{aspect-ratio:3/2;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,8px);max-width:100%;overflow:hidden;position:relative;width:360px}.admin-cover-preview .admin-scene-img{aspect-ratio:auto;border:none;border-radius:0;height:100%;inset:0;position:absolute;width:100%}.admin-cover-preview .cover-title{border-radius:12px;border-width:2px;font-size:15px;padding:.4em .9em}.admin-back-preview{aspect-ratio:3/2;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,8px);gap:10px;overflow:hidden;padding:10% 9%;width:100%}.admin-back-preview .back-summary{font-size:.72rem;line-height:1.55}.admin-back-preview .back-dedication{font-size:.9rem}.admin-back-preview .back-divider{width:46px}.admin-cover-theme{display:flex;flex-direction:column;gap:6px;margin-top:4px}.admin-cover-theme-actions{display:flex;gap:8px}.admin-cover-theme-actions button{padding:6px 16px}.admin-scene-list{display:flex;flex-direction:column;gap:20px}.admin-scene-card{grid-gap:20px;background:#fff;background:var(--card-bg,#fff);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md,12px);display:grid;gap:20px;grid-template-columns:240px 1fr;padding:16px}.admin-scene-media{align-items:stretch;display:flex;flex-direction:column;gap:10px}.admin-scene-img{aspect-ratio:1/1;background:#f4f4f4;background:var(--bg-subtle,#f4f4f4);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,8px);object-fit:cover;width:100%}.admin-scene-img-empty{align-items:center;color:#564f7a;color:var(--ink-soft);display:flex;font-size:.85rem;justify-content:center}.admin-scene-meta{color:#564f7a;color:var(--ink-soft);font-size:.78rem}.admin-scene-fields{display:flex;flex-direction:column;gap:6px}.admin-field-label{color:#564f7a;color:var(--ink-soft);font-size:.82rem;font-weight:700;margin-top:6px}.admin-scene-prompt-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-scene-prompt-header .admin-field-label{margin-top:6px}.admin-scene-prompt-header .ghost-btn{font-size:.8rem;padding:4px 12px}.admin-scene-textarea{border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,8px);font-family:inherit;font-size:.9rem;line-height:1.5;padding:10px 12px;resize:vertical;width:100%}.admin-scene-actions{align-items:center;display:flex;gap:12px;margin-top:10px}.admin-scene-refs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 2px}.admin-scene-ref{align-items:center;display:flex;flex-direction:column;gap:3px;position:relative;width:72px}.admin-scene-ref-img{background:#f4f4f4;background:var(--bg-subtle,#f4f4f4);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,8px);height:72px;object-fit:cover;width:72px}.admin-scene-ref-remove{align-items:center;background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:50%;color:#564f7a;color:var(--ink-soft);cursor:pointer;display:flex;font-size:.75rem;height:22px;inset-inline-end:-8px;justify-content:center;line-height:1;padding:0;position:absolute;top:-8px;width:22px}.admin-scene-ref-remove:hover:not(:disabled){border-color:#c0392b;color:#c0392b}.admin-scene-ref-remove:disabled{cursor:default;opacity:.5}.admin-scene-ref-subject{color:#564f7a;color:var(--ink-soft);font-size:.7rem;line-height:1.2;text-align:center;word-break:break-word}.admin-scene-ref-add{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.admin-scene-ref-subject-input{flex:1 1 200px;font-size:.85rem;min-width:0;padding:8px 10px}.admin-scene-ref-subject-input,.admin-title-input{border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-sm,8px);font-family:inherit}.admin-title-input{font-size:.95rem;font-weight:600;padding:10px 12px;width:100%}@media (max-width:640px){.admin-scene-card{grid-template-columns:1fr}}.story-loader-overlay{align-items:center;animation:loaderFadeIn .4s ease-out;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#f8f9fcb3;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.story-loader-content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px;text-align:center}.story-loader-svg{filter:drop-shadow(0 8px 30px rgba(99,102,241,.18));height:240px;max-width:60vw;width:240px}.story-loader-star{fill:#f59e0b;animation:starFloat 3s ease-in-out infinite}.story-loader-star.star-1{animation-delay:0s}.story-loader-star.star-2{fill:#a5b4fc;animation-delay:.5s}.story-loader-star.star-3{fill:#fcd34d;animation-delay:1s}.story-loader-star.star-4{animation-delay:1.5s}.story-loader-star.star-5{fill:#a5b4fc;animation-delay:.3s}.story-loader-star.star-6{fill:#fcd34d;animation-delay:.8s}.story-loader-star.star-7{animation-delay:1.2s}.story-loader-star.star-8{fill:#a5b4fc;animation-delay:1.7s}@keyframes starFloat{0%,to{opacity:.3;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-10px) scale(1.3)}}.particle{animation:particleRise 2.5s ease-out infinite}.particle.p1{animation-delay:0s}.particle.p2{animation-delay:.5s}.particle.p3{animation-delay:1s}.particle.p4{animation-delay:1.5s}.particle.p5{animation-delay:2s}@keyframes particleRise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(.3)}}.story-loader-msg{animation:msgSlideIn .5s ease-out;color:#1e1b3a;color:var(--ink);font-size:1.3rem;font-weight:700;margin:0;min-height:2em}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.story-loader-dots{display:flex;gap:8px}.story-loader-dot{animation:dotBounce 1.4s ease-in-out infinite;background:#7c3aed;background:var(--accent);border-radius:50%;height:10px;width:10px}.story-loader-dot:nth-child(2){animation-delay:.16s;background:#ec4899;background:var(--accent2)}.story-loader-dot:nth-child(3){animation-delay:.32s;background:#c4b5fd;background:var(--accent-soft)}@keyframes dotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (max-width:520px){.app-main{padding:0 12px 32px}.header-inner{gap:12px;padding:12px}.hero-banner{padding:48px 16px 40px}.hero-headline{font-size:1.5rem}.hero-subline{font-size:.95rem}.hero-features{gap:12px;grid-template-columns:1fr;max-width:280px}.hero-feature{flex-direction:row;gap:12px;padding:14px 16px}.hero-feature-icon{height:24px;width:24px}.template-grid{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-links{grid-template-columns:1fr}}.finalize-banner{align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:14px;box-shadow:0 4px 14px #6366f140;color:#fff;display:flex;gap:16px;justify-content:space-between;margin:0 0 20px;padding:18px 22px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.finalize-banner:hover{box-shadow:0 6px 18px #6366f159;transform:translateY(-1px)}.finalize-banner-text{display:flex;flex-direction:column;gap:4px}.finalize-banner-text strong{font-size:1.05rem;font-weight:700}.finalize-banner-text span{font-size:.9rem;opacity:.92}.finalize-banner-cta{font-weight:700;white-space:nowrap}.finalize-approved-card{align-items:flex-start;background:#ecfdf5;border:1px solid #10b981;border-radius:12px;color:#064e3b;display:flex;gap:14px;margin:0 0 20px;padding:16px 18px}.finalize-approved-card strong{font-size:1.05rem}.finalize-approved-card p{font-size:.92rem;margin:4px 0 0}.finalize-approved-date{color:#047857;font-size:.85rem!important}.finalize-approved-icon{align-items:center;background:#10b981;border-radius:999px;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;width:32px}.finalize-page{margin:0 auto;max-width:920px;padding:24px 16px 48px}.finalize-header{margin-bottom:18px;text-align:center}.finalize-subtitle{color:#6b7280;margin:6px 0 0}.finalize-progress{align-items:center;background:#fdf8ec;border:1px solid #f5e8c2;border-radius:10px;color:#6b5318;display:flex;gap:12px;justify-content:center;margin:0 auto 16px;max-width:560px;padding:12px 16px}.finalize-progress .loader-spinner{height:22px;width:22px}.finalize-actions{display:flex;flex-direction:column;gap:14px;margin:28px auto 0;max-width:560px}.finalize-textarea{border:1px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:.95rem;min-height:96px;padding:12px 14px;resize:vertical;width:100%}.finalize-approved-inline{background:#ecfdf5;border:1px solid #10b981;border-radius:10px;color:#064e3b;font-weight:700;padding:12px 16px;text-align:center}.finalize-back-link{color:#6b7280;font-size:.9rem;text-align:center;text-decoration:none}.finalize-back-link:hover{color:#6366f1}.approval-badge{border-radius:999px;display:inline-block;font-size:.82rem;font-weight:600;padding:3px 10px}.approval-badge-approved{background:#d1fae5;color:#065f46}.approval-badge-pending{color:#9ca3af}.admin-btn-danger,.admin-btn-primary,.admin-btn-secondary{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px}.admin-btn-primary{background:#7c3aed;background:var(--accent,#6c4ee0);border-color:#7c3aed;border-color:var(--accent,#6c4ee0);color:#fff}.admin-btn-primary:disabled{cursor:default;opacity:.6}.admin-btn-secondary{color:#1e1b3a;color:var(--ink,#1e1b3a)}.admin-btn-secondary:hover{background:#f5f3ff}.admin-btn-danger{background:#fff5f5;border-color:#fecaca;color:#b91c1c;font-size:.8rem;padding:4px 10px}.admin-btn-danger:hover{background:#fee2e2}.admin-order-actions{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.admin-link-btn{background:none;border:none;color:#7c3aed;color:var(--accent,#6c4ee0);cursor:pointer;font:inherit;font-size:.8rem;padding:0;text-decoration:underline;text-underline-offset:2px}.admin-link-btn:hover{opacity:.8}.admin-link-danger{color:#b91c1c}.admin-modal-overlay{align-items:center;background:#0f0c2973;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.admin-modal{background:#fff;border-radius:14px;box-shadow:0 24px 60px -12px #0f0c2966;max-width:420px;padding:24px;width:100%}.admin-modal-title{color:#1e1b3a;color:var(--ink,#1e1b3a);font-size:1.1rem;font-weight:700;margin:0 0 10px}.admin-modal-message{color:#4b4666;color:var(--ink-light,#4b4666);font-size:.92rem;line-height:1.6;margin:0 0 16px}.admin-modal-error{color:#b91c1c;font-size:.85rem;margin:0 0 12px}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-editor-row>td{background:#faf8ff!important;border-top:1px solid #e9e4ff;padding:18px 22px!important}.admin-editor{display:flex;flex-direction:column;gap:18px}.admin-editor-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-editor-field{color:#564f7a;color:var(--ink-soft,#564f7a);display:flex;flex-direction:column;font-size:.85rem;gap:6px}.admin-editor-field input:not([type]),.admin-editor-field input[type=number],.admin-editor-field input[type=text],.admin-editor-field textarea{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border,#e5e7eb);border-radius:6px;font:inherit;padding:8px 10px}.admin-editor-field-wide{grid-column:1/-1}.admin-editor-check{align-items:center;color:#1e1b3a;color:var(--ink,#1e1b3a);flex-direction:row;font-weight:600;gap:8px}.admin-variants{background:#fff;border:1px solid #e9e4ff;border-radius:10px;padding:14px}.admin-variants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.admin-variants-header h3{color:#1e1b3a;color:var(--ink,#1e1b3a);font-size:.95rem;margin:0}.admin-variant-table{border-collapse:collapse;font-size:.82rem;width:100%}.admin-variant-table td,.admin-variant-table th{border-bottom:1px solid #f1eef9;padding:6px;text-align:start}.admin-variant-table th{color:#564f7a;color:var(--ink-soft,#564f7a);font-size:.75rem;font-weight:600}.admin-variant-table input,.admin-variant-table select{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border,#e5e7eb);border-radius:5px;font:inherit;padding:5px 7px;width:100%}.admin-variant-table input[type=checkbox]{width:auto}.admin-price-input{max-width:110px}.admin-cell-center,.admin-empty{text-align:center}.admin-empty{color:#8e87b3;color:var(--ink-hint,#8e87b3);padding:14px}.admin-editor-error{background:#fee2e2;border-radius:6px;color:#b91c1c;font-size:.85rem;padding:8px 12px}.admin-editor-actions{display:flex;gap:10px;justify-content:flex-end}@media (max-width:720px){.admin-editor-grid{grid-template-columns:1fr}.admin-variant-table{font-size:.78rem}}.settings-page{margin:0 auto;max-width:980px}.settings-card{background:#fff;border:1px solid #ece8fb;border-radius:14px;box-shadow:0 1px 0 #3c23820a,0 8px 24px -16px #3c23822e;margin-bottom:18px;padding:22px 24px}.settings-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 6px}.settings-card-title{align-items:center;color:#1e1b3a;color:var(--ink,#1e1b3a);display:flex;font-size:1.05rem;font-weight:700;gap:10px;margin:0}.settings-card-title:before{background:linear-gradient(180deg,#7c3aed,#ec4899);background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:4px;content:"";height:18px;width:4px}.settings-card-help{color:#564f7a;color:var(--ink-soft,#564f7a);font-size:.82rem;margin:4px 0 16px}.settings-grid{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid-3{grid-gap:14px 18px;display:grid;gap:14px 18px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-field{color:#564f7a;color:var(--ink-soft,#564f7a);display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:6px}.settings-field input:not([type]),.settings-field input[type=number],.settings-field input[type=text],.settings-field select,.settings-field textarea{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border,#e5e7eb);border-radius:8px;color:#1e1b3a;color:var(--ink,#1e1b3a);font:inherit;font-weight:400;padding:9px 11px;transition:border-color .15s,box-shadow .15s}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1f;outline:none}.settings-field-wide{grid-column:1/-1}.settings-field .settings-field-hint{color:#8e87b3;color:var(--ink-hint,#8e87b3);font-size:.72rem;font-weight:400}.settings-toggle-row{align-items:center;background:#faf8ff;border:1px solid #ece8fb;border-radius:10px;display:flex;gap:12px;margin-top:4px;padding:12px 14px}.settings-toggle-row input[type=checkbox]{accent-color:#7c3aed;accent-color:var(--accent);flex-shrink:0;height:18px;width:18px}.settings-toggle-row .settings-toggle-text{color:#1e1b3a;color:var(--ink,#1e1b3a);font-size:.88rem;font-weight:600}.settings-toggle-row .settings-toggle-hint{color:#564f7a;color:var(--ink-soft,#564f7a);display:block;font-size:.75rem;font-weight:400;margin-top:2px}.settings-mode-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.02em;padding:3px 10px}.settings-mode-pill.test{background:#fef3c7;color:#92400e}.settings-mode-pill.live{background:#dcfce7;color:#166534}.settings-product-table{border-collapse:initial;border-spacing:0;font-size:.88rem;width:100%}.settings-product-table th{border-bottom:1px solid #ece8fb;color:#564f7a;color:var(--ink-soft,#564f7a);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:8px 10px;text-align:start;text-transform:uppercase}.settings-product-table td{border-bottom:1px solid #f5f3ff;padding:8px 6px}.settings-product-table tr:last-child td{border-bottom:0}.settings-product-table input,.settings-product-table select{background:#fff;border:1px solid #e9e3f7;border:1px solid var(--border,#e5e7eb);border-radius:6px;font:inherit;padding:7px 9px;width:100%}.settings-product-table input:focus,.settings-product-table select:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed1f;outline:none}.settings-save-bar{align-items:center;backdrop-filter:saturate(140%) blur(8px);-webkit-backdrop-filter:saturate(140%) blur(8px);background:#ffffffeb;border:1px solid #ece8fb;border-radius:14px;bottom:0;box-shadow:0 12px 28px -16px #3c238240;display:flex;gap:14px;justify-content:space-between;margin-top:18px;padding:14px 20px;position:sticky}.settings-save-bar-status{color:#564f7a;color:var(--ink-soft,#564f7a);font-size:.85rem}.settings-save-bar-status.ok{color:#166534;font-weight:600}.settings-save-bar-status.error{color:#b91c1c;font-weight:600}@media (max-width:720px){.settings-grid,.settings-grid-3{grid-template-columns:1fr}.settings-card{padding:16px 14px}}.modal-overlay{align-items:center;animation:modal-fade .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1b3a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-card{animation:modal-pop .2s ease;background:#fff;background:var(--bg-card);border:1px solid #e9e3f7;border:1px solid var(--border);border-radius:22px;border-radius:var(--radius);box-shadow:0 20px 50px -10px #7c3aed33,0 8px 20px -6px #ec48991f;box-shadow:var(--shadow);max-height:90vh;overflow-y:auto;padding:26px 24px;position:relative;width:min(460px,100%)}.modal-close{background:none;border:none;color:#8e87b3;color:var(--ink-hint);cursor:pointer;font-size:26px;inset-inline-end:14px;line-height:1;position:absolute;top:10px}.modal-close:hover,.modal-title{color:#1e1b3a;color:var(--ink)}.modal-title{font-size:20px;margin:0 0 10px}.modal-text{color:#564f7a;color:var(--ink-soft);line-height:1.7;margin:0 0 18px}.modal-or{align-items:center;color:#8e87b3;color:var(--ink-hint);display:flex;font-size:13px;margin:18px 0}.modal-or:after,.modal-or:before{background:#e9e3f7;background:var(--border);content:"";flex:1 1;height:1px}.modal-or span{padding:0 12px}.modal-card .submit-btn{margin-top:6px;width:100%}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
/*# sourceMappingURL=main.ba24cf82.css.map*/