.app.fullscreen{background:#f7f7f5;background:var(--color-white);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.app.fullscreen .footer,.app.fullscreen .header{display:none}.offline-banner{background:linear-gradient(135deg,#ff6b6b,#ffa726);box-shadow:0 4px 6px -1px #222d311a;box-shadow:var(--shadow-md);color:#fff;padding:1rem;padding:var(--spacing-2);position:sticky;text-align:center;top:0;z-index:1000}.offline-content{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-1);justify-content:center}.offline-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.install-badge{animation:slideIn .5s ease-out;background:#b7c7b0;background:var(--color-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #222d311a;box-shadow:var(--shadow-lg);color:#222d31;color:var(--color-neutral);max-width:300px;padding:1.5rem;padding:var(--spacing-3);position:fixed;right:2rem;right:var(--spacing-4);top:2rem;top:var(--spacing-4);z-index:1000}.install-badge-content{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-2)}.install-badge-icon{flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl)}.install-badge-text h3{font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-1) 0}.install-badge-text p{font-size:.875rem;font-size:var(--font-size-sm);margin:0;opacity:.8}.install-badge-dismiss{background:none;border:none;color:#222d31;color:var(--color-neutral);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);margin-left:auto;opacity:.7;padding:0}.install-badge-dismiss:hover{opacity:1}.onboarding-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:2000}.onboarding-content{background:#f7f7f5;background:var(--color-white);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;padding:3rem;padding:var(--spacing-6);text-align:center}.onboarding-content h2{color:#222d31;color:var(--color-neutral);font-size:1.5rem;font-size:var(--font-size-2xl);margin:0 0 2rem;margin:0 0 var(--spacing-4) 0}.onboarding-steps{flex-direction:column;margin-bottom:2.5rem;margin-bottom:var(--spacing-5)}.onboarding-step,.onboarding-steps{display:flex;gap:1.5rem;gap:var(--spacing-3)}.onboarding-step{align-items:center;text-align:left}.step-number{align-items:center;background:#b7c7b0;background:var(--color-primary);border-radius:50%;color:#222d31;color:var(--color-neutral);display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;height:2rem;justify-content:center;width:2rem}.onboarding-step p{color:#5a6268;color:var(--color-neutral-medium);margin:0}.dashboard-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.dashboard-controls{display:flex;gap:1rem;gap:var(--spacing-2)}.fullscreen-btn{align-items:center;background:#f1f1ef;background:var(--color-gray-100);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);justify-content:center;padding:.5rem;padding:var(--spacing-1);transition:all .2s ease}.fullscreen-btn:hover{background:#e4e4e1;background:var(--color-gray-200);transform:translateY(-1px)}.today-summary{background:#fafaf9;background:var(--color-gray-50);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:2rem;margin-top:var(--spacing-4);padding:2rem;padding:var(--spacing-4)}.progress-card{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-3);margin-bottom:1.5rem;margin-bottom:var(--spacing-3)}.progress-info{flex:1 1}.progress-text{color:#5a6268;color:var(--color-neutral-medium);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.progress-bar{background:#e4e4e1;background:var(--color-gray-200);height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:.25rem;border-radius:var(--radius-sm)}.progress-fill{background:linear-gradient(90deg,#b7c7b0,#c8d5c1);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));height:100%;transition:width .3s ease}.progress-emoji{font-size:1.5rem;font-size:var(--font-size-2xl)}.daily-quote{align-items:flex-start;background:#f7f7f5;background:var(--color-white);border-left:4px solid #b7c7b0;border-left:4px solid var(--color-primary);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--spacing-2);padding:1.5rem;padding:var(--spacing-3)}.quote-icon{flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);opacity:.7}.quote-text{color:#5a6268;color:var(--color-neutral-medium);font-style:italic;line-height:1.5;margin:0}.habit-streak{gap:.5rem;gap:var(--spacing-1)}.streak-display{align-items:center;display:flex;flex-direction:column}.streak-visualization{align-items:center;display:flex;gap:2px;margin-top:2px}.streak-dot{font-size:10px;line-height:1}.streak-plus{color:#5a6268;color:var(--color-neutral-medium);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;margin-left:2px}.reminder-controls{gap:1.5rem;gap:var(--spacing-3)}.reminder-controls,.reminder-time{align-items:center;display:flex}.time-input{background:#f7f7f5;background:var(--color-white);border:1px solid #d6d6d3;border:1px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);color:#222d31;color:var(--color-neutral);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-1) var(--spacing-2)}.time-input:focus{border-color:#b7c7b0;border-color:var(--color-primary);box-shadow:0 0 0 3px #b7c7b01a;outline:none}.import-options{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-2)}.import-options .file-input-label{flex:1 1;min-width:120px}@media (max-width:768px){.install-badge{left:1rem;left:var(--spacing-2);max-width:none;right:1rem;right:var(--spacing-2);top:1rem;top:var(--spacing-2)}.today-summary{padding:1.5rem;padding:var(--spacing-3)}.progress-card{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-2)}.dashboard-controls{margin-top:1rem;margin-top:var(--spacing-2)}.reminder-controls{align-items:flex-start;gap:1rem;gap:var(--spacing-2)}.import-options,.reminder-controls{flex-direction:column}.import-options .file-input-label{min-width:auto}}.app.dark .offline-banner{background:linear-gradient(135deg,#e74c3c,#f39c12)}.app.dark .install-badge{background:#3a4449;background:var(--color-neutral-light)}.app.dark .install-badge,.app.dark .install-badge-dismiss,.app.dark .onboarding-content{color:#f7f7f5;color:var(--color-white)}.app.dark .onboarding-content{background:#222d31;background:var(--color-neutral)}.app.dark .onboarding-content h2{color:#f7f7f5;color:var(--color-white)}.app.dark .step-number{background:#b7c7b0;background:var(--color-primary);color:#222d31;color:var(--color-neutral)}.app.dark .today-summary{background:#3a4449;background:var(--color-neutral-light);border-color:#5a6268;border-color:var(--color-neutral-medium)}.app.dark .daily-quote{background:#222d31;background:var(--color-neutral);border-left-color:#b7c7b0;border-left-color:var(--color-primary)}.app.dark .progress-bar{background:#5a6268;background:var(--color-neutral-medium)}.app.dark .time-input{background:#3a4449;background:var(--color-neutral-light);border-color:#5a6268;border-color:var(--color-neutral-medium);color:#f7f7f5;color:var(--color-white)}.app.dark .time-input:focus{border-color:#b7c7b0;border-color:var(--color-primary)}:root{--color-primary:#b7c7b0;--color-primary-light:#c8d5c1;--color-primary-dark:#a6b69f;--color-neutral:#222d31;--color-neutral-light:#3a4449;--color-neutral-medium:#5a6268;--color-neutral-muted:#8a9096;--color-white:#f7f7f5;--color-gray-50:#fafaf9;--color-gray-100:#f1f1ef;--color-gray-200:#e4e4e1;--color-gray-300:#d6d6d3;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-1:0.5rem;--spacing-2:1rem;--spacing-3:1.5rem;--spacing-4:2rem;--spacing-5:2.5rem;--spacing-6:3rem;--spacing-8:4rem;--spacing-10:5rem;--spacing-12:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #222d310d;--shadow-md:0 4px 6px -1px #222d311a;--shadow-lg:0 10px 15px -3px #222d311a}.dark{--color-white:#1a2025;--color-gray-50:#222d31;--color-gray-100:#2a3439;--color-gray-200:#3a4449;--color-gray-300:#4a5459;--color-neutral:#f7f7f5;--color-neutral-light:#e4e4e1;--color-neutral-medium:#d6d6d3;--color-neutral-muted:#c8c8c5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f7f5;background-color:var(--color-white);color:#222d31;color:var(--color-neutral);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6;transition:background-color .3s ease,color .3s ease}.app{display:flex;flex-direction:column;min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f7f7f5;background-color:var(--color-white);border-bottom:1px solid #e4e4e1;border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:10}.nav{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:1rem 2rem;padding:var(--spacing-2) var(--spacing-4)}.logo-home-button{background:none;border:none;cursor:pointer;padding:0;transition:all .2s ease}.logo-home-button:hover{opacity:.8;transform:translateY(-1px)}.logo-header{height:48px;max-width:200px;object-fit:contain;width:auto}.nav-menu{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-1);justify-content:center}.nav-button{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#5a6268;color:var(--color-neutral-medium);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:500;padding:.5rem 1rem;padding:var(--spacing-1) var(--spacing-2);transition:all .2s ease}.nav-button:hover{background-color:#f1f1ef;background-color:var(--color-gray-100);color:#222d31;color:var(--color-neutral)}.nav-button.active{display:none}.page-logo{display:flex;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-2);padding-top:.5rem;padding-top:var(--spacing-1)}.logo-minimal{height:120px;max-width:400px;object-fit:contain;opacity:1;width:auto}.logo-container{align-items:center;display:flex}.logo-image{height:72px;max-width:320px;object-fit:contain;width:auto}.logo{color:#b7c7b0;color:var(--color-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;letter-spacing:.05em}.theme-toggle{background:none;border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);padding:.5rem;padding:var(--spacing-1);transition:all .2s ease}.theme-toggle:hover{background-color:#f1f1ef;background-color:var(--color-gray-100);transform:translateY(-1px)}.inline-icon{display:inline;margin-right:.5rem;margin-right:var(--spacing-1);vertical-align:middle}.export-options,.import-options{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-2)}.file-input-label.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.main{flex:1 1}.hero{grid-gap:4rem;grid-gap:var(--spacing-8);align-items:center;display:grid;gap:4rem;gap:var(--spacing-8);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:80vh;padding:5rem 2rem;padding:var(--spacing-10) var(--spacing-4)}.hero-title{color:#222d31;color:var(--color-neutral);font-size:3rem;font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--spacing-3)}.hero-accent{color:#b7c7b0;color:var(--color-primary)}.hero-description{color:#5a6268;color:var(--color-neutral-medium);font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.5;margin-bottom:2.5rem;margin-bottom:var(--spacing-5)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-2)}.btn-primary,.btn-secondary{border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-block;font-size:1rem;font-size:var(--font-size-base);font-weight:500;padding:1rem 2rem;padding:var(--spacing-2) var(--spacing-4);text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#b7c7b0;background-color:var(--color-primary);box-shadow:0 1px 2px 0 #222d310d;box-shadow:var(--shadow-sm);color:#f7f7f5;color:var(--color-white)}.btn-primary:hover{background-color:#a6b69f;background-color:var(--color-primary-dark);box-shadow:0 4px 6px -1px #222d311a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:initial;border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);color:#222d31;color:var(--color-neutral)}.btn-secondary:hover{background-color:#f1f1ef;background-color:var(--color-gray-100);transform:translateY(-1px)}.btn-large{font-size:1.125rem;font-size:var(--font-size-lg);padding:1.5rem 3rem;padding:var(--spacing-3) var(--spacing-6)}.hero-visual{align-items:center;display:flex;justify-content:center}.habit-card-preview{background-color:#fafaf9;background-color:var(--color-gray-50);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #222d311a;box-shadow:var(--shadow-lg);max-width:320px;padding:2rem;padding:var(--spacing-4);width:100%}.habit-item{align-items:center;border-bottom:1px solid #e4e4e1;border-bottom:1px solid var(--color-gray-200);display:flex;gap:1rem;gap:var(--spacing-2);padding:1rem 0;padding:var(--spacing-2) 0}.habit-item:last-child{border-bottom:none}.habit-checkbox{border:2px solid #d6d6d3;border:2px solid var(--color-gray-300);border-radius:.25rem;border-radius:var(--radius-sm);height:20px;position:relative;width:20px}.habit-checkbox.checked{background-color:#b7c7b0;background-color:var(--color-primary);border-color:#b7c7b0;border-color:var(--color-primary)}.habit-checkbox.checked:after{color:#fff;content:"✓";font-size:.75rem;font-size:var(--font-size-xs);font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.habit-name{flex:1 1;font-size:1rem;font-size:var(--font-size-base)}.habit-streak{color:#5a6268;color:var(--color-neutral-medium);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.container{margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--spacing-4)}.features,.philosophy{padding:5rem 0;padding:var(--spacing-10) 0}.section-title{color:#222d31;color:var(--color-neutral);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:4rem;margin-bottom:var(--spacing-8);text-align:center}.features-grid{grid-gap:2rem;grid-gap:var(--spacing-4);display:grid;gap:2rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background-color:#fafaf9;background-color:var(--color-gray-50);border-radius:1rem;border-radius:var(--radius-xl);padding:2.5rem;padding:var(--spacing-5);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{box-shadow:0 4px 6px -1px #222d311a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{color:#b7c7b0;color:var(--color-primary);margin-bottom:1rem;margin-bottom:var(--spacing-2)}.feature-icon svg{stroke-width:1.5}.feature-title{color:#222d31;color:var(--color-neutral);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-2)}.feature-description{color:#5a6268;color:var(--color-neutral-medium);line-height:1.5}.philosophy{background-color:#fafaf9;background-color:var(--color-gray-50)}.philosophy-principles{grid-gap:2.5rem;grid-gap:var(--spacing-5);display:grid;gap:2.5rem;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.principle{text-align:center}.principle h3{color:#b7c7b0;color:var(--color-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.principle p{color:#5a6268;color:var(--color-neutral-medium)}.cta{background:linear-gradient(135deg,#b7c7b0,#a6b69f);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;padding:5rem 0;padding:var(--spacing-10) 0}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-title{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-2)}.cta-description{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2.5rem;margin-bottom:var(--spacing-5);opacity:.9}.footer{background-color:#222d31;background-color:var(--color-neutral);color:#f7f7f5;color:var(--color-white);padding:4rem 0 2rem;padding:var(--spacing-8) 0 var(--spacing-4)}.footer-content{align-items:start;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-4)}.footer-brand .logo{color:#b7c7b0;color:var(--color-primary);margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.footer-tagline{color:#d6d6d3;color:var(--color-gray-300);font-style:italic}.footer-links{display:flex;gap:1.5rem;gap:var(--spacing-3)}.footer-links a{color:#d6d6d3;color:var(--color-gray-300);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#b7c7b0;color:var(--color-primary)}.footer-bottom{border-top:1px solid #3a4449;border-top:1px solid var(--color-neutral-light);color:#d6d6d3;color:var(--color-gray-300);font-size:.875rem;font-size:var(--font-size-sm);padding-top:2rem;padding-top:var(--spacing-4);text-align:center}.dashboard{min-height:80vh;padding:3rem 0;padding:var(--spacing-6) 0}.dashboard-header{margin-bottom:3rem;margin-bottom:var(--spacing-6);text-align:center}.dashboard-title{color:#222d31;color:var(--color-neutral);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.dashboard-subtitle{color:#5a6268;color:var(--color-neutral-medium);font-size:1.125rem;font-size:var(--font-size-lg)}.upgrade-prompt{background:linear-gradient(135deg,#b7c7b0,#a6b69f);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #222d311a;box-shadow:var(--shadow-lg);margin-bottom:2.5rem;margin-bottom:var(--spacing-5);overflow:hidden}.upgrade-content{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:2rem;padding:var(--spacing-4)}.upgrade-text{flex:1 1}.upgrade-title{color:#fff;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.upgrade-description{font-size:1rem;font-size:var(--font-size-base);line-height:1.5;margin:0;opacity:.95}.upgrade-actions{align-items:center;display:flex;gap:1rem;gap:var(--spacing-2)}.upgrade-btn{background-color:#fff;border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#b7c7b0;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:1rem 2rem;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease;white-space:nowrap}.upgrade-btn:hover{background-color:#f1f1ef;background-color:var(--color-gray-100);box-shadow:0 1px 2px 0 #222d310d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-dismiss{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:300;height:32px;justify-content:center;opacity:.8;padding:.5rem;padding:var(--spacing-1);transition:all .2s ease;width:32px}.btn-dismiss:hover{background-color:#fff3;opacity:1}.add-habit-section{margin-bottom:3rem;margin-bottom:var(--spacing-6)}.add-habit-form{display:flex;gap:1rem;gap:var(--spacing-2);margin:0 auto;max-width:500px}.add-habit-input{background-color:#f7f7f5;background-color:var(--color-white);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#222d31;color:var(--color-neutral);flex:1 1;font-size:1rem;font-size:var(--font-size-base);padding:1rem 1.5rem;padding:var(--spacing-2) var(--spacing-3);transition:border-color .2s ease}.add-habit-input:focus{border-color:#b7c7b0;border-color:var(--color-primary);outline:none}.add-habit-button{align-items:center;background-color:#b7c7b0;background-color:var(--color-primary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#f7f7f5;color:var(--color-white);cursor:pointer;display:flex;justify-content:center;padding:1rem;padding:var(--spacing-2);transition:all .2s ease}.add-habit-button:hover{background-color:#a6b69f;background-color:var(--color-primary-dark);transform:translateY(-1px)}.habits-list{margin:0 auto;max-width:600px}.habit-card{background-color:#fafaf9;background-color:var(--color-gray-50);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-3);padding:2rem;padding:var(--spacing-4);transition:all .2s ease}.habit-card:hover{box-shadow:0 4px 6px -1px #222d311a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.habit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-3)}.habit-name{color:#222d31;color:var(--color-neutral);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin:0}.habit-actions{gap:1rem;gap:var(--spacing-2)}.habit-actions,.habit-streak{align-items:center;display:flex}.habit-streak{background-color:#b7c7b0;background-color:var(--color-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;flex-direction:column;min-width:50px;padding:.5rem 1rem;padding:var(--spacing-1) var(--spacing-2)}.streak-number{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;line-height:1}.streak-label{font-size:.75rem;font-size:var(--font-size-xs);line-height:1;opacity:.9}.habit-delete,.habit-edit{align-items:center;background:none;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#8a9096;color:var(--color-neutral-muted);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.habit-edit:hover{background-color:#c8d5c1;background-color:var(--color-primary-light);color:#a6b69f;color:var(--color-primary-dark)}.habit-delete:hover{background-color:#fee;color:#d32f2f}.habit-week{display:flex;flex-direction:column}.day-headers,.habit-week{gap:.5rem;gap:var(--spacing-1)}.day-headers{grid-gap:.5rem;grid-gap:var(--spacing-1);display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.day-header{color:#5a6268;color:var(--color-neutral-medium);display:flex;flex-direction:column;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;gap:2px;padding:.5rem;padding:var(--spacing-1);text-align:center}.day-name{font-weight:600}.day-date{color:#8a9096;color:var(--color-neutral-muted);font-size:10px;font-weight:400}.day-checkboxes{grid-gap:.5rem;grid-gap:var(--spacing-1);display:grid;gap:.5rem;gap:var(--spacing-1);grid-template-columns:repeat(7,1fr)}.day-checkbox{align-items:center;background:none;border:2px solid #d6d6d3;border:2px solid var(--color-gray-300);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);height:36px;justify-content:center;justify-self:center;transition:all .2s ease;width:36px}.day-checkbox:hover{background-color:#c8d5c1;background-color:var(--color-primary-light)}.day-checkbox.completed,.day-checkbox:hover{border-color:#b7c7b0;border-color:var(--color-primary)}.day-checkbox.completed{background-color:#b7c7b0;background-color:var(--color-primary);color:#fff}.empty-state{color:#5a6268;color:var(--color-neutral-medium);font-style:italic;padding:4rem 2rem;padding:var(--spacing-8) var(--spacing-4);text-align:center}.page-content{min-height:60vh;padding:4rem 0;padding:var(--spacing-8) 0}.page-title{color:#222d31;color:var(--color-neutral);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:2rem;margin-bottom:var(--spacing-4);text-align:center}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#222d3180;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#f7f7f5;background-color:var(--color-white);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #222d311a;box-shadow:var(--shadow-lg);max-width:400px;padding:2.5rem;padding:var(--spacing-5);width:90%}.modal-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--spacing-3);text-align:center}.modal-input,.modal-title{color:#222d31;color:var(--color-neutral)}.modal-input{background-color:#f7f7f5;background-color:var(--color-white);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);box-sizing:border-box;font-size:1rem;font-size:var(--font-size-base);margin-bottom:2rem;margin-bottom:var(--spacing-4);padding:1rem 1.5rem;padding:var(--spacing-2) var(--spacing-3);transition:border-color .2s ease;width:100%}.modal-input:focus{border-color:#b7c7b0;border-color:var(--color-primary);outline:none}.modal-actions{display:flex;gap:1rem;gap:var(--spacing-2);justify-content:flex-end}.modal-actions .btn-primary,.modal-actions .btn-secondary{font-size:.875rem;font-size:var(--font-size-sm);padding:1rem 2rem;padding:var(--spacing-2) var(--spacing-4)}.habit-limit-modal{background:#f7f7f5;background:var(--color-white);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #222d311a;box-shadow:var(--shadow-lg);max-width:480px;overflow:hidden;padding:0;width:90%}.habit-limit-header{align-items:center;background:linear-gradient(135deg,#b7c7b0,#a6b69f);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;display:flex;gap:1rem;gap:var(--spacing-2);padding:2rem;padding:var(--spacing-4);position:relative}.habit-limit-title{flex:1 1;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:28px;justify-content:center;padding:0;transition:background-color .2s ease;width:28px}.modal-close:hover{background-color:#ffffff1a}.habit-limit-content{padding:2rem;padding:var(--spacing-4)}.habit-limit-message{color:#5a6268;color:var(--color-neutral-medium);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;margin:0 0 2rem;margin:0 0 var(--spacing-4) 0}.habit-limit-features{flex-direction:column}.habit-limit-features,.limit-feature{display:flex;gap:1rem;gap:var(--spacing-2)}.limit-feature{align-items:center;color:#222d31;color:var(--color-neutral);font-size:.875rem;font-size:var(--font-size-sm)}.limit-feature svg{color:#b7c7b0;color:var(--color-primary);flex-shrink:0}.habit-limit-actions{border-top:1px solid #e4e4e1;border-top:1px solid var(--color-gray-200);display:flex;gap:1rem;gap:var(--spacing-2);justify-content:flex-end;padding:2rem;padding:var(--spacing-4)}.about-page{min-height:80vh}.about-hero,.about-page{padding:3rem 0;padding:var(--spacing-6) 0}.about-hero{margin-bottom:4rem;margin-bottom:var(--spacing-8);text-align:center}.about-subtitle{color:#5a6268;color:var(--color-neutral-medium);font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.5;margin-left:auto;margin-right:auto;margin-top:1rem;margin-top:var(--spacing-2);max-width:600px}.about-content{margin:0 auto;max-width:900px}.about-section{margin-bottom:4rem;margin-bottom:var(--spacing-8)}.about-section-title{color:#222d31;color:var(--color-neutral);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:2rem;margin-bottom:var(--spacing-4);text-align:center}.philosophy-grid{grid-gap:2.5rem;grid-gap:var(--spacing-5);display:grid;gap:2.5rem;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2.5rem;margin-top:var(--spacing-5)}.philosophy-item{padding:2rem;padding:var(--spacing-4);text-align:center}.philosophy-icon{align-items:center;background:#b7c7b0;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;height:60px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-3);width:60px}.philosophy-item h3{color:#222d31;color:var(--color-neutral);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-2)}.philosophy-item p{color:#5a6268;color:var(--color-neutral-medium);font-size:1rem;font-size:var(--font-size-base);line-height:1.6}.about-text{margin:0 auto;max-width:700px;text-align:center}.about-text p{color:#5a6268;color:var(--color-neutral-medium);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.7;margin-bottom:2rem;margin-bottom:var(--spacing-4)}.principles-list{grid-gap:2rem;grid-gap:var(--spacing-4);display:grid;gap:2rem;gap:var(--spacing-4);margin:0 auto;max-width:600px}.principle-item{background:#fafaf9;background:var(--color-gray-50);border-left:4px solid #b7c7b0;border-left:4px solid var(--color-primary);border-radius:.75rem;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-4)}.principle-item h4{color:#222d31;color:var(--color-neutral);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.principle-item p{color:#5a6268;color:var(--color-neutral-medium);line-height:1.5;margin:0}.privacy-commitment{margin:0 auto;max-width:700px}.commitment-text p{border-left:2px solid #b7c7b0;border-left:2px solid var(--color-primary);color:#5a6268;color:var(--color-neutral-medium);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-3);padding-left:1.5rem;padding-left:var(--spacing-3)}.commitment-text strong{color:#222d31;color:var(--color-neutral);font-weight:600}.about-cta{background:linear-gradient(135deg,#c8d5c1,#b7c7b0);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:1rem;border-radius:var(--radius-xl);margin-top:4rem;margin-top:var(--spacing-8);padding:3rem;padding:var(--spacing-6);text-align:center}.about-cta h2{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-2)}.about-cta p{color:#ffffffe6;font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2rem;margin-bottom:var(--spacing-4)}.about-cta .btn-primary{background:#fff;border:none;color:#b7c7b0;color:var(--color-primary)}.about-cta .btn-primary:hover{background:#f1f1ef;background:var(--color-gray-100);transform:translateY(-1px)}.settings-page{min-height:80vh;padding:3rem 0;padding:var(--spacing-6) 0}.settings-header{margin-bottom:3rem;margin-bottom:var(--spacing-6);text-align:center}.settings-subtitle{color:#5a6268;color:var(--color-neutral-medium);font-size:1.125rem;font-size:var(--font-size-lg);margin-top:.5rem;margin-top:var(--spacing-1)}.settings-grid{grid-gap:2.5rem;grid-gap:var(--spacing-5);display:grid;gap:2.5rem;gap:var(--spacing-5);margin:0 auto;max-width:800px}.settings-section{background-color:#fafaf9;background-color:var(--color-gray-50);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:1rem;border-radius:var(--radius-xl);padding:2.5rem;padding:var(--spacing-5)}.settings-section-header{align-items:center;color:#b7c7b0;color:var(--color-primary);display:flex;gap:1rem;gap:var(--spacing-2);margin-bottom:2rem;margin-bottom:var(--spacing-4)}.settings-section-title{color:#222d31;color:var(--color-neutral);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin:0}.settings-item{align-items:center;border-bottom:1px solid #e4e4e1;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:1.5rem 0;padding:var(--spacing-3) 0}.settings-item:last-child{border-bottom:none}.settings-item-info h3{color:#222d31;color:var(--color-neutral);font-size:1rem;font-size:var(--font-size-base);font-weight:500;margin:0 0 .5rem;margin:0 0 var(--spacing-1) 0}.settings-item-info p{color:#5a6268;color:var(--color-neutral-medium);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.date-format-options{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-2)}.radio-option{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-1);padding:.5rem;padding:var(--spacing-1);transition:background-color .2s ease}.radio-option:hover{background-color:#f1f1ef;background-color:var(--color-gray-100)}.radio-option input[type=radio]{accent-color:#b7c7b0;accent-color:var(--color-primary);margin:0}.radio-text{font-weight:400}.radio-text,.theme-toggle-large{color:#222d31;color:var(--color-neutral);font-size:.875rem;font-size:var(--font-size-sm)}.theme-toggle-large{align-items:center;background:none;border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:.5rem;gap:var(--spacing-1);padding:1rem 1.5rem;padding:var(--spacing-2) var(--spacing-3);transition:all .2s ease}.theme-toggle-large:hover{background-color:#f1f1ef;background-color:var(--color-gray-100);transform:translateY(-1px)}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#d6d6d3;background-color:var(--color-gray-300);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background-color:#b7c7b0;background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.btn-danger{align-items:center;background-color:#fee;border:1px solid #ffcdd2;border-radius:.75rem;border-radius:var(--radius-lg);color:#d32f2f;cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-1);padding:1rem 1.5rem;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all .2s ease}.btn-danger:hover{background-color:#ffebee;transform:translateY(-1px)}.file-input-label{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;gap:var(--spacing-1)}.settings-footer{border-top:1px solid #e4e4e1;border-top:1px solid var(--color-gray-200);margin-top:4rem;margin-top:var(--spacing-8);padding-top:2rem;padding-top:var(--spacing-4);text-align:center}.settings-version{color:#5a6268;color:var(--color-neutral-medium);font-size:.875rem;font-size:var(--font-size-sm);font-style:italic}.upgrade-section{background:linear-gradient(135deg,#b7c7b0,#a6b69f);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;color:#fff;overflow:hidden;position:relative}.upgrade-section:before{background:#ffffff1a;content:"";height:200%;position:absolute;right:-20px;top:-50%;transform:rotate(12deg);width:100px}.upgrade-section .settings-section-header,.upgrade-section .settings-section-title{color:#fff}.upgrade-features{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-2);margin-bottom:2rem;margin-bottom:var(--spacing-4)}.feature-item{color:#fff;font-size:.875rem;font-size:var(--font-size-sm);gap:1rem}.feature-item svg{color:gold}.btn-premium{align-items:center;background-color:#fff;border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;color:#b7c7b0;color:var(--color-primary);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:1rem;gap:var(--spacing-2);justify-content:center;padding:1.5rem 2rem;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;width:100%}.btn-premium:hover{background-color:#fafaf9;background-color:var(--color-gray-50);box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.app-download-page{min-height:80vh}.app-download-hero,.app-download-page{padding:3rem 0;padding:var(--spacing-6) 0}.app-download-hero{margin-bottom:4rem;margin-bottom:var(--spacing-8);text-align:center}.app-download-subtitle{color:#5a6268;color:var(--color-neutral-medium);font-size:1.25rem;font-size:var(--font-size-xl);line-height:1.5;margin-left:auto;margin-right:auto;margin-top:1rem;margin-top:var(--spacing-2);max-width:600px}.app-download-content{margin:0 auto;max-width:900px}.pwa-info{grid-gap:2rem;grid-gap:var(--spacing-4);display:grid;gap:2rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem;margin-bottom:var(--spacing-8)}.pwa-feature{background-color:#fafaf9;background-color:var(--color-gray-50);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-4);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.pwa-feature:hover{box-shadow:0 4px 6px -1px #222d311a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pwa-icon{display:block;font-size:2rem}.pwa-feature h3,.pwa-icon{margin-bottom:1rem;margin-bottom:var(--spacing-2)}.pwa-feature h3{color:#222d31;color:var(--color-neutral);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.pwa-feature p{color:#5a6268;color:var(--color-neutral-medium);line-height:1.5}.install-section{background-color:#fafaf9;background-color:var(--color-gray-50);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:4rem;margin-bottom:var(--spacing-8);padding:3rem;padding:var(--spacing-6)}.install-section h2{color:#222d31;color:var(--color-neutral);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:2rem;margin-bottom:var(--spacing-4);text-align:center}.install-options{grid-gap:2.5rem;grid-gap:var(--spacing-5);display:grid;gap:2.5rem;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-6)}.install-option{background-color:#f7f7f5;background-color:var(--color-white);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:2rem;padding:var(--spacing-4)}.install-option h3{color:#222d31;color:var(--color-neutral);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--spacing-3)}.install-option ol{color:#5a6268;color:var(--color-neutral-medium);padding-left:1.5rem;padding-left:var(--spacing-3)}.install-option li{line-height:1.5;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.install-prompt-section{background-color:#f7f7f5;background-color:var(--color-white);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:.75rem;border-radius:var(--radius-lg);padding:2.5rem;padding:var(--spacing-5);text-align:center}.install-btn{font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-3);padding:1.5rem 3rem;padding:var(--spacing-3) var(--spacing-6)}.install-note{color:#5a6268;color:var(--color-neutral-medium);font-size:.875rem;font-size:var(--font-size-sm);font-style:italic;margin:0}.app-benefits{margin-bottom:4rem;margin-bottom:var(--spacing-8)}.app-benefits h2{color:#222d31;color:var(--color-neutral);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:2rem;margin-bottom:var(--spacing-4);text-align:center}.benefits-grid{grid-gap:2rem;grid-gap:var(--spacing-4);display:grid;gap:2rem;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.benefit-item{padding:1.5rem;padding:var(--spacing-3);text-align:center}.benefit-item h4{color:#222d31;color:var(--color-neutral);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-1)}.benefit-item p{color:#5a6268;color:var(--color-neutral-medium);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.4}.app-demo{margin-bottom:4rem;margin-bottom:var(--spacing-8);text-align:center}.app-demo h2{color:#222d31;color:var(--color-neutral);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:2rem;margin-bottom:var(--spacing-4)}.demo-screenshots{align-items:center;display:flex;justify-content:center}.screenshot-placeholder{background-color:#fafaf9;background-color:var(--color-gray-50);border:1px solid #e4e4e1;border:1px solid var(--color-gray-200);border-radius:1rem;border-radius:var(--radius-xl);padding:2.5rem;padding:var(--spacing-5)}.phone-frame{background-color:#222d31;background-color:var(--color-neutral);border-radius:24px;box-shadow:0 10px 15px -3px #222d311a;box-shadow:var(--shadow-lg);height:500px;padding:16px;width:280px}.phone-screen{background-color:#f7f7f5;background-color:var(--color-white);border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1.5rem;padding:var(--spacing-3);width:100%}.demo-header{border-bottom:1px solid #e4e4e1;border-bottom:1px solid var(--color-gray-200);margin-bottom:1.5rem;margin-bottom:var(--spacing-3);padding:1rem 0;padding:var(--spacing-2) 0;text-align:center}.demo-logo{color:#b7c7b0;color:var(--color-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;letter-spacing:.05em}.demo-content{flex:1 1;flex-direction:column}.demo-content,.demo-habit{display:flex;gap:1rem;gap:var(--spacing-2)}.demo-habit{align-items:center;background-color:#fafaf9;background-color:var(--color-gray-50);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--font-size-sm);padding:1rem;padding:var(--spacing-2)}.demo-checkbox{border:2px solid #d6d6d3;border:2px solid var(--color-gray-300);border-radius:.25rem;border-radius:var(--radius-sm);flex-shrink:0;height:16px;position:relative;width:16px}.demo-checkbox.checked{background-color:#b7c7b0;background-color:var(--color-primary);border-color:#b7c7b0;border-color:var(--color-primary)}.demo-checkbox.checked:after{color:#fff;content:"✓";font-size:10px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.demo-habit span{color:#222d31;color:var(--color-neutral);flex:1 1;font-weight:500}.demo-streak{color:#5a6268;color:var(--color-neutral-medium);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600}.app-cta{background:linear-gradient(135deg,#c8d5c1,#b7c7b0);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));border-radius:1rem;border-radius:var(--radius-xl);padding:3rem;padding:var(--spacing-6);text-align:center}.app-cta h2{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-2)}.app-cta p{color:#ffffffe6;font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2rem;margin-bottom:var(--spacing-4)}.app-cta .btn-primary{background:#fff;border:none;color:#b7c7b0;color:var(--color-primary)}.app-cta .btn-primary:hover{background:#f1f1ef;background:var(--color-gray-100);transform:translateY(-1px)}.banner-ad{background-color:#fafaf9;background-color:var(--color-gray-50);border-bottom:1px solid #e4e4e1;border-bottom:1px solid var(--color-gray-200);border-top:1px solid #e4e4e1;border-top:1px solid var(--color-gray-200);padding:2rem 0;padding:var(--spacing-4) 0}.ad-placeholder{align-items:center;background-color:#f7f7f5;background-color:var(--color-white);border:2px dashed #d6d6d3;border:2px dashed var(--color-gray-300);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:728px;min-height:120px;padding:2rem;padding:var(--spacing-4)}.ad-label{color:#8a9096;color:var(--color-neutral-muted);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--spacing-1);text-transform:uppercase}.ad-content{background-color:#f1f1ef;background-color:var(--color-gray-100);border-radius:.5rem;border-radius:var(--radius-md);color:#5a6268;color:var(--color-neutral-medium);font-family:monospace;font-size:.875rem;font-size:var(--font-size-sm);padding:1rem;padding:var(--spacing-2);text-align:center}@media (max-width:768px){.hero{gap:2.5rem;gap:var(--spacing-5);grid-template-columns:1fr;padding:3rem 1.5rem;padding:var(--spacing-6) var(--spacing-3);text-align:center}.hero-title{font-size:1.875rem;font-size:var(--font-size-3xl)}.hero-description{font-size:1rem;font-size:var(--font-size-base)}.hero-actions{justify-content:center}.nav{padding:1rem 1.5rem;padding:var(--spacing-2) var(--spacing-3)}.nav-menu{gap:.5rem;gap:var(--spacing-1)}.logo-header{height:40px;max-width:160px}.nav-button{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem;padding:var(--spacing-1)}.logo-minimal{height:80px;max-width:300px}.features-grid,.philosophy-principles{grid-template-columns:1fr}.philosophy-principles{gap:1.5rem;gap:var(--spacing-3)}.footer-content{flex-direction:column;gap:2rem;gap:var(--spacing-4);text-align:center}.footer-links{justify-content:center}.cta-title,.section-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.dashboard-title{font-size:1.875rem;font-size:var(--font-size-3xl)}.add-habit-form{flex-direction:column;max-width:100%}.upgrade-content{align-items:flex-start;flex-direction:column;gap:1.5rem;gap:var(--spacing-3)}.upgrade-actions{align-self:stretch;justify-content:space-between}.upgrade-btn{flex:1 1}.habit-card{padding:1.5rem;padding:var(--spacing-3)}.habit-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-2)}.habit-actions{align-self:flex-end}.habit-name{font-size:1rem;font-size:var(--font-size-base)}.day-checkbox{height:32px;width:32px}.day-header{font-size:10px}.page-title{font-size:1.875rem;font-size:var(--font-size-3xl)}.modal-content{padding:2rem;padding:var(--spacing-4);width:95%}.modal-actions{flex-direction:column}.modal-actions .btn-primary,.modal-actions .btn-secondary{width:100%}.settings-item{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-2)}.settings-item-info{width:100%}.btn-danger,.btn-secondary,.theme-toggle-large,.toggle-switch{align-self:flex-end}.btn-premium{font-size:.875rem;font-size:var(--font-size-sm);padding:1rem 1.5rem;padding:var(--spacing-2) var(--spacing-3)}.ad-placeholder{max-width:100%;min-height:100px;padding:1.5rem;padding:var(--spacing-3)}.ad-content{font-size:.75rem;font-size:var(--font-size-xs)}.install-options,.pwa-info{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.phone-frame{height:420px;width:240px}}@media (max-width:480px){.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%}.benefits-grid{grid-template-columns:1fr}.phone-frame{height:360px;width:200px}}.premium-badge{background:linear-gradient(135deg,#b7c7b0,var(--color-secondary));background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #222d310d;box-shadow:var(--shadow-sm);color:#f7f7f5;color:var(--color-white);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-left:1rem;margin-left:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-1) var(--spacing-2)}.dashboard-title,.premium-badge{align-items:center;gap:.5rem;gap:var(--spacing-1)}.dashboard-title{display:flex;flex-wrap:wrap}.payment-checkout-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:3000}.payment-checkout-modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.checkout-close{background:none;border:none;border-radius:var(--radius-md);color:var(--color-neutral-medium);cursor:pointer;padding:var(--spacing-1);position:absolute;right:var(--spacing-3);top:var(--spacing-3);transition:all .2s ease;z-index:1}.checkout-close:hover{background:var(--color-gray-100);color:var(--color-neutral)}.payment-checkout-content{padding:var(--spacing-6)}.checkout-header{margin-bottom:var(--spacing-6);text-align:center}.checkout-title-section{align-items:center;display:flex;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-2)}.checkout-title-section h2{color:var(--color-neutral);font-size:var(--font-size-2xl);font-weight:600;margin:0}.checkout-subtitle{color:var(--color-neutral-medium);font-size:var(--font-size-lg);margin:0 auto;max-width:600px}.pricing-plans{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-6)}.pricing-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-5);position:relative;transition:all .3s ease}.pricing-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card.selected{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-lg);color:var(--color-white)}.pricing-card.recommended{border-color:var(--color-accent)}.plan-badge{align-items:center;background:var(--color-accent);border-radius:var(--radius-full);color:var(--color-white);display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-1);left:50%;padding:var(--spacing-1) var(--spacing-3);position:absolute;top:-10px;transform:translateX(-50%)}.plan-header{margin-bottom:var(--spacing-4);text-align:center}.plan-name{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-2) 0}.plan-price{align-items:baseline;display:flex;gap:var(--spacing-1);justify-content:center}.price-amount{font-size:var(--font-size-3xl);font-weight:700}.price-period{font-size:var(--font-size-lg);opacity:.8}.plan-savings{background:var(--color-accent);border-radius:var(--radius-md);color:var(--color-white);display:inline-block;font-size:var(--font-size-sm);font-weight:600;margin-top:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2)}.plan-features{flex-direction:column;margin-bottom:var(--spacing-4)}.feature-item,.plan-features{display:flex;gap:var(--spacing-2)}.feature-item{align-items:center;font-size:var(--font-size-base)}.feature-item svg{color:var(--color-success);flex-shrink:0}.pricing-card.selected .feature-item svg{color:var(--color-white)}.plan-selection-indicator{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:var(--spacing-3);top:var(--spacing-3);transition:opacity .2s ease;width:24px}.pricing-card.selected .plan-selection-indicator{opacity:1}.checkout-actions{display:flex;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-4)}.checkout-btn{font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-3) var(--spacing-6)}.checkout-btn,.checkout-error{align-items:center;display:flex;gap:var(--spacing-2)}.checkout-error{background:var(--color-error-bg);border-radius:var(--radius-md);color:var(--color-error);justify-content:center;margin-bottom:var(--spacing-4);padding:var(--spacing-3);text-align:center}.checkout-security{align-items:center;color:var(--color-neutral-medium);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);justify-content:center}.payment-processing{padding:var(--spacing-8);text-align:center}.processing-spinner{margin-bottom:var(--spacing-4)}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-gray-200);border:4px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);height:50px;margin:0 auto;width:50px}.payment-processing h3{color:var(--color-neutral);font-size:var(--font-size-xl);margin:0 0 var(--spacing-2) 0}.payment-processing p{color:var(--color-neutral-medium);margin:0}.payment-success{padding:var(--spacing-8);text-align:center}.success-icon{align-items:center;background:var(--color-success);border-radius:50%;color:var(--color-white);display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-4) auto;width:80px}.payment-success h3{color:var(--color-neutral);font-size:var(--font-size-2xl);margin:0 0 var(--spacing-2) 0}.payment-success p{color:var(--color-neutral-medium);font-size:var(--font-size-lg);margin:0 0 var(--spacing-4) 0}.success-features{display:flex;flex-direction:column;gap:var(--spacing-2);margin:0 auto;max-width:300px}.success-feature{align-items:center;color:var(--color-neutral-medium);display:flex;gap:var(--spacing-2)}.success-feature svg{color:var(--color-success)}.payment-result-container{align-items:center;background:linear-gradient(135deg,var(--color-background),var(--color-gray-50));display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.payment-result-content{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;padding:var(--spacing-8);text-align:center;width:100%}.result-icon{align-items:center;border-radius:50%;color:var(--color-white);display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-4) auto;width:80px}.result-icon.success{background:var(--color-success)}.result-icon.error{background:var(--color-error)}.result-icon.cancelled{background:var(--color-warning)}.payment-result-content h2{color:var(--color-neutral);font-size:var(--font-size-2xl);margin:0 0 var(--spacing-3) 0}.payment-result-content p{color:var(--color-neutral-medium);font-size:var(--font-size-lg);line-height:1.6;margin:0 0 var(--spacing-4) 0}.payment-details{background:var(--color-gray-50);border-radius:var(--radius-lg);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.detail-item{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--spacing-2) 0}.detail-item:last-child{border-bottom:none}.detail-label{color:var(--color-neutral-medium);font-weight:500}.detail-value{color:var(--color-neutral);font-weight:600}.premium-features-unlocked{margin:var(--spacing-6) 0}.premium-features-unlocked h3{align-items:center;display:flex;font-size:var(--font-size-lg);gap:var(--spacing-2);justify-content:center;margin:0 0 var(--spacing-4) 0}.features-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin:0 auto;max-width:400px}.verification-loading{padding:var(--spacing-8);text-align:center}.verification-loading h2{color:var(--color-neutral);font-size:var(--font-size-xl);margin:var(--spacing-4) 0 var(--spacing-2) 0}.verification-loading p{color:var(--color-neutral-medium);margin:0}.cancellation-info{background:var(--color-gray-50);border-radius:var(--radius-lg);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.cancellation-info p{color:var(--color-neutral-medium);margin:0}.result-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.app.dark .payment-checkout-modal,.app.dark .payment-result-content{background:var(--color-dark-surface);color:var(--color-dark-text)}.app.dark .checkout-title-section h2,.app.dark .payment-result-content h2,.app.dark .plan-name{color:var(--color-dark-text)}.app.dark .checkout-subtitle,.app.dark .payment-result-content p{color:var(--color-dark-text-secondary)}.app.dark .pricing-card{background:var(--color-dark-surface);border-color:var(--color-dark-border);color:var(--color-dark-text)}.app.dark .pricing-card:hover{border-color:var(--color-primary)}.app.dark .cancellation-info,.app.dark .payment-details{background:var(--color-dark-background)}@media (max-width:768px){.payment-checkout-overlay{padding:var(--spacing-2)}.payment-checkout-content,.payment-result-content{padding:var(--spacing-4)}.pricing-plans{gap:var(--spacing-3);grid-template-columns:1fr}.checkout-actions,.result-actions{align-items:stretch;flex-direction:column}.checkout-btn{justify-content:center;width:100%}}.premium-feature{border-radius:var(--radius-lg);overflow:hidden;position:relative}.premium-content{filter:blur(1px);opacity:.6;pointer-events:none;position:relative}.premium-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.premium-overlay-content{color:var(--color-white);max-width:300px;padding:var(--spacing-4);text-align:center}.premium-icon{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-3) auto;width:48px}.premium-title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-2) 0}.premium-description{line-height:1.4;margin:0 0 var(--spacing-4) 0;opacity:.9}.premium-unlock{font-weight:600;padding:var(--spacing-2) var(--spacing-4)}.premium-feature-mini,.premium-unlock{align-items:center;display:flex;gap:var(--spacing-2)}.premium-feature-mini{position:relative}.premium-content-mini{filter:grayscale(100%);flex:1 1;opacity:.5;position:relative}.premium-overlay-mini{border-radius:50%;font-size:10px;height:20px;justify-content:center;position:absolute;right:2px;top:2px;width:20px}.premium-overlay-mini,.premium-unlock-mini{align-items:center;background:var(--color-primary);color:var(--color-white);display:flex}.premium-unlock-mini{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);transition:all .2s ease}.premium-unlock-mini:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.premium-hint{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);margin:var(--spacing-2) 0;padding:var(--spacing-2) var(--spacing-3)}.premium-hint-content{align-items:center;color:var(--color-white);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.premium-hint-text{flex:1 1;font-weight:500}.premium-hint-button{background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-2);transition:all .2s ease}.premium-hint-button:hover{background:#ffffff4d;transform:translateY(-1px)}.premium-feature-list{background:var(--color-gray-50);border-radius:var(--radius-lg);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.premium-feature-list-header{align-items:center;color:var(--color-primary);display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.premium-feature-list-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0}.premium-features{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.premium-feature-item{align-items:center;color:var(--color-neutral-medium);display:flex;font-size:var(--font-size-base);gap:var(--spacing-2)}.premium-feature-item svg{color:var(--color-primary);flex-shrink:0}.premium-banner{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);margin:var(--spacing-4) 0;overflow:hidden;padding:var(--spacing-4);position:relative}.premium-banner:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.premium-banner-content{align-items:center;display:flex;gap:var(--spacing-3);position:relative;z-index:1}.premium-banner-icon{align-items:center;background:#fff3;border-radius:50%;color:var(--color-white);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.premium-banner-text{color:var(--color-white);flex:1 1}.premium-banner-text h3{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-1) 0}.premium-banner-text p{font-size:var(--font-size-sm);margin:0;opacity:.9}.premium-banner-upgrade{align-items:center;background:var(--color-white);border:none;border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;font-weight:600;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease}.premium-banner-upgrade:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.premium-banner-dismiss{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;opacity:.7;padding:var(--spacing-1);position:absolute;right:var(--spacing-2);top:var(--spacing-2);transition:opacity .2s ease}.premium-banner-dismiss:hover{background:#ffffff1a;opacity:1}.premium-banner-compact{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);margin:var(--spacing-2) 0;padding:var(--spacing-2) var(--spacing-3);position:relative}.premium-banner-content-compact{align-items:center;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2)}.premium-banner-content-compact span{flex:1 1}.premium-banner-upgrade-compact{background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-sm);color:var(--color-white);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-2);transition:all .2s ease}.premium-banner-upgrade-compact:hover{background:#ffffff4d}.premium-counter{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin:var(--spacing-2) 0;padding:var(--spacing-3)}.premium-counter.at-limit{background:linear-gradient(135deg,var(--color-white),var(--color-primary-light));border-color:var(--color-primary)}.premium-counter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.premium-counter-label{color:var(--color-neutral);font-weight:500}.premium-counter-value{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600}.premium-counter-bar{background:var(--color-gray-200);border-radius:var(--radius-full);height:6px;margin-bottom:var(--spacing-2);overflow:hidden}.premium-counter-fill{background:linear-gradient(90deg,var(--color-success),var(--color-primary));height:100%;transition:width .3s ease}.premium-counter.at-limit .premium-counter-fill{background:linear-gradient(90deg,var(--color-warning),var(--color-primary))}.premium-counter-upgrade{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-2)}.premium-counter-button{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.premium-counter-button:hover{box-shadow:var(--shadow-md);transform:scale(1.1)}.pwa-upgrade-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-4);position:fixed;right:0;top:0;z-index:4000}.pwa-upgrade-modal{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.pwa-upgrade-close{background:none;border:none;border-radius:var(--radius-md);color:var(--color-neutral-medium);cursor:pointer;padding:var(--spacing-1);position:absolute;right:var(--spacing-3);top:var(--spacing-3);transition:all .2s ease;z-index:1}.pwa-upgrade-close:hover{background:var(--color-gray-100);color:var(--color-neutral)}.pwa-upgrade-steps{display:flex;gap:var(--spacing-1);justify-content:center;padding:var(--spacing-3) var(--spacing-6) 0}.pwa-step-indicator{background:var(--color-gray-300);border-radius:50%;height:8px;transition:all .3s ease;width:8px}.pwa-step-indicator.active{background:var(--color-primary);transform:scale(1.2)}.pwa-upgrade-content{padding:var(--spacing-6)}.pwa-upgrade-header{margin-bottom:var(--spacing-6);text-align:center}.pwa-upgrade-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;color:var(--color-white);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-3) auto;width:64px}.pwa-upgrade-header h2{color:var(--color-neutral);font-size:var(--font-size-2xl);margin:0 0 var(--spacing-2) 0}.pwa-upgrade-header p{color:var(--color-neutral-medium);font-size:var(--font-size-lg);margin:0}.pwa-upgrade-features{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.pwa-feature-item{align-items:center;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);position:relative;transition:all .2s ease}.pwa-feature-item.highlighted{background:linear-gradient(135deg,var(--color-white),var(--color-primary-light));border-color:var(--color-primary)}.pwa-feature-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.pwa-feature-content h3{color:var(--color-neutral);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-1) 0}.pwa-feature-content p{color:var(--color-neutral-medium);font-size:var(--font-size-sm);line-height:1.4;margin:0}.pwa-feature-badge{align-items:center;background:var(--color-accent);border-radius:50%;color:var(--color-white);display:flex;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px}.pwa-upgrade-pricing{margin-bottom:var(--spacing-6);text-align:center}.pwa-price-card{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);color:var(--color-white);display:inline-block;padding:var(--spacing-4)}.pwa-price-header{align-items:baseline;display:flex;gap:var(--spacing-1);justify-content:center;margin-bottom:var(--spacing-1)}.pwa-price-amount{font-size:var(--font-size-3xl);font-weight:700}.pwa-price-period{font-size:var(--font-size-lg);opacity:.8}.pwa-price-note{font-size:var(--font-size-sm);opacity:.8}.pwa-upgrade-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}.pwa-upgrade-primary{font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-3) var(--spacing-6)}.pwa-upgrade-note,.pwa-upgrade-primary{align-items:center;display:flex;gap:var(--spacing-2);justify-content:center}.pwa-upgrade-note{background:var(--color-success-light);border-radius:var(--radius-md);color:var(--color-success-dark);font-size:var(--font-size-sm);margin-top:var(--spacing-4);padding:var(--spacing-2)}.pwa-note-icon{color:var(--color-success)}.pwa-instructions{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.pwa-instruction-step{align-items:flex-start;display:flex;gap:var(--spacing-3)}.pwa-step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.pwa-step-content h3{color:var(--color-neutral);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-1) 0}.pwa-step-content p{color:var(--color-neutral-medium);font-size:var(--font-size-sm);line-height:1.4;margin:0}.pwa-contact-options{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.pwa-contact-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center}.pwa-contact-item h3{color:var(--color-neutral);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-2) 0}.pwa-contact-item p{color:var(--color-neutral-medium);line-height:1.4;margin:0 0 var(--spacing-3) 0}.app.dark .premium-counter,.app.dark .premium-feature-list{background:var(--color-dark-surface);border-color:var(--color-dark-border);color:var(--color-dark-text)}.app.dark .pwa-upgrade-modal{background:var(--color-dark-surface)}.app.dark .pwa-contact-item h3,.app.dark .pwa-feature-content h3,.app.dark .pwa-step-content h3,.app.dark .pwa-upgrade-header h2{color:var(--color-dark-text)}.app.dark .pwa-contact-item p,.app.dark .pwa-feature-content p,.app.dark .pwa-step-content p,.app.dark .pwa-upgrade-header p{color:var(--color-dark-text-secondary)}.app.dark .pwa-contact-item,.app.dark .pwa-feature-item{background:var(--color-dark-background);border-color:var(--color-dark-border)}.premium-analytics-section{margin:var(--spacing-4) 0}.analytics-preview{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4)}.analytics-chart{margin-bottom:var(--spacing-4)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.chart-header h3{color:var(--color-neutral);font-size:var(--font-size-lg);font-weight:600;margin:0}.chart-percentage{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700}.chart-bars{align-items:end;display:flex;gap:var(--spacing-2);height:120px;padding:0 var(--spacing-2)}.chart-bar{animation:chartGrow 1s ease-out;background:linear-gradient(to top,var(--color-primary),var(--color-secondary));border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1 1;min-height:20px}@keyframes chartGrow{0%{height:0}to{height:inherit}}.analytics-stats{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(3,1fr)}.stat-item{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-2);text-align:center}.stat-number{color:var(--color-primary);display:block;font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-1)}.stat-label{color:var(--color-neutral-medium);font-size:var(--font-size-sm);font-weight:500}.premium-status-section{background:linear-gradient(135deg,var(--color-primary-light),var(--color-secondary-light));border:1px solid var(--color-primary)}.premium-status-badge{background:var(--color-success);color:var(--color-white);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3)}.premium-status-info p{color:var(--color-neutral-medium);line-height:1.5;margin:0 0 var(--spacing-4) 0}.premium-features-unlocked h3{color:var(--color-neutral);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-3) 0}.unlocked-features{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);grid-template-columns:repeat(2,1fr)}.unlocked-feature{align-items:center;color:var(--color-neutral-medium);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2)}.unlocked-feature svg{color:var(--color-success);flex-shrink:0}.premium-celebrations,.premium-notifications{margin:var(--spacing-3) 0}.premium-feature input:disabled{cursor:not-allowed;opacity:.5}.premium-feature .toggle-slider{opacity:.5}@media (max-width:768px){.pwa-upgrade-overlay{padding:var(--spacing-2)}.pwa-upgrade-content{padding:var(--spacing-4)}.premium-banner-content{flex-direction:column;gap:var(--spacing-2);text-align:center}.premium-banner-upgrade{align-self:stretch;justify-content:center}.pwa-upgrade-actions{align-items:stretch}.pwa-upgrade-primary{width:100%}}.auth-modal{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:400px;overflow-y:auto;position:relative;width:90%}.dark .auth-modal{background:var(--color-surface);border:1px solid var(--color-border)}.auth-header{border-bottom:1px solid var(--color-border);padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);position:relative;text-align:center}.auth-icon{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-neutral);display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-3);width:48px}.auth-title{color:var(--color-text);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-1)}.auth-subtitle{font-size:var(--font-size-sm);margin:0}.auth-close,.auth-subtitle{color:var(--color-text-secondary)}.auth-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;padding:var(--spacing-1);position:absolute;right:var(--spacing-4);top:var(--spacing-4);transition:all .2s ease;width:32px}.auth-close:hover{background:var(--color-hover);color:var(--color-text)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}.auth-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-3)}.dark .auth-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.auth-field{flex-direction:column}.auth-field,.auth-label{display:flex;gap:var(--spacing-2)}.auth-label{align-items:center;color:var(--color-text);font-size:var(--font-size-sm);font-weight:500}.auth-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text);font-size:var(--font-size-base);padding:var(--spacing-3);transition:all .2s ease;width:100%}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.auth-input:disabled{cursor:not-allowed;opacity:.6}.auth-input::placeholder{color:var(--color-text-tertiary)}.auth-password-field{align-items:center;display:flex;position:relative}.auth-password-field .auth-input{padding-right:48px}.auth-password-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-1);position:absolute;right:var(--spacing-3);transition:all .2s ease}.auth-password-toggle:hover{background:var(--color-hover);color:var(--color-text)}.auth-password-toggle:disabled{cursor:not-allowed;opacity:.6}.auth-submit{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-neutral);cursor:pointer;font-size:var(--font-size-base);font-weight:500;margin-top:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease}.auth-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-switch{border-top:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-6);text-align:center}.auth-switch p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.auth-switch-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;margin-left:var(--spacing-1);padding:var(--spacing-1);transition:all .2s ease}.auth-switch-btn:hover:not(:disabled){background:var(--color-primary-light);color:var(--color-primary-dark)}.auth-switch-btn:disabled{cursor:not-allowed;opacity:.6}.auth-privacy-note{padding:0 var(--spacing-6) var(--spacing-6)}.auth-privacy-note p{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:1.4;margin:0;text-align:center}@media (max-width:480px){.auth-modal{max-height:95vh;width:95%}.auth-form,.auth-header,.auth-privacy-note,.auth-switch{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.auth-title{font-size:var(--font-size-lg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-modal{animation:slideIn .3s ease-out}.auth-submit:disabled{position:relative}.auth-submit:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-nav-button{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-1)}.auth-nav-button:hover{color:var(--color-primary)}.dashboard-auth-section{margin:var(--spacing-6) 0}.auth-welcome-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-neutral);overflow:hidden;padding:var(--spacing-6);position:relative}.auth-welcome-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:200px}.auth-welcome-content{align-items:center;display:flex;gap:var(--spacing-4);position:relative;z-index:1}.auth-welcome-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--radius-full);flex-shrink:0;padding:var(--spacing-3)}.auth-welcome-text{flex:1 1}.auth-welcome-title{color:var(--color-neutral);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-2)}.auth-welcome-description{font-size:var(--font-size-sm);line-height:1.5;margin:0;opacity:.9}.auth-welcome-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-2)}.auth-cta-btn{align-items:center;background:var(--color-neutral);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;color:var(--color-primary);display:flex;font-weight:600;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease;white-space:nowrap}.auth-cta-btn:hover{background:#f8f9fa;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.auth-privacy-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-1);opacity:.8;padding:var(--spacing-1) var(--spacing-2)}.auth-status-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.dark .auth-status-card{background:var(--color-surface);border-color:var(--color-border)}.auth-status-content{align-items:center;display:flex;gap:var(--spacing-3)}.auth-status-icon{flex-shrink:0}.user-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-neutral);display:flex;height:48px;justify-content:center;width:48px}.auth-status-info{flex:1 1}.auth-status-title{color:var(--color-text);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-1)}.auth-status-email{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-1)}.premium-status-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:var(--radius-full);color:#8b5a00;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.auth-status-actions{flex-shrink:0}.settings-link{border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all .2s ease}.settings-link:hover{background:var(--color-primary-light);border-color:var(--color-primary)}@media (max-width:768px){.auth-welcome-content{flex-direction:column;gap:var(--spacing-3);text-align:center}.auth-welcome-actions{align-items:center;width:100%}.auth-cta-btn{justify-content:center;width:100%}.auth-status-content{flex-direction:column;gap:var(--spacing-2);text-align:center}.auth-status-actions{width:100%}.settings-link{display:block;text-align:center;width:100%}}@media (max-width:480px){.auth-welcome-card{padding:var(--spacing-4)}.auth-welcome-title{font-size:var(--font-size-base)}.auth-welcome-description{font-size:var(--font-size-xs)}.user-avatar{height:40px;width:40px}}.empty-state-content{padding:var(--spacing-6);text-align:center}.empty-state-icon{color:var(--color-text-tertiary);margin:0 auto var(--spacing-4)}.empty-state-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-2)}.empty-state-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6;margin:0 0 var(--spacing-4)}.auth-suggestion{color:var(--color-primary);font-weight:500}.empty-state-auth-btn{align-items:center;display:inline-flex;gap:var(--spacing-2);margin-top:var(--spacing-2)}.dashboard-badges{align-items:center;display:flex;gap:var(--spacing-2);margin-left:var(--spacing-3)}.sync-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);transition:all .2s ease}.sync-synced{background:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.sync-syncing{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.sync-error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.dark .sync-synced{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.dark .sync-syncing{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.dark .sync-error{background:#ef444426;border-color:#ef44444d;color:#f87171}.sync-spinner{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:12px;width:12px}@media (max-width:768px){.dashboard-badges{align-items:flex-start;flex-direction:column;gap:var(--spacing-1);margin-left:0;margin-top:var(--spacing-1)}}@media (max-width:480px){.dashboard-badges{flex-direction:row;flex-wrap:wrap}.premium-badge,.sync-badge{font-size:var(--font-size-xs);padding:2px var(--spacing-1)}}.auth-benefit-text{color:var(--color-primary);font-size:var(--font-size-sm);line-height:1.5}.auth-benefit-text strong{font-weight:600}.upgrade-auth-flow{align-items:stretch;display:flex;flex-direction:column;gap:var(--spacing-2)}.upgrade-auth-flow .btn-premium{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3)}@media (max-width:480px){.upgrade-auth-flow{width:100%}}.coming-soon-page{align-items:center;background-color:var(--color-white);color:var(--color-neutral);display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:var(--spacing-4);transition:background-color .3s ease,color .3s ease}.coming-soon-container{max-width:800px;text-align:center;width:100%}.coming-soon-content{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-8) var(--spacing-6)}.logo-section{margin-bottom:var(--spacing-6)}.logo-main{height:72px;max-width:320px;object-fit:contain;width:auto}.coming-soon-hero{margin-bottom:var(--spacing-8)}.coming-soon-title{color:var(--color-neutral);font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-3)}.title-accent{color:var(--color-primary)}.coming-soon-description{color:var(--color-neutral-medium);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-5);margin-left:auto;margin-right:auto;max-width:600px}.features-preview{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-8)}.feature-preview{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-4);transition:transform .2s ease,box-shadow .2s ease}.feature-preview:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{align-items:center;background-color:var(--color-primary);border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-2);width:48px}.feature-preview h3{color:var(--color-neutral);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-1)}.feature-preview p{color:var(--color-neutral-medium);font-size:var(--font-size-sm);margin:0}.launch-info{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--spacing-6);padding:var(--spacing-3)}.launch-item{align-items:center;display:flex;font-size:var(--font-size-base);font-weight:500;gap:var(--spacing-2);justify-content:center}.notify-section{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-5)}.notify-section h3{color:var(--color-neutral);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-1)}.notify-section p{color:var(--color-neutral-medium);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.email-form{display:flex;gap:var(--spacing-2);margin:0 auto;max-width:400px}.email-input{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);color:var(--color-neutral);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);transition:border-color .2s ease}.email-input:focus{border-color:var(--color-primary);outline:none}.email-input::placeholder{color:var(--color-neutral-muted)}.notify-btn{background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-2) var(--spacing-4);transition:all .2s ease;white-space:nowrap}.notify-btn:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.coming-soon-footer{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-4)}.footer-text{color:var(--color-neutral-medium);font-size:var(--font-size-sm);font-style:italic;margin:0}.dark .coming-soon-page{background-color:var(--color-white)}.dark .coming-soon-content{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}.dark .email-input,.dark .feature-preview,.dark .notify-section{background-color:var(--color-white);border-color:var(--color-gray-200)}.dark .email-input{color:var(--color-neutral)}.dark .email-input::placeholder{color:var(--color-neutral-muted)}@media (max-width:768px){.coming-soon-content{padding:var(--spacing-6) var(--spacing-4)}.coming-soon-title{font-size:var(--font-size-3xl)}.coming-soon-description{font-size:var(--font-size-base)}.features-preview{gap:var(--spacing-3);grid-template-columns:1fr}.logo-main{height:56px;max-width:280px}.email-form{flex-direction:column;max-width:100%}.notify-btn{width:100%}}@media (max-width:480px){.coming-soon-page{padding:var(--spacing-3)}.coming-soon-content{padding:var(--spacing-5) var(--spacing-3)}.coming-soon-title{font-size:var(--font-size-2xl)}.feature-icon{height:40px;width:40px}.feature-icon svg{height:20px;width:20px}.logo-main{height:48px;max-width:240px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.coming-soon-content,.feature-preview{animation:fadeInUp .6s ease-out}.feature-preview:nth-child(2){animation-delay:.1s}.feature-preview:nth-child(3){animation-delay:.2s}
/*# sourceMappingURL=main.c989139a.css.map*/