.navbar{background-color:#f0f4ef;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:50}.navbar-container{max-width:var(--max-width-7xl);margin:0 auto;padding:0 var(--spacing-4)}.navbar-inner{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo-container{display:flex;align-items:center;gap:var(--spacing-2)}.logo-text-gradient{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--color-primary),var(--color-secondary),var(--color-tertiary));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-img{height:2.5rem;width:2.5rem;object-fit:contain}.brand-name{display:none;font-weight:600;color:var(--color-slate-600)}@media (min-width: 640px){.brand-name{display:inline}}.desktop-menu{display:none;align-items:center;gap:var(--spacing-6)}@media (min-width: 768px){.desktop-menu{display:flex}}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-slate-600);transition:var(--transition-default)}.nav-link:hover{color:var(--color-primary)}.nav-button-primary{display:flex;align-items:center;gap:var(--spacing-2);background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);transition:var(--transition-default)}.nav-button-primary:hover{background-color:var(--color-primary-hover)}.logout-button{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-slate-600);transition:var(--transition-default)}.logout-button:hover{color:var(--color-red-600)}.mobile-menu-toggle{display:block;color:var(--color-slate-600);transition:var(--transition-default)}@media (min-width: 768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle:hover{color:var(--color-primary)}.mobile-menu{padding-bottom:var(--spacing-4);border-top:1px solid var(--color-slate-200)}@media (min-width: 768px){.mobile-menu{display:none}}.mobile-nav-link{display:block;padding:var(--spacing-2) 0;color:var(--color-slate-600);transition:var(--transition-default)}.mobile-nav-link:hover{color:var(--color-primary)}.mobile-logout-button{display:block;width:100%;text-align:left;padding:var(--spacing-2) 0;color:var(--color-red-600);transition:var(--transition-default)}.mobile-logout-button:hover{color:var(--color-red-700)}.footer{background-color:var(--color-white);border-top:1px solid var(--color-slate-100);padding-top:var(--spacing-12);padding-bottom:var(--spacing-8)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}@media (min-width: 768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-brand-section{grid-column:span 1}@media (min-width: 768px){.footer-brand-section{grid-column:span 1}}.footer-brand-title{font-size:1.25rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-2)}.footer-brand-dot{color:var(--color-primary)}.footer-brand-description{color:var(--color-slate-500);font-size:.875rem;line-height:1.625}.footer-heading{font-weight:600;color:var(--color-slate-800);margin-bottom:var(--spacing-4)}.footer-list{list-style:none;padding:0;margin:0}.footer-list-item{margin-bottom:var(--spacing-2);font-size:.875rem;color:var(--color-slate-600)}.footer-link{transition:var(--transition-default)}.footer-link:hover{color:var(--color-primary)}.footer-social-links{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.footer-social-icon{padding:var(--spacing-2);background-color:var(--color-slate-50);border-radius:var(--border-radius-full);color:var(--color-slate-500);transition:var(--transition-default);display:flex;align-items:center;justify-content:center}.footer-social-icon:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--spacing-8);border-top:1px solid var(--color-slate-50);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--spacing-4)}@media (min-width: 768px){.footer-bottom{flex-direction:row}}.footer-copyright{color:var(--color-slate-400);font-size:.75rem}.footer-made-with{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-slate-600)}.heart-icon{color:var(--color-red-500);fill:var(--color-red-500);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.footer-author{font-weight:500;color:var(--color-slate-800)}.home-container{min-height:100vh}.hero-section{position:relative;min-height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center;color:var(--color-white)}.hero-content{text-align:center;width:100%}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;opacity:.8}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.hero-title{font-size:clamp(2.5rem,8vw,6rem);font-weight:800;margin-bottom:var(--spacing-4);line-height:1.1;word-break:break-word}.hero-subtitle{font-size:1.25rem;margin-bottom:var(--spacing-8)}.hero-actions{display:flex;gap:var(--spacing-4);justify-content:center}.btn-primary-white{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);font-weight:600;transition:var(--transition-default)}.btn-primary-white:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.btn-outline-white{border:2px solid var(--color-white);color:var(--color-white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);font-weight:600;transition:var(--transition-default)}.btn-outline-white:hover{background-color:#ffffff1a}.main-content-area{padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.welcome-section{margin-bottom:var(--spacing-8)}.welcome-title{font-size:1.875rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-2)}.welcome-subtitle{color:var(--color-slate-600)}.rituals-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.rituals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.rituals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.ritual-card{position:relative;background-color:#f0f4ef;border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;height:100%}.ritual-card-content{padding:var(--spacing-5);display:flex;flex-direction:column;height:100%;position:relative;z-index:10;pointer-events:none}.ritual-header{display:flex;justify-content:space-between;align-items:start;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.ritual-actions{display:flex;gap:.375rem;pointer-events:auto;flex-shrink:0}.btn-action{padding:var(--spacing-2);border-radius:var(--border-radius-lg);transition:var(--transition-default);display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem;font-weight:500}.btn-edit{background-color:#eff6ff;color:#2563eb}.btn-edit:hover{background-color:#dbeafe}.btn-delete{background-color:#fef2f2;color:#dc2626}.btn-delete:hover{background-color:#fee2e2}.ritual-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-3)}.ritual-location span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ritual-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.ritual-tag{background-color:#fffaf0;color:#dd6b20;font-size:10px;letter-spacing:.05em;padding:var(--spacing-1) var(--spacing-2);border-radius:.375rem;border:1px solid #feebc8}.ritual-stats{padding-top:var(--spacing-3);border-top:1px solid var(--color-slate-50);display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-slate-400)}.stat-item{display:flex;align-items:center;gap:var(--spacing-1);font-size:.75rem}.stat-item .heart-active{color:var(--color-red-500);fill:var(--color-red-500)}.empty-state{text-align:center;padding-top:var(--spacing-12);padding-bottom:var(--spacing-12)}.empty-title{font-size:1.5rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-4)}.empty-text{color:var(--color-slate-600);margin-bottom:var(--spacing-6)}.btn-create{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);font-weight:600;transition:var(--transition-default);display:inline-block}.btn-create:hover{background-color:var(--color-primary-hover)}.btn-pagination{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-slate-300);border-radius:var(--border-radius-lg);transition:var(--transition-default)}.btn-pagination:hover:not(:disabled){background-color:var(--color-slate-100)}.btn-pagination:disabled{opacity:.5;cursor:not-allowed}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#ff99331a,#1388081a,#0034781a);padding:var(--spacing-8) 0}.auth-card{width:100%;max-width:28rem;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.auth-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-8);background:linear-gradient(to right,var(--color-primary),var(--color-secondary),var(--color-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-alert{background-color:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-group{display:flex;flex-direction:column}.form-input{width:100%;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-slate-300);border-radius:var(--border-radius-lg);outline:none;transition:var(--transition-default)}.form-input:focus{border-color:transparent;box-shadow:0 0 0 2px var(--color-primary)}.form-file-input{width:100%;font-size:.875rem;color:var(--color-slate-500)}.form-file-input::-webkit-file-upload-button{margin-right:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);border:0;font-size:.875rem;font-weight:600;background-color:#ff99331a;color:var(--color-primary);cursor:pointer;transition:var(--transition-default)}.form-file-input:hover::-webkit-file-upload-button{background-color:#f933}.btn-auth{width:100%;background:linear-gradient(to right,var(--color-primary),#f97316);color:var(--color-white);font-weight:600;padding:var(--spacing-2) 0;border-radius:var(--border-radius-lg);transition:var(--transition-default)}.btn-auth:hover:not(:disabled){box-shadow:var(--shadow-lg)}.btn-auth:disabled{opacity:.5;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--spacing-6);color:var(--color-slate-600)}.auth-link{color:var(--color-primary);font-weight:600}.auth-link:hover{text-decoration:underline}.ritual-form-card{max-width:42rem;margin:0 auto;padding:0 var(--spacing-4)}.form-title{font-size:2.25rem;font-weight:700;margin-bottom:var(--spacing-8);background:linear-gradient(to right,var(--color-primary),var(--color-secondary),var(--color-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ritual-detail-page{min-height:100vh;padding:var(--spacing-8) 0}.detail-container{max-width:56rem;margin:0 auto;padding:0 var(--spacing-4)}.detail-card{background-color:#cbffbd;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-6)}.detail-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-6)}.detail-title{font-size:2.25rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-2)}.detail-location{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-slate-600)}.header-actions{display:flex;gap:var(--spacing-2)}.btn-edit-detail{display:flex;align-items:center;gap:var(--spacing-2);background-color:#eff6ff;color:#2563eb;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);transition:var(--transition-default)}.btn-edit-detail:hover{background-color:#dbeafe}.btn-delete-detail{display:flex;align-items:center;gap:var(--spacing-2);background-color:#fef2f2;color:#dc2626;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);transition:var(--transition-default)}.btn-delete-detail:hover{background-color:#fee2e2}.creator-info-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#ff99331a,#1388081a);padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6)}.creator-profile{display:flex;align-items:center;gap:var(--spacing-4)}.creator-avatar{width:3rem;height:3rem;background-color:var(--color-primary);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:700}.creator-name{font-weight:600;color:var(--color-slate-800)}.creator-state{font-size:.875rem;color:var(--color-slate-600)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6);text-align:center}.stat-box{background-color:var(--color-slate-50);padding:var(--spacing-4);border-radius:var(--border-radius-lg)}.stat-value{font-size:1.5rem;font-weight:700}.stat-value.frequency{color:var(--color-primary)}.stat-value.likes{color:var(--color-secondary)}.stat-value.comments{color:var(--color-tertiary)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.detail-tag{background-color:#ff99331a;color:var(--color-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:.875rem;font-weight:500}.section-title{font-size:1.25rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-3)}.description-text{color:var(--color-slate-700);line-height:1.625}.significance-box{background:linear-gradient(to right,#1388080d,#0034780d);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-secondary)}.actions-footer{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-slate-200)}.btn-action-footer{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);color:var(--color-slate-600);transition:var(--transition-default)}.btn-action-footer:hover{color:var(--color-primary)}.similar-rituals-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader{border-radius:var(--border-radius-full);height:3rem;width:3rem;border-bottom:2px solid var(--color-primary)}.not-found-container{display:flex;justify-content:center;align-items:center;height:100vh}.not-found-content{text-align:center}.btn-home{color:var(--color-primary)}.btn-home:hover{text-decoration:underline}.explore-page{min-height:100vh;background:linear-gradient(to bottom right,var(--color-slate-50),var(--color-slate-100));padding:var(--spacing-8) 0}.explore-container{max-width:72rem;margin:0 auto;padding:0 var(--spacing-4)}.header-section{margin-bottom:var(--spacing-8)}.page-title{font-size:2.25rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-4)}.page-subtitle{color:var(--color-slate-600);font-size:1.125rem}.search-filter-section{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.search-form{display:flex;gap:var(--spacing-4)}.search-input-container{flex:1;position:relative}.search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);color:var(--color-slate-400)}.search-input{width:100%;padding:var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-10);border:1px solid var(--color-slate-300);border-radius:var(--border-radius-lg);outline:none;transition:var(--transition-default)}.search-input:focus{ring:2px solid var(--color-primary);border-color:transparent;box-shadow:0 0 0 2px var(--color-primary)}.search-button{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-2) var(--spacing-6);border-radius:var(--border-radius-lg);font-weight:600;transition:var(--transition-default)}.search-button:hover{background-color:var(--color-primary-hover)}.loading-container{display:flex;justify-content:center;align-items:center;height:16rem}.loading-spinner{height:var(--spacing-12);width:var(--spacing-12);border-radius:var(--border-radius-full);border-bottom:2px solid var(--color-primary)}.rituals-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media (min-width: 768px){.rituals-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.rituals-grid{grid-template-columns:repeat(3,1fr)}}.ritual-card{position:relative;background-color:var(--color-white);border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;height:100%}.ritual-card:hover{box-shadow:var(--shadow-md)}.ritual-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.card-content{padding:var(--spacing-5) var(--spacing-5);display:flex;flex-direction:column;height:100%;position:relative;z-index:10;pointer-events:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-3)}.ritual-title{font-size:1.125rem;font-weight:700;color:var(--color-slate-900);line-height:1.25;transition:color .2s}.ritual-card:hover .ritual-title{color:var(--color-primary)}.card-actions{display:flex;gap:.375rem;pointer-events:auto;flex-shrink:0}.edit-btn,.delete-btn{padding:var(--spacing-2);border-radius:var(--border-radius-lg);display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;transition:var(--transition-default)}.edit-btn{background-color:#eff6ff;color:#2563eb}.edit-btn:hover{background-color:#dbeafe}.delete-btn{background-color:#fef2f2;color:#dc2626}.delete-btn:hover{background-color:#fee2e2}.ritual-description{color:var(--color-slate-600);font-size:.875rem;margin-bottom:var(--spacing-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.card-footer{margin-top:auto}.card-footer>*+*{margin-top:.75rem}.ritual-location{display:flex;align-items:center;gap:.375rem;color:var(--color-slate-400);font-size:.75rem}.location-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.tag{background-color:#fff7ed;color:#ea580c;font-size:10px;letter-spacing:.05em;padding:.25rem .5rem;border-radius:.375rem;border:1px solid #ffedd5}.stats-container{padding-top:.75rem;border-top:1px solid var(--color-slate-50);display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-slate-400)}.stat-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.heart-icon.active{color:#f87171;fill:#f87171}.no-results{text-align:center;padding:var(--spacing-12) 0}.no-results-title{font-size:1.5rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-4)}.no-results-text{color:var(--color-slate-600);margin-bottom:var(--spacing-6)}.create-btn{background-color:var(--color-primary);color:var(--color-white);padding:.75rem 1.5rem;border-radius:var(--border-radius-lg);font-weight:600;transition:var(--transition-default);display:inline-block}.create-btn:hover{background-color:var(--color-primary-hover)}.pagination{display:flex;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-12)}.page-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-slate-300);border-radius:var(--border-radius-lg);transition:var(--transition-default)}.page-btn:hover:not(:disabled){background-color:var(--color-slate-100)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{padding:var(--spacing-2) var(--spacing-4)}.profile-page{min-height:100vh;background:linear-gradient(to bottom right,var(--color-slate-50),var(--color-slate-100));padding:var(--spacing-8) 0}.profile-container{max-width:56rem;margin:0 auto;padding:0 var(--spacing-4)}.profile-header-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8);margin-bottom:var(--spacing-6)}.profile-info-section{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-6);flex-wrap:wrap}.profile-user-info{display:flex;align-items:center;gap:var(--spacing-6);flex:1}.profile-pic-container{position:relative;width:6rem;height:6rem;flex-shrink:0}.profile-pic{width:100%;height:100%;border-radius:var(--border-radius-full);object-fit:cover;border:4px solid var(--color-white);box-shadow:var(--shadow-md)}.profile-pic-placeholder{width:100%;height:100%;background:linear-gradient(to bottom right,var(--color-primary),#f97316);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:var(--shadow-md)}.user-details h1{font-size:1.5rem;font-weight:700;color:var(--color-slate-800)}.user-email{color:var(--color-slate-500);font-size:.875rem}.user-location{color:var(--color-slate-600);display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.header-actions{display:flex;gap:.5rem}.edit-profile-btn,.delete-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-lg);font-weight:500;transition:var(--transition-default)}.edit-profile-btn{background-color:var(--color-slate-100);color:var(--color-slate-700)}.edit-profile-btn:hover{background-color:var(--color-slate-200)}.delete-profile-btn{background-color:#fef2f2;color:#dc2626}.delete-profile-btn:hover{background-color:#fee2e2}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.stat-card{background:linear-gradient(to bottom right,#ff99331a,#fff7ed);padding:var(--spacing-4);border-radius:var(--border-radius-lg);text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.875rem;color:var(--color-slate-600)}.profile-tabs-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid var(--color-slate-200)}.tab-btn{flex:1;padding:1rem 1.5rem;font-weight:600;transition:var(--transition-default);color:var(--color-slate-600);border-bottom:2px solid transparent}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:#ff99330d}.tabs-content{padding:var(--spacing-6)}.ritual-list>*+*{margin-top:var(--spacing-4)}.my-ritual-item{border:1px solid var(--color-slate-200);border-radius:var(--border-radius-lg);padding:var(--spacing-4);transition:var(--transition-default)}.my-ritual-item:hover{box-shadow:var(--shadow-md)}.ritual-item-header{display:flex;justify-content:space-between;align-items:flex-start}.ritual-item-title{font-weight:700;color:var(--color-slate-800);margin-bottom:.5rem}.ritual-item-desc{color:var(--color-slate-600);font-size:.875rem;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ritual-item-meta{display:flex;gap:var(--spacing-4);font-size:.875rem;color:var(--color-slate-500)}.ritual-item-actions{display:flex;gap:.5rem;margin-left:var(--spacing-4)}.ritual-edit-btn,.ritual-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:var(--border-radius-lg);font-size:.875rem;transition:var(--transition-default)}.ritual-edit-btn{background-color:#eff6ff;color:#2563eb}.ritual-edit-btn:hover{background-color:#dbeafe}.ritual-delete-btn{background-color:#fef2f2;color:#dc2626}.ritual-delete-btn:hover{background-color:#fee2e2}.empty-message{text-align:center;color:var(--color-slate-600);padding:var(--spacing-8) 0}.ritual-form-page{min-height:100vh;padding:var(--spacing-8) 0}.ritual-form-card{max-width:48rem;margin:0 auto;padding:0 var(--spacing-4)}.form-inner-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.form-title{font-size:1.875rem;font-weight:700;margin-bottom:var(--spacing-6);color:var(--color-slate-900)}.form-group{margin-bottom:var(--spacing-6)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-slate-700);margin-bottom:var(--spacing-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-slate-300);border-radius:var(--border-radius-lg);outline:none;transition:var(--transition-default);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:transparent;box-shadow:0 0 0 2px var(--color-primary)}.form-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--spacing-4)}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn-submit{width:100%;background:linear-gradient(to right,var(--color-primary),#f97316);color:var(--color-white);font-weight:600;padding:var(--spacing-3) 0;border-radius:var(--border-radius-lg);transition:var(--transition-default)}.btn-submit:hover:not(:disabled){box-shadow:var(--shadow-lg)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.loading-state{text-align:center;padding:var(--spacing-20) 0}.about-page{min-height:100vh;background-color:var(--color-slate-50);padding:var(--spacing-16) var(--spacing-4)}.about-card{max-width:56rem;margin:0 auto;background-color:var(--color-white);border-radius:.75rem;box-shadow:var(--shadow-md);padding:var(--spacing-8)}@media (min-width: 768px){.about-card{padding:var(--spacing-12)}}.about-title{font-size:2.25rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-6);text-align:center}.about-text{color:var(--color-slate-700);line-height:1.625;margin-bottom:var(--spacing-6)}.about-text:last-child{margin-bottom:0}.faq-page{min-height:100vh;background-color:var(--color-slate-50);padding:var(--spacing-16) var(--spacing-4)}.faq-container{max-width:56rem;margin:0 auto}.faq-container>*+*{margin-top:var(--spacing-6)}.faq-title{font-size:2.25rem;font-weight:700;text-align:center;color:var(--color-slate-800);margin-bottom:var(--spacing-8)}.faq-item{border:1px solid var(--color-slate-200);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-default);background-color:var(--color-white)}.faq-question-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:var(--color-slate-100);transition:var(--transition-default)}.faq-question-btn:hover{background-color:var(--color-slate-200)}.faq-question{font-size:1.125rem;font-weight:500;color:var(--color-slate-800);text-align:left}.chevron-icon{transition:transform .3s ease;color:var(--color-slate-600)}.chevron-icon.open{transform:rotate(180deg)}.faq-answer-container{transition:all .5s ease-in-out;overflow:hidden}.faq-answer-container.closed{max-height:0;opacity:0}.faq-answer-container.open{max-height:500px;opacity:100}.faq-answer{padding:1.5rem;color:var(--color-slate-700);line-height:1.625}.guidelines-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-slate-50);padding:var(--spacing-4)}.guidelines-container{max-width:40rem;width:100%;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-8);text-align:center}.guidelines-title{font-size:2rem;font-weight:700;color:var(--color-slate-800);margin-bottom:var(--spacing-4)}.guidelines-message{color:var(--color-slate-600);line-height:1.5}.privacy-page{min-height:100vh;background-color:var(--color-slate-50);padding:var(--spacing-16) var(--spacing-4)}.privacy-container{max-width:56rem;margin:0 auto;background-color:var(--color-white);border-radius:.75rem;box-shadow:var(--shadow-md);padding:var(--spacing-8)}@media (min-width: 768px){.privacy-container{padding:var(--spacing-12)}}.privacy-container>*+*{margin-top:var(--spacing-6)}.privacy-title{font-size:2.25rem;font-weight:700;color:var(--color-slate-800);text-align:center}.privacy-last-updated{color:var(--color-slate-600);text-align:center}.privacy-section h2{font-size:1.25rem;font-weight:600;color:var(--color-slate-800);margin-bottom:var(--spacing-2)}.privacy-section p{color:var(--color-slate-700);line-height:1.625}.privacy-list{list-style-type:disc;list-style-position:inside;color:var(--color-slate-700)}.privacy-list>*+*{margin-top:var(--spacing-2)}.font-medium{font-weight:500}.edit-profile-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#ff99331a,#1388081a,#0034781a);padding:var(--spacing-8) var(--spacing-4)}.edit-profile-card{width:100%;max-width:28rem;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-8)}.edit-profile-title{font-size:1.875rem;text-align:center;margin-bottom:var(--spacing-8);color:var(--color-slate-900)}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-red-700);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-6)}.edit-profile-form>*+*{margin-top:var(--spacing-4)}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-slate-700);margin-bottom:var(--spacing-2)}.form-control{width:100%;padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-slate-300);border-radius:var(--border-radius-lg);outline:none;transition:var(--transition-default)}.form-control:focus{border-color:transparent;box-shadow:0 0 0 2px var(--color-primary)}.file-input{width:100%;font-size:.875rem;color:var(--color-slate-500);cursor:pointer}.file-input::-webkit-file-upload-button{margin-right:var(--spacing-4);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);border:0;font-size:.875rem;font-weight:600;background-color:#ff99331a;color:var(--color-primary);cursor:pointer;transition:var(--transition-default)}.file-input:hover::-webkit-file-upload-button{background-color:#f933}.current-pic-container{margin-top:var(--spacing-3)}.current-pic-label{font-size:.875rem;color:var(--color-slate-600);margin-bottom:var(--spacing-1)}.current-pic-img{width:6rem;height:6rem;border-radius:var(--border-radius-full);object-fit:cover}.submit-btn{width:100%;background:linear-gradient(to right,var(--color-primary),#f97316);color:var(--color-white);font-weight:600;padding:var(--spacing-2) 0;border-radius:var(--border-radius-lg);transition:var(--transition-default)}.submit-btn:hover{box-shadow:var(--shadow-lg)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}:root{--color-primary: #8A9A5B;--color-primary-hover: #C0652A;--color-secondary: #2E3A59;--color-tertiary: #D4A017;--color-quarternary: #5C3A21;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-caramel-50: #fff8f1;--color-caramel-100: #fdebd3;--color-caramel-200: #fbd4a6;--color-caramel-300: #f5b97a;--color-caramel-400: #e89c4d;--color-caramel-500: #d9822b;--color-caramel-600: #b86a22;--color-caramel-700: #92531b;--color-caramel-800: #6b3c13;--color-caramel-900: #4a290d;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-white: #ffffff;--color-transparent: transparent;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--transition-default: all .2s cubic-bezier(.4, 0, .2, 1);--max-width-7xl: 80rem;--border-radius-lg: .5rem;--border-radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(to bottom right,var(--color-caramel-50),var(--color-caramel-100));color:var(--color-caramel-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.max-container{max-width:var(--max-width-7xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.flex-1{flex:1}.transition{transition:var(--transition-default)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.spinner{width:3rem;height:3rem;border-radius:var(--border-radius-full);border:2px solid transparent;border-bottom-color:var(--color-primary);animation:spin 1s linear infinite}.bg-gradient-primary{background:linear-gradient(to right,var(--color-primary),var(--color-secondary),var(--color-tertiary))}.bg-gradient-body{background:linear-gradient(to bottom right,var(--color-caramel-50),var(--color-caramel-100))}.w-full{width:100%}.h-full{height:100%}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.section-padding{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}