@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,600;1,400;1,600&display=swap";:root{--vs-primary: #4F6EF5;--vs-primary-dk: #3451D1;--vs-spiritual: #7C5CBF;--vs-dawn: #F5A623;--vs-dark: #1a1f36;--vs-surface: #f4f6fb;--vs-card: #ffffff;--vs-border: #e8edf5;--vs-text: #1a1f36;--vs-muted: #6b7280;--vs-radius: 14px;--vs-shadow: 0 2px 16px rgba(79, 110, 245, .07);--vs-shadow-lg: 0 8px 32px rgba(79, 110, 245, .13);--vs-gradient: linear-gradient(135deg, #4F6EF5 0%, #7C5CBF 100%);--vs-gradient-dk:linear-gradient(135deg, #3451D1 0%, #5a3d99 100%);--mood-grateful: #fef9c3;--mood-peaceful: #dbeafe;--mood-hopeful: #dcfce7;--mood-struggling: #fee2e2;--mood-questioning: #f3e8ff;--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--vs-surface);color:var(--vs-text);line-height:1.5;min-height:100dvh;overscroll-behavior:none}.font-verse{font-family:Lora,Georgia,serif;font-style:italic}.font-serif{font-family:Lora,Georgia,serif}h1,h2,h3,h4{line-height:1.25}.text-muted{color:var(--vs-muted)}.text-primary{color:var(--vs-primary)}.text-center{text-align:center}.vs-card{background:var(--vs-card);border-radius:var(--vs-radius);box-shadow:var(--vs-shadow);border:1px solid var(--vs-border)}.vs-card-elevated{background:var(--vs-card);border-radius:var(--vs-radius);box-shadow:var(--vs-shadow-lg);border:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:12px;border:none;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;letter-spacing:.01em}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--vs-gradient);color:#fff;box-shadow:0 4px 14px #4f6ef559}.btn-primary:hover:not(:disabled){background:var(--vs-gradient-dk);box-shadow:0 6px 20px #4f6ef573;transform:translateY(-1px)}.btn-primary:active{transform:scale(.96) translateY(0)}.btn-outline{background:transparent;color:var(--vs-primary);border:1.5px solid var(--vs-primary)}.btn-outline:hover:not(:disabled){background:#4f6ef50f}.btn-ghost{background:transparent;color:var(--vs-muted)}.btn-ghost:hover:not(:disabled){background:var(--vs-surface);color:var(--vs-text)}.btn-block{width:100%}.btn-sm{padding:8px 16px;font-size:.85rem;border-radius:8px}.vs-input{width:100%;padding:13px 16px;border-radius:12px;border:1.5px solid var(--vs-border);font-family:inherit;font-size:.95rem;color:var(--vs-text);background:#fff;transition:border-color .15s,box-shadow .15s;outline:none}.vs-input:focus{border-color:var(--vs-primary);box-shadow:0 0 0 4px #4f6ef51a}.vs-input::placeholder{color:#b0b8c9}.vs-label{display:block;font-size:.85rem;font-weight:600;color:var(--vs-dark);margin-bottom:6px;letter-spacing:.01em}.vs-field{margin-bottom:18px}.alert{padding:12px 16px;border-radius:10px;font-size:.9rem;margin-bottom:16px;font-weight:500}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.alert-info{background:#eff2ff;color:#4f6ef5;border:1px solid #c7d2fe}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(62px + var(--sab));background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--vs-border);display:flex;align-items:flex-start;padding-top:8px;padding-bottom:var(--sab);z-index:100}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;color:var(--vs-muted);text-decoration:none;font-size:.65rem;font-weight:600;transition:color .15s;cursor:pointer;background:none;border:none;font-family:inherit;letter-spacing:.02em;text-transform:uppercase}.bottom-nav-item.active{color:var(--vs-primary)}.bottom-nav-item svg{transition:transform .15s}.bottom-nav-item.active svg{transform:scale(1.1)}.page-content{padding-bottom:calc(70px + var(--sab));min-height:100dvh}.skeleton{background:linear-gradient(90deg,#f0f2f8 25%,#e4e8f4,#f0f2f8 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter-active{transition:opacity .22s ease,transform .22s ease}.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--vs-muted);margin-bottom:10px}@keyframes pop-in{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.pop-in{animation:pop-in .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes celebrate{0%{transform:scale(1)}30%{transform:scale(1.15) rotate(-3deg)}60%{transform:scale(1.1) rotate(3deg)}to{transform:scale(1)}}.celebrate{animation:celebrate .5s ease forwards}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--vs-border);border-radius:3px}