@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";:root{--pastel-pink-soft: #ffdee3;--pastel-pink-medium: #ffbbc1;--red-primary: #c00000;--red-primary-hover: #ff3334;--accent-tulip: #ff8896;--accent-cocktail: #ff6f77;--text-primary: #2a0a0a;--text-secondary: #6b2a2a;--text-ghost: #a33b3b;--text-light: #ffffff;--pink-300: #ff8896;--pink-400: #ff6f77;--pink-500: #c00000;--pink-600: #c00000;--dark-bg: #1c0a0f;--dark-surface: #2a0f15;--dark-card: #3d1520;--dark-text: #ffdee3;--dark-muted: #a67b82;--gradient-romantic: linear-gradient(135deg, #ffdee3 0%, #ffbbc1 100%);--gradient-vivid: linear-gradient(135deg, #ff6f77 0%, #c00000 100%);--gradient-accent: linear-gradient(135deg, #ff8896 0%, #ff6f77 100%);--gradient-shimmer: linear-gradient( 90deg, rgba(255, 136, 150, .2) 0%, rgba(255, 111, 119, .2) 50%, rgba(255, 136, 150, .2) 100% );--gradient-card: linear-gradient(180deg, #ffdee3 0%, #ffbbc1 100%);--gradient-glow: linear-gradient(135deg, #c00000 0%, #ff3334 100%);--gradient-primary-alt: linear-gradient(135deg, #ff6f77 0%, #c00000 100%);--gradient-sunset: linear-gradient( 135deg, #ff6f77 0%, #ff8896 50%, #ffdee3 100% );--gradient-night: linear-gradient(135deg, #ff6f77 0%, #c00000 100%);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-soft: 0 2px 8px rgba(192, 0, 0, .08), 0 1px 2px rgba(192, 0, 0, .12);--shadow-medium: 0 4px 16px rgba(192, 0, 0, .12), 0 2px 4px rgba(192, 0, 0, .08);--shadow-glow: 0 4px 20px rgba(192, 0, 0, .15), 0 0 30px rgba(255, 111, 119, .1);--shadow-glow-strong: 0 8px 32px rgba(192, 0, 0, .25), 0 0 48px rgba(255, 111, 119, .2);--shadow-card: 0 8px 24px rgba(42, 10, 10, .08), 0 2px 8px rgba(42, 10, 10, .04);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation}body{font-family:var(--font-body);background:var(--gradient-romantic);color:var(--text-primary);min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;line-height:1.5;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}.app-screen{width:100%;min-height:100dvh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-screen--centered{align-items:center;justify-content:center}.card{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);position:relative;text-align:center}.card__title{font-family:var(--font-display);font-weight:800;font-size:var(--text-4xl);line-height:1.15;margin-bottom:var(--space-4);color:var(--text-primary)}.card__subtitle{font-family:var(--font-body);font-weight:400;font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.btn{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .3s var(--ease-smooth);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:56px;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s}.btn:active{transform:scale(.96)}.btn--primary{background:var(--red-primary);color:var(--text-light);box-shadow:var(--shadow-glow);width:100%;max-width:320px;font-weight:700}.btn--primary:active{transform:scale(.96) translateY(0)}.btn--secondary{background:var(--text-light);color:var(--red-primary);border:2px solid var(--red-primary);width:100%;max-width:320px;font-weight:600}@media(hover:hover){.btn--primary:hover{background:var(--red-primary-hover);box-shadow:var(--shadow-glow-strong);transform:translateY(-2px)}.btn--secondary:hover{background:var(--red-primary);color:var(--text-light);transform:translateY(-1px)}}.btn--small{font-size:var(--text-base);padding:var(--space-3) var(--space-6);min-height:44px}.btn--icon{width:48px;height:48px;padding:0;border-radius:var(--radius-full);min-height:auto}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:40px}.input{font-family:var(--font-body);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);background:#fffffff2;border:2px solid rgba(192,0,0,.25);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);width:100%;max-width:400px;text-align:center;transition:all .3s var(--ease-smooth);outline:none}.input:focus{border-color:var(--red-primary);box-shadow:0 0 0 4px #c000001f,var(--shadow-medium);background:#fffffff2}.input::placeholder{color:var(--text-ghost);opacity:.5}.textarea{min-height:120px;resize:none;text-align:left;font-size:var(--text-lg);line-height:1.6}.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--gradient-accent);z-index:100;transition:width .5s var(--ease-smooth);box-shadow:0 0 10px #ff6f7766}.floating-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.color-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);max-width:300px}.color-swatch{width:52px;height:52px;border-radius:var(--radius-full);border:3px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s var(--ease-spring);box-shadow:var(--shadow-soft)}.color-swatch:hover{transform:scale(1.15)}.color-swatch--selected{border-color:var(--red-primary);transform:scale(1.2);box-shadow:0 0 0 4px #c0000033,var(--shadow-medium)}.mood-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);max-width:340px;width:100%}.mood-option{background:#ffffffe6;border:2px solid rgba(192,0,0,.15);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all .3s var(--ease-spring);text-align:center;font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--text-primary)}.mood-option:hover{border-color:var(--accent-cocktail);background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-soft)}.mood-option--selected{border-color:var(--red-primary);background:var(--red-primary);color:var(--text-light);box-shadow:var(--shadow-glow);transform:scale(1.02)}.mood-option__emoji{font-size:var(--text-3xl);margin-bottom:var(--space-2);display:block}.photo-upload{width:200px;height:200px;border-radius:var(--radius-xl);border:3px dashed rgba(192,0,0,.4);background:#ffffffeb;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-smooth);overflow:hidden;position:relative;box-shadow:var(--shadow-soft)}.photo-upload:hover{border-color:var(--red-primary);background:#ffffffe6;transform:scale(1.02);box-shadow:var(--shadow-medium)}.photo-upload__preview{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-upload__icon{font-size:var(--text-4xl);margin-bottom:var(--space-2);color:var(--text-primary)}.photo-upload__text{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.editor-card{background:#ffffffe6;border:2px solid rgba(192,0,0,.12);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);transition:all .3s var(--ease-smooth);box-shadow:var(--shadow-soft)}.editor-card:hover{border-color:var(--accent-cocktail);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.editor-card__input{background:#00000008;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;width:100%;outline:none;text-align:center;padding:var(--space-2)}.editor-card__input:focus{border-bottom:2px solid var(--red-primary)}.editor-card__sub-input{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-base);width:100%;outline:none;text-align:center;padding:var(--space-2);font-weight:500}.editor-toolbar{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.share-link{background:#ffffffe6;border:2px solid rgba(192,0,0,.15);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);max-width:400px;width:100%;box-shadow:var(--shadow-soft)}.share-link__url{flex:1;font-family:var(--font-body);font-size:var(--text-sm);color:var(--accent-cocktail);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-link__copy{background:var(--red-primary);color:var(--text-light);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);transition:all .2s}.share-link__copy:hover{background:var(--red-primary-hover);transform:scale(1.05)}.share-link__copy:active{transform:scale(.95)}.story-viewer{position:fixed;inset:0;background:var(--gradient-romantic);z-index:1000;overflow:hidden}.story-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-8) 120px;text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.story-card__text{font-family:var(--font-display);font-weight:800;font-size:var(--text-5xl);line-height:1.15;max-width:90%;color:var(--text-primary)}.story-card__subtext{font-family:var(--font-body);font-weight:500;font-size:var(--text-xl);color:var(--text-secondary);margin-top:var(--space-6);max-width:85%}.story-card__photo{width:clamp(260px,65vw,400px);height:clamp(260px,65vw,400px);border-radius:var(--radius-xl);object-fit:cover;box-shadow:var(--shadow-card);margin-top:var(--space-6)}.story-tap-hint{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);font-size:var(--text-sm);color:var(--text-ghost);opacity:.6;z-index:1001;font-weight:500}.loading-screen{width:100%;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.loading-heart{font-size:3rem;animation:heartbeat 1.2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.embla{overflow:hidden;height:100%;width:100%}.embla__container{display:flex;height:100%;touch-action:pan-y pinch-zoom}.embla__slide{flex:0 0 100%;min-width:0;min-height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.skip-text{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;margin-top:var(--space-4);transition:color .2s;font-weight:500}.skip-text:hover{color:var(--red-primary)}.nav-dots{display:flex;gap:var(--space-2);justify-content:center;position:fixed;bottom:env(safe-area-inset-bottom,var(--space-6));left:50%;transform:translate(-50%);z-index:50;width:100%;pointer-events:none;padding-bottom:var(--space-2)}.nav-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#c0000040;transition:all .3s var(--ease-smooth)}.nav-dot--active{width:24px;background:var(--red-primary)}.payment-card{background:#fffffff2;border:2px solid rgba(192,0,0,.15);border-radius:var(--radius-xl);padding:var(--space-8);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-card)}.payment-price{font-family:var(--font-display);font-weight:900;font-size:var(--text-5xl);background:var(--gradient-vivid);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:var(--space-6) 0}.payment-features{list-style:none;margin-bottom:var(--space-8)}.payment-features li{padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-base);font-weight:500}.payment-features li:before{content:"✨ "}@media(max-width:380px){.card__title,.story-card__text{font-size:var(--text-3xl)}.card{padding:var(--space-6)}}@media(max-width:640px){.app-screen{position:relative}input,textarea,button{min-height:44px}.color-swatch{width:40px;height:40px}}@media(min-width:768px){.card__title{font-size:var(--text-5xl)}.story-card__text{font-size:var(--text-6xl)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.dashboard-header__content{flex:1;min-width:200px}.dashboard-header__actions{display:flex;align-items:center;gap:var(--space-4)}@media(max-width:640px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--space-6)}.dashboard-header__actions{width:100%;justify-content:space-between}.dashboard-header__create-btn{width:auto!important;flex:1}}