[v-cloak]{display:none!important}:root{--bg-primary:#0c0819;--bg-secondary:#120c24;--bg-card:rgba(255, 255, 255, 0.05);--bg-card-hover:rgba(255, 255, 255, 0.08);--border-subtle:rgba(255, 255, 255, 0.07);--border-glass:rgba(255, 255, 255, 0.1);--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, 0.7);--text-muted:rgba(255, 255, 255, 0.4);--accent-primary:#a855f7;--accent-pink:#ec4899;--accent-gold:#f59e0b;--accent-green:#10b981;--accent-blue:#3b82f6;--grad-primary:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--grad-love:linear-gradient(135deg, #f43f5e 0%, #fb7185 100%);--grad-attitude:linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);--grad-motivation:linear-gradient(135deg, #f97316 0%, #fbbf24 100%);--grad-festival:linear-gradient(135deg, #d946ef 0%, #c026d3 100%);--grad-business:linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-full:9999px;--shadow-glow:0 0 50px rgba(168, 85, 247, 0.15);--shadow-card:0 12px 40px rgba(0, 0, 0, 0.5);--shadow-btn:0 8px 30px rgba(168, 85, 247, 0.3);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:450ms cubic-bezier(0.4, 0, 0.2, 1);--nav-height:64px}*,::after,::before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{font-family:Inter,'Noto Sans Devanagari','Noto Sans Gujarati',system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;overscroll-behavior:none}h1,h2,h3,h4{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2rem, 6vw, 2.8rem);font-weight:800}h2{font-size:clamp(1.5rem, 5vw, 2.2rem);font-weight:700}h3{font-size:clamp(1.2rem, 4vw, 1.6rem)}.app-wrapper{max-width:480px;margin:0 auto;min-height:100vh;position:relative;background:var(--bg-primary);box-shadow:0 0 100px rgba(0,0,0,.5);contain:layout style}.page-content{padding:24px 20px calc(var(--nav-height) + 40px);z-index:1;position:relative;animation:pageIn .3s ease}@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.top-nav{position:sticky;top:0;z-index:100;background:rgba(12,8,25,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-normal)}.top-nav.not-sticky{position:relative;background:0 0;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:18px 20px 10px;width:100%}.top-nav .logo{display:flex;align-items:center;gap:12px;text-decoration:none}.top-nav .logo-text{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.top-nav .logo-img{width:42px;height:42px;object-fit:contain;border-radius:12px}.top-nav .credits-badge{display:flex;align-items:center;gap:8px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-full);padding:8px 16px;font-size:.85rem;font-weight:700;color:var(--accent-primary);text-decoration:none;transition:all var(--transition-fast)}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:64px;background:rgba(14,10,28,.98);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-around;z-index:1000;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px rgba(0,0,0,.3)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;text-decoration:none;color:var(--text-muted);font-size:.65rem;font-weight:700;transition:color var(--transition-fast)}.nav-item i{font-size:1.25rem;transition:transform .2s ease}.nav-item.active{color:var(--accent-primary)}.nav-item.active i{transform:translateY(-2px);filter:drop-shadow(0 0 8px rgba(168, 85, 247, .4))}.nav-item:active{transform:scale(.95)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:var(--radius-lg);font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;cursor:pointer;border:none;transition:all var(--transition-normal);user-select:none;text-decoration:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-btn)}.btn-ghost{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-glass)}body.modal-open{overflow:hidden!important}.result-panel.picker-open{overflow:hidden!important}.download-picker-overlay{z-index:1100!important}.bg-orbs{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bg-orbs .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;z-index:-1}.orb-1{width:500px;height:500px;background:#a855f7;top:-150px;right:-150px}.orb-2{width:400px;height:400px;background:#ec4899;bottom:-100px;left:-100px}.result-panel{position:fixed;inset:0;background:var(--bg-primary);z-index:500;display:flex;flex-direction:column;animation:slideIn .3s ease;overflow-y:auto;padding-bottom:80px;will-change:transform,opacity}@keyframes slideIn{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.result-header{position:sticky;top:0;background:rgba(12,8,25,.92);backdrop-filter:blur(12px);padding:16px 20px;display:flex;align-items:center;gap:16px;z-index:10;border-bottom:1px solid var(--border-subtle)}.btn-back{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--border-glass);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer}.result-body{padding:24px 20px}.status-preview{width:100%;aspect-ratio:1;border-radius:28px;overflow:hidden;background:var(--bg-secondary);margin-bottom:24px;box-shadow:0 20px 50px rgba(0,0,0,.6);border:1px solid var(--border-glass)}.status-preview img{width:100%;height:100%;object-fit:contain}.status-text-box{background:rgba(255,255,255,.05);border:1px solid var(--border-glass);border-radius:20px;padding:24px;font-size:1.1rem;line-height:1.6;margin-bottom:24px;font-family:'Noto Sans Devanagari','Noto Sans Gujarati',sans-serif;color:var(--text-primary)}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.action-btn{background:rgba(255,255,255,.05);border:1px solid var(--border-glass);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.action-btn i{font-size:1.25rem}.action-btn:hover{background:rgba(255,255,255,.1);color:#fff}.action-btn.saved{border-color:var(--accent-pink);color:var(--accent-pink);background:rgba(236,72,153,.08)}.action-btn.delete{border-color:rgba(239,68,68,.3);color:#ef4444}.cta-generate{width:100%;padding:18px;font-size:1.1rem;font-weight:800;border-radius:18px;background:linear-gradient(135deg,#c084fc 0,#f472b6 50%,#fb923c 100%);color:#fff;border:none;cursor:pointer;font-family:Outfit,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 25px rgba(192,132,252,.35)}.cta-generate:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(192,132,252,.5)}.cta-generate:active{transform:scale(.97)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:12px;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:32px;padding:28px 20px;width:100%;max-width:440px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.8);animation:zoomIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-icon{width:64px;height:64px;background:rgba(239,68,68,.1);color:#ef4444;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 20px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1;padding:14px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes zoomIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.toast-container{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:1000;display:flex;flex-direction:column;gap:12px;width:90%;max-width:400px}.toast{background:rgba(20,15,40,.97);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:16px 20px;color:#fff;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes toastIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-primary);border-radius:0 0 var(--radius-md) var(--radius-md);animation:toastCountdown 3s linear forwards}@keyframes toastCountdown{from{width:100%}to{width:0%}}.ripple{position:relative;overflow:hidden}.ripple:after{content:'';position:absolute;background:rgba(255,255,255,.1);border-radius:50%;transform:scale(0);opacity:0}.ripple:active:after{transform:scale(4);opacity:1;transition:transform .5s ease,opacity .5s ease}.dl-ratio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.dl-ratio-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border-radius:20px;background:rgba(255,255,255,.04);border:2px solid var(--border-glass);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);user-select:none}.dl-ratio-card:hover{border-color:rgba(192,132,252,.4);background:rgba(192,132,252,.06);transform:translateY(-2px)}.dl-ratio-card:active{transform:scale(.96)}.dl-ratio-card .ratio-preview{border-radius:6px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 16px rgba(168,85,247,.25)}.dl-ratio-card .ratio-label{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;color:var(--text-primary)}.dl-ratio-card .ratio-sub{font-size:.6rem;color:var(--text-muted);font-weight:600;margin-top:-4px}.shimmer{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);background-size:200% 100%;animation:shimmerSlide 1.5s ease-in-out infinite}@keyframes shimmerSlide{0%{background-position:200% 0}100%{background-position:-200% 0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:4px}.badge-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1));color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.section-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.btn-sm{padding:10px 20px;font-size:.9rem;border-radius:var(--radius-md)}.btn-danger{background:#ef4444;color:#fff;border:none}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-4{margin-top:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;gap:16px}.empty-icon{font-size:4rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.filter-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-bottom:16px}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;border:1.5px solid var(--border-glass);background:var(--bg-card);color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast)}.filter-chip.active{background:var(--grad-primary);border-color:transparent;color:#fff}.stats-bar{display:flex;gap:12px;margin-bottom:20px}.stat-item{flex:1;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:14px;text-align:center}.stat-value{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.stat-label{font-size:.7rem;color:var(--text-muted);margin-top:2px}.cat-badge{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.5);border-radius:var(--radius-full);padding:3px 8px;font-size:.65rem;font-weight:700;color:#fff;backdrop-filter:blur(6px)}.shimmer-card{aspect-ratio:1;border-radius:var(--radius-lg)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.grid-card{border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;position:relative;aspect-ratio:1;background:var(--bg-card);border:1px solid var(--border-subtle);transition:transform var(--transition-fast)}.grid-card:hover{transform:scale(1.02)}.grid-card img{width:100%;height:100%;object-fit:cover}.date-badge{position:absolute;bottom:6px;right:6px;font-size:.6rem;font-weight:700;padding:2px 7px;border-radius:100px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.8);backdrop-filter:blur(6px)}.warning-box{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:12px;margin-bottom:16px;font-size:.85rem;color:rgba(255,255,255,.8);display:flex;gap:8px;align-items:center}.guest-prompt{background:linear-gradient(135deg,rgba(192,132,252,.1),rgba(244,114,182,.1));border:1px solid rgba(192,132,252,.2);border-radius:var(--radius-lg);padding:24px;text-align:center;margin-top:24px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}