@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Plus_Jakarta_Sans_Fallback_646807;src:local("Arial");ascent-override:98.75%;descent-override:21.12%;line-gap-override:0.00%;size-adjust:105.12%}.__className_646807{font-family:__Plus_Jakarta_Sans_646807,__Plus_Jakarta_Sans_Fallback_646807;font-style:normal}.__variable_646807{--font-plus-jakarta-sans:"__Plus_Jakarta_Sans_646807","__Plus_Jakarta_Sans_Fallback_646807"}:root{--color-primary:#2ecc71;--color-secondary:#208f4f;--color-bg:#f1f1f1;--color-card:#fff;--color-card-hover:#eefbf4;--color-active:#e6f9ee;--color-yellow:#ffd21f;--color-yellow-dark:#b39316;--color-red:#ff4b3e;--color-red-dark:#b3352b;--text-primary:#1f2933;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--accent-yellow:var(--color-yellow);--accent-blue:#7dd3fc;--green-bg:var(--color-bg);--green-card:var(--color-card);--green-card-hover:var(--color-card-hover);--green-active:var(--color-active);--green-cta:var(--color-primary);--text-quaternary:var(--text-tertiary)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:var(--color-bg);background-attachment:fixed;min-height:100vh}body,html{position:relative}body{color:var(--text-primary);font-family:var(--font-plus-jakarta-sans),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;z-index:1}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:6px}.container{max-width:420px;margin:0 auto;padding:3rem 1.5rem;position:relative;z-index:1}@media (min-width:1024px){.container{max-width:100%;width:100%;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:flex-start}}@media (min-width:1600px){.container{padding:4rem 5rem}}@media (min-width:2000px){.container{padding:4rem 8rem}}.card{background:var(--green-card);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 4px 20px rgba(6,95,70,.08),0 1px 3px rgba(6,95,70,.1);border:1px solid rgba(6,95,70,.1);position:relative;overflow:hidden;animation:cardEnter .4s ease-out;width:100%}@media (min-width:768px){.card{padding:3.5rem 3rem}}@media (min-width:1024px){.card{padding:4rem 3.5rem}}@media (min-width:1440px){.card{padding:4.5rem 4rem}}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)}@keyframes cardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes routineComplete{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.btn{padding:1.125rem 2.5rem;border:none;border-radius:16px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;max-width:400px;position:relative;overflow:hidden;letter-spacing:.01em}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 6px 20px rgba(46,204,113,.5),0 0 0 1px hsla(0,0%,100%,.3),inset 0 1px 0 hsla(0,0%,100%,.5);font-weight:700;min-height:56px;font-size:1.1rem;letter-spacing:.02em;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(46,204,113,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:400px;height:400px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(46,204,113,.35),0 2px 4px rgba(46,204,113,.25);background:var(--color-secondary)}.btn-primary:active{transform:translateY(-1px) scale(1)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1.5px solid rgba(32,143,79,.2)}.btn-secondary:hover{background:var(--color-card-hover);border-color:rgba(32,143,79,.3);transform:translateY(-1px);box-shadow:0 2px 8px rgba(32,143,79,.1)}.btn-warning{background:var(--color-yellow);color:#1f2933;box-shadow:0 6px 20px rgba(255,210,31,.5),0 0 0 1px hsla(0,0%,100%,.3),inset 0 1px 0 hsla(0,0%,100%,.5);font-weight:700;min-height:56px;font-size:1.1rem;letter-spacing:.02em;position:relative;overflow:hidden}.btn-warning:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,210,31,.15);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-warning:hover:before{width:400px;height:400px}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,210,31,.35),0 2px 4px rgba(255,210,31,.25);background:var(--color-yellow-dark);color:#fff}.btn-warning:active{transform:translateY(-1px) scale(1)}.btn-danger{background:var(--color-red);color:#fff;box-shadow:0 6px 20px rgba(255,75,62,.5),0 0 0 1px hsla(0,0%,100%,.3),inset 0 1px 0 hsla(0,0%,100%,.5);font-weight:700;min-height:56px;font-size:1.1rem;letter-spacing:.02em;position:relative;overflow:hidden}.btn-danger:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,75,62,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-danger:hover:before{width:400px;height:400px}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,75,62,.35),0 2px 4px rgba(255,75,62,.25);background:var(--color-red-dark)}.btn-danger:active{transform:translateY(-1px) scale(1)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:2rem}.text-3xl{font-size:3rem;letter-spacing:-.02em;line-height:1.1}.text-4xl{font-size:4rem;letter-spacing:-.03em;line-height:1}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.05em}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.gap-4{gap:1rem}.space-y-3>*+*{margin-top:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.focus-timer{display:flex;flex-direction:column;align-items:center;justify-content:center}.focus-routine-info{padding:1.25rem 1.5rem;margin-bottom:1.5rem;background:var(--color-card-hover);border:1px solid rgba(6,95,70,.1);border-radius:16px;text-align:center}.focus-routine-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:500;margin-bottom:.375rem}.focus-routine-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.focus-routine-minimum{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}[data-theme=dark] .focus-routine-info{border-color:hsla(0,0%,100%,.08)}.onboarding-card{max-width:480px;margin:0 auto}.onboarding-header{text-align:center;margin-bottom:3rem}.onboarding-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}.onboarding-title-content{display:flex;align-items:center;gap:.875rem;justify-content:center}.onboarding-title-icon{flex-shrink:0;-o-object-fit:contain;object-fit:contain}.onboarding-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;line-height:1.4;color:var(--text-primary)}.onboarding-hint{font-size:.9375rem;line-height:1.5;color:var(--text-secondary);opacity:.8}.onboarding-form{width:100%;display:flex;flex-direction:column;gap:1rem}.onboarding-field{display:flex;flex-direction:column;gap:.75rem}.onboarding-label{font-size:.9375rem;font-weight:500;color:var(--text-secondary);opacity:.9}.onboarding-input{width:100%;padding:1.125rem 1.5rem;border:1.5px solid rgba(32,143,79,.15);border-radius:16px;background:var(--color-card);color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s ease;font-weight:400;box-sizing:border-box}.onboarding-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.onboarding-input::placeholder{color:var(--text-tertiary);font-weight:400}.onboarding-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(46,204,113,.1),0 2px 8px rgba(46,204,113,.08);outline:none}.onboarding-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}.onboarding-type-buttons{display:flex;gap:1rem}.onboarding-type-btn{flex:1;padding:1rem 1.5rem;border:1.5px solid rgba(32,143,79,.2);border-radius:16px;background:var(--color-card);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.onboarding-type-btn:hover{border-color:rgba(32,143,79,.3);background:var(--color-card-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(32,143,79,.1)}.onboarding-type-btn-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(46,204,113,.25),0 2px 4px rgba(46,204,113,.15)}.onboarding-type-btn-active:hover{background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-1px)}.onboarding-submit-btn{width:100%;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;margin-top:.5rem}.onboarding-help-text{text-align:center;font-size:.875rem;color:var(--text-secondary);opacity:.7;margin-top:.5rem}.onboarding-logout{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(32,143,79,.1)}.routine-form .onboarding-input{margin-bottom:1rem}.routine-form .onboarding-input:last-of-type{margin-bottom:0}.status-message{padding:1rem 1.5rem;border-radius:16px;background:var(--green-active);border:1px solid rgba(46,204,113,.2);box-shadow:0 2px 8px rgba(6,95,70,.08);animation:slideIn .4s ease-out;text-align:center}.status-message p{color:var(--text-primary);font-weight:500;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-card{padding:1.5rem;border-radius:16px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);transition:all .3s ease}.task-card:hover{background:hsla(0,0%,100%,.12);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.timer-display{font-size:5rem;font-weight:700;line-height:1;letter-spacing:-.05em;margin-bottom:1rem;background:linear-gradient(135deg,#fff,hsla(0,0%,100%,.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.timer-progress{width:100%;height:8px;background:hsla(0,0%,100%,.15);overflow:hidden;margin-bottom:.75rem}.timer-progress,.timer-progress-bar{border-radius:10px;position:relative}.timer-progress-bar{height:100%;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.9));transition:width 1s linear;box-shadow:0 0 20px hsla(0,0%,100%,.5)}.timer-progress-bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6))}@media (max-width:640px){.container{padding:1.5rem 1rem}.card{padding:2rem 1.5rem;border-radius:24px}.text-4xl{font-size:2.5rem}.text-3xl{font-size:2rem}.timer-display{font-size:3.5rem}.dashboard-header{flex-direction:row;align-items:flex-start;gap:.75rem}.settings-icon{flex-shrink:0;margin-top:.25rem}.routine-item-content{flex-direction:column;align-items:flex-start;gap:1rem}.routine-item-actions{align-self:flex-end}.settings-header{flex-direction:column;align-items:flex-start;gap:.75rem}.routines-list{grid-template-columns:1fr}}@media (max-width:360px){.container{padding:1.25rem .75rem}.card{padding:1.5rem 1rem;border-radius:20px}.routine-card{padding:1.25rem;min-height:110px}.routine-title{font-size:1.2rem}.modal-overlay{padding:.5rem}.modal-body,.modal-header{padding:1.25rem}.history-stats{padding:1.25rem 1rem;gap:1rem}.history-hero-value{font-size:2.25rem}.page-subtitle{margin-bottom:1.25rem}.btn{padding:1rem 1.5rem}.onboarding-input{padding:1rem 1.25rem}}html{scroll-behavior:smooth}::-moz-selection{background:rgba(46,204,113,.25);color:var(--text-primary)}::selection{background:rgba(46,204,113,.25);color:var(--text-primary)}.landing-container{min-height:100vh;position:relative;z-index:1}.hero-section{padding:4rem 0 6rem;position:relative;background:var(--color-bg)}@media (min-width:1024px){.hero-section{padding:6rem 0}}.hero-wrapper{display:flex;flex-direction:column;gap:2.5rem;align-items:center}@media (min-width:1024px){.hero-wrapper{flex-direction:row;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}}.hero-image{width:100%;max-width:420px;order:1}@media (min-width:1024px){.hero-image{flex:0 0 42%;max-width:none;order:0}}.hero-content{text-align:center;max-width:680px;animation:fadeInUp .6s ease-out;order:0}@media (min-width:1024px){.hero-content{flex:1;text-align:left;order:1;max-width:none}}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}@media (min-width:1024px){.hero-title{font-size:3.5rem;margin-bottom:1.25rem}}.hero-description{font-size:1rem;margin-bottom:2.5rem;font-weight:400;line-height:1.6;color:var(--text-secondary);max-width:560px;margin-left:auto;margin-right:auto}@media (min-width:1024px){.hero-description{font-size:1.125rem;margin-bottom:3rem;margin-left:0;margin-right:0;max-width:none}}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width:1024px){.hero-cta{align-items:flex-start}}.hero-cta-subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:400}.features-section{padding:4.5rem 0;position:relative;background:#fff}@media (min-width:1024px){.features-section{padding:3.5rem 0}}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary)}@media (min-width:1024px){.section-title{font-size:2.5rem;margin-bottom:4rem}}.philosophy-section{padding:4.5rem 0;background:var(--color-bg)}@media (min-width:1024px){.philosophy-section{padding:3.5rem 0}}.philosophy-section .section-title{margin-bottom:1rem}@media (min-width:1024px){.philosophy-section .section-title{margin-bottom:1.25rem}}.philosophy-section .cta-description{margin-bottom:0}.cta-section{padding:4.5rem 0;background:var(--color-bg)}@media (min-width:1024px){.cta-section{padding:3.5rem 0}}.cta-content{max-width:560px;margin:0 auto;text-align:center}.cta-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.02em}@media (min-width:1024px){.cta-title{font-size:2.5rem}}.cta-description{font-size:1.125rem;margin:0 auto 2.5rem;font-weight:400;color:var(--text-secondary);line-height:1.6;max-width:520px}@media (min-width:1024px){.cta-description{font-size:1.25rem;margin-bottom:3rem}}.cta-content .cta-description{margin-bottom:2rem}.cta-buttons{margin-bottom:0;display:flex;justify-content:center;align-items:center}.landing-footer{padding:1rem 0;border-top:1px solid rgba(32,143,79,.1);margin-top:0;background:var(--color-bg)}.footer-content{text-align:center}.footer-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.footer-text-content{display:flex;align-items:center;gap:.5rem;justify-content:center}.footer-text-icon{flex-shrink:0;-o-object-fit:contain;object-fit:contain}.footer-subtext{font-size:.8125rem;color:var(--text-secondary);font-weight:400}.footer-credit{font-size:.75rem;color:var(--text-tertiary);font-weight:400;opacity:.9;margin-top:.5rem}.footer-credit a{color:inherit;text-decoration:underline;text-decoration-color:hsla(220,9%,46%,.35);text-underline-offset:2px}.footer-credit a:hover{color:var(--text-secondary)}.hero-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-weight:700;font-size:1.0625rem;color:var(--text-primary)}@media (min-width:1024px){.hero-brand{justify-content:flex-start}}.hero-brand-icon{flex-shrink:0;-o-object-fit:contain;object-fit:contain}.preview-card{background:var(--color-card);border-radius:24px;padding:1.75rem;border:1px solid rgba(32,143,79,.1);box-shadow:0 4px 20px rgba(32,143,79,.08),0 1px 3px rgba(32,143,79,.1);width:100%;max-width:380px;margin:0 auto}.preview-card-header{margin-bottom:1.25rem}.preview-card-label{font-size:.8125rem;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary)}.preview-routine-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.preview-routine{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border-radius:14px;background:var(--color-card-hover);border:1px solid rgba(6,95,70,.08)}.preview-routine-done{background:var(--color-active);border-color:rgba(46,204,113,.25)}.preview-routine-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.preview-routine-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.preview-routine-value{font-size:.8125rem;color:var(--text-secondary)}.preview-routine-check{color:var(--color-primary);flex-shrink:0}.preview-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem}.preview-progress-text{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.preview-progress-track{width:100%;height:5px;border-radius:10px;background:rgba(6,95,70,.08);overflow:hidden}.preview-progress-fill{height:100%;border-radius:10px;background:var(--color-primary)}[data-theme=dark] .preview-card{border-color:hsla(0,0%,100%,.08);box-shadow:0 4px 20px rgba(0,0,0,.4)}[data-theme=dark] .preview-routine{border-color:hsla(0,0%,100%,.06)}[data-theme=dark] .preview-progress-track{background:hsla(0,0%,100%,.08)}.features-section .section-title{margin-bottom:2.5rem}@media (min-width:1024px){.features-section .section-title{margin-bottom:3rem}}.example-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2.5rem}@media (min-width:768px){.example-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.example-card{background:var(--color-card);border-radius:16px;padding:1.75rem 1.25rem;border:1px solid rgba(32,143,79,.1);text-align:center;box-shadow:0 2px 8px rgba(32,143,79,.06),0 1px 2px rgba(32,143,79,.08)}.example-card-title{font-size:.9375rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.example-card-value{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.example-type-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem;flex-wrap:wrap}.example-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:100px;background:var(--color-active);color:var(--color-secondary);font-weight:600;font-size:.9375rem}[data-theme=dark] .example-card{border-color:hsla(0,0%,100%,.07);box-shadow:0 2px 8px rgba(0,0,0,.35)}[data-theme=dark] .example-type-badge{color:var(--color-primary)}.landing-rhythm-demo{display:flex;justify-content:center;margin-top:2rem}.landing-rhythm-demo .day-selector{gap:.625rem}.landing-rhythm-demo .day-btn{width:42px;height:42px;font-size:.875rem}@media (max-width:360px){.landing-rhythm-demo .day-selector{gap:.3rem}.landing-rhythm-demo .day-btn{width:32px;height:32px;font-size:.75rem}}.landing-constancy-section{padding:4.5rem 0;background:#fff}@media (min-width:1024px){.landing-constancy-section{padding:3.5rem 0}}.landing-constancy-section .section-title{margin-bottom:2.5rem}@media (min-width:1024px){.landing-constancy-section .section-title{margin-bottom:3rem}}.landing-history-demo{max-width:560px;margin:0 auto}.landing-streaks-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin:1.25rem 0 .5rem}.landing-streaks-demo{display:flex;flex-direction:column}.landing-streaks-demo .streak-item{padding:.75rem .25rem;background:transparent;border:none;border-bottom:1px solid rgba(6,95,70,.08);border-radius:0;box-shadow:none}.landing-streaks-demo .streak-item:last-child{border-bottom:none}.landing-streaks-demo .streak-item:hover{transform:none;box-shadow:none}.landing-streaks-demo .streak-days{font-size:1.0625rem}[data-theme=dark] .landing-streaks-demo .streak-item{border-bottom-color:hsla(0,0%,100%,.07)}.landing-statement-section{padding:5rem 0;background:var(--color-bg)}@media (min-width:1024px){.landing-statement-section{padding:3.5rem 0}}.statement-card{max-width:640px;margin:0 auto;text-align:center}.statement-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.25rem;line-height:1.2}@media (min-width:1024px){.statement-title{font-size:2.5rem}}.statement-text{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary);max-width:400px;margin:0 auto}.landing-quote-section{padding:3.5rem 0;background:#fff}@media (min-width:1024px){.landing-quote-section{padding:2.5rem 0}}.pull-quote{max-width:640px;margin:0 auto;padding:0 0 0 1.5rem;border-left:3px solid var(--color-primary);text-align:left}.pull-quote-text{font-size:1.25rem;font-weight:600;line-height:1.5;color:var(--text-primary)}@media (min-width:1024px){.pull-quote-text{font-size:1.5rem}}.routines-list{display:grid;grid-template-columns:1fr;gap:1rem;width:100%}@media (min-width:1024px){.routines-list{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1280px){.routines-list{grid-template-columns:repeat(3,1fr);gap:1.75rem}}.routine-card{background:var(--green-card);border-radius:20px;padding:1.75rem;border:1.5px solid rgba(6,95,70,.12);box-shadow:0 2px 12px rgba(6,95,70,.06),0 1px 2px rgba(6,95,70,.08);transition:all .2s ease-out;cursor:pointer;animation:fadeInUp .4s ease-out;width:100%;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}@media (min-width:1024px){.routine-card{padding:1.75rem;min-height:180px}}@media (min-width:1440px){.routine-card{padding:2rem;min-height:200px}}.routine-card:hover{background:var(--color-card-hover);transform:translateY(-2px);box-shadow:0 4px 20px rgba(32,143,79,.12),0 2px 4px rgba(32,143,79,.1);border-color:rgba(32,143,79,.2)}.routine-card:active{transform:translateY(0);box-shadow:0 2px 8px rgba(6,95,70,.1),0 1px 2px rgba(6,95,70,.12)}.routine-card.routine-completed{background:var(--color-active);border-color:rgba(46,204,113,.3)}.routine-card.just-completed{animation:routineComplete .6s ease-out}@keyframes celebration-burst{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(.4);opacity:0}}.routine-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.routine-header .routine-title{flex:1;min-width:0}.routine-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0 0 .75rem;word-break:break-word;letter-spacing:-.01em}@media (min-width:1024px){.routine-title{font-size:1.5rem}}.routine-check{color:var(--color-primary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.routine-value-block{display:flex;flex-direction:column;gap:.2rem;margin-top:.5rem}.routine-value-number{font-size:1.375rem;font-weight:700;color:var(--text-primary);line-height:1.25}.routine-card.routine-completed .routine-value-number{color:var(--color-secondary)}.routine-value-label{font-size:.8125rem;color:var(--text-tertiary);font-weight:500}.routine-action{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(6,95,70,.08);text-align:center}.routine-action-text{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--color-secondary);font-weight:600;font-style:normal;transition:gap .15s ease}.routine-card:hover .routine-action-text{gap:.5rem}[data-theme=dark] .routine-action{border-top-color:hsla(0,0%,100%,.08)}[data-theme=dark] .routine-action-text{color:var(--color-primary)}.day-move-trigger{display:block;margin:.5rem auto 0;padding:.25rem .5rem;background:none;border:none;font-size:.75rem;font-weight:500;color:var(--text-tertiary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.day-move-trigger:hover{color:var(--text-secondary)}.day-move-form{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(6,95,70,.08);flex-direction:column}.day-move-actions,.day-move-form{display:flex;gap:.5rem}.day-move-actions .btn{flex:1;max-width:none;padding:.6rem}.day-move-error{font-size:.8125rem;color:var(--color-red);font-weight:500}[data-theme=dark] .day-move-form{border-top-color:hsla(0,0%,100%,.08)}.day-today-hint{font-size:.8125rem;color:var(--text-tertiary);margin-top:.375rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em;flex:1;min-width:0}.page-title-content{display:flex;align-items:center;gap:.75rem}.page-title-icon{flex-shrink:0;-o-object-fit:contain;object-fit:contain}@media (max-width:480px){.page-title{font-size:1.25rem}.page-title-content{gap:.4rem}.page-title-icon{width:22px;height:22px}}@media (max-width:360px){.page-title{font-size:1.1rem}.page-title-content{gap:.35rem}.page-title-icon{width:20px;height:20px}}@media (min-width:1024px){.page-title{font-size:2rem}.subtitle-text{font-size:1.125rem}.subtitle-hint{font-size:1rem}}.page-subtitle{margin-bottom:2rem;text-align:center}.subtitle-text{font-size:1rem;color:var(--text-secondary);font-weight:500;margin:0 0 .5rem}.subtitle-hint{font-size:.875rem;color:var(--text-tertiary);font-weight:400;margin:0}.today-progress{display:flex;flex-direction:column;align-items:center;gap:.625rem;margin-top:.25rem}.today-progress-hint{display:inline-flex;align-items:center;gap:.375rem;font-size:.9375rem;color:var(--text-secondary);font-weight:500;margin:0}.today-progress-hint.today-progress-done{color:var(--color-secondary);font-weight:600}.today-progress-check{color:var(--color-primary);flex-shrink:0}.today-progress-track{width:100%;max-width:260px;height:5px;border-radius:10px;background:rgba(6,95,70,.08);overflow:hidden}.today-progress-fill{height:100%;border-radius:10px;background:var(--color-primary);transition:width .5s ease-out}[data-theme=dark] .today-progress-track{background:hsla(0,0%,100%,.08)}.streak-inline{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.streak-inline-main{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.streak-inline-main strong{color:var(--text-primary);font-weight:600}.streak-inline-last{font-size:.75rem;color:var(--text-tertiary);font-weight:400}.dashboard-status-block{padding-bottom:1.5rem;border-bottom:1px solid rgba(6,95,70,.08)}[data-theme=dark] .dashboard-status-block{border-bottom-color:hsla(0,0%,100%,.07)}.header-icon{font-size:1.25rem;color:var(--text-secondary);transition:all .2s ease;text-decoration:none;cursor:pointer;padding:.5rem;border-radius:8px;background:var(--green-card);border:1px solid rgba(6,95,70,.1);box-shadow:0 1px 3px rgba(6,95,70,.08);display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.header-icon:hover{background:var(--green-card-hover);border-color:rgba(6,95,70,.2);transform:translateY(-1px);box-shadow:0 2px 6px rgba(6,95,70,.12)}.header-icon:active{transform:translateY(0);box-shadow:0 1px 2px rgba(6,95,70,.1)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}@media (max-width:480px){.header-actions{gap:.5rem}.header-icon{min-width:36px;min-height:36px;padding:.4rem}}@media (max-width:360px){.header-actions{gap:.375rem}.header-icon{min-width:34px;min-height:34px}}.dashboard-page-header{flex-wrap:nowrap}.settings-icon{font-size:1.5rem;opacity:.7;transition:opacity .2s ease;text-decoration:none;line-height:1;padding:.5rem;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.settings-icon:hover{opacity:1;background:hsla(0,0%,100%,.1)}.settings-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.settings-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width:1024px){.settings-layout{display:grid;grid-template-columns:380px 1fr;gap:2.5rem;align-items:start}.settings-form-section{position:sticky;top:2rem;background:var(--color-card);border-radius:16px;padding:1.75rem;border:1px solid rgba(6,95,70,.1);box-shadow:0 2px 12px rgba(6,95,70,.06)}}.settings-routines-section{flex:1;min-width:0}.routine-count-badge{justify-content:center;margin-left:.5rem;padding:.05rem .55rem;border-radius:999px;background:var(--color-active);color:var(--color-secondary);font-size:.8125rem;font-weight:600;vertical-align:middle}.back-link,.routine-count-badge{display:inline-flex;align-items:center}.back-link{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;padding:.5rem .75rem;border-radius:8px;min-height:44px}.back-link:hover{opacity:1;background:hsla(0,0%,100%,.05)}.routine-form{display:flex;flex-direction:column;gap:1rem;width:100%}.routine-form .form-group,.routine-form input{width:100%;box-sizing:border-box}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}@media (max-width:640px){.form-row{grid-template-columns:1fr;gap:1rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;opacity:.7;font-weight:500}.form-question-label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.form-hint{font-size:.8125rem;color:var(--text-tertiary);font-weight:400}.routine-items-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;min-width:0;align-items:start}@media (min-width:768px){.routine-items-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1440px){.routine-items-grid{grid-template-columns:repeat(3,1fr)}}.routine-item{background:var(--color-card);border-radius:14px;padding:.5rem 1.25rem;margin-bottom:.75rem;border:1px solid rgba(6,95,70,.08);box-shadow:0 1px 2px rgba(6,95,70,.03);animation:fadeInUp .4s ease-out;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;container-type:inline-size}.routine-item:hover{background:var(--color-card-hover);border-color:rgba(6,95,70,.18);box-shadow:0 2px 10px rgba(6,95,70,.08)}[data-theme=dark] .routine-item{border-color:hsla(0,0%,100%,.06);box-shadow:none}[data-theme=dark] .routine-item:hover{background:rgba(46,204,113,.04);border-color:hsla(0,0%,100%,.16);box-shadow:0 2px 10px rgba(0,0,0,.35)}.routine-item.fade-out{animation:fadeOut .3s ease-out forwards}.routine-item-inactive{opacity:.5}.routine-item-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%}.routine-item-content>div:first-child{flex:1;min-width:0}.routine-info-text{font-size:.875rem;color:var(--text-secondary);margin-top:.15rem;font-weight:500;line-height:1.3;display:flex;align-items:center;gap:.3rem}.routine-info-icon{color:var(--color-primary);flex-shrink:0}.routine-schedule-text{font-size:.8125rem;color:var(--text-tertiary);margin-top:.2rem;font-weight:400;line-height:1.3}.routine-items-grid .routine-title{line-height:1.15}.routine-item-actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center;opacity:0;pointer-events:none;transition:opacity .15s ease}.routine-item.routine-item-actions-open .routine-item-actions,.routine-item:focus-within .routine-item-actions,.routine-item:hover .routine-item-actions{opacity:1;pointer-events:auto}.routine-item-menu-trigger{display:none;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center;flex-shrink:0}@media (max-width:767px){.routine-item-menu-trigger{display:flex}.routine-item-actions{display:none;opacity:1;pointer-events:auto}.routine-item.routine-item-actions-open .routine-item-actions{display:flex}}@container (max-width: 480px){.routine-item-content{flex-direction:column;align-items:flex-start;gap:.75rem}.routine-item-actions{align-self:flex-end}}.routine-action-btn{background:var(--color-card-hover);border:1px solid rgba(6,95,70,.12);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;font-size:1rem;color:var(--text-secondary);opacity:.75;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.routine-action-btn:hover{background:rgba(125,211,252,.2);border-color:var(--accent-blue);color:var(--text-primary);opacity:1;transform:scale(1.05)}[data-theme=dark] .routine-action-btn{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.routine-edit-form{display:flex;flex-direction:column;gap:.75rem;width:100%}.routine-edit-form input{width:100%;box-sizing:border-box}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:768px){.hero-title{font-size:3.5rem}.section-title{font-size:2rem}.hero-section{padding:2.5rem 0 3rem}.hero-description{font-size:1rem;margin-bottom:2.5rem}.example-card{padding:1.5rem 1rem}}@media (max-width:640px){.hero-title{font-size:2.25rem}.hero-description{font-size:.9375rem}.cta-title{font-size:1.75rem}.form-row{grid-template-columns:1fr}.modal-content{max-width:95%;border-radius:24px}.modal-body,.modal-header{padding:1.5rem}.modal-input{font-size:2rem;padding:1.25rem}.modal-quick-values{grid-template-columns:1fr;gap:.5rem}.modal-quick-btn{padding:.875rem}.modal-actions{flex-direction:column}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(6,95,70,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out;overflow-y:auto;pointer-events:auto;will-change:auto}@media (min-width:1024px){.modal-overlay{background:rgba(32,143,79,.5);backdrop-filter:blur(12px);position:fixed;padding:2rem}}.modal-content{background:var(--color-card);border-radius:24px;padding:0;max-width:420px;width:100%;max-height:90vh;overflow:hidden;border:1.5px solid rgba(32,143,79,.15);box-shadow:0 25px 80px rgba(32,143,79,.25),0 8px 20px rgba(32,143,79,.15);animation:modalSlideUp .3s ease-out;position:relative;margin:auto;display:flex;flex-direction:column;z-index:10000;pointer-events:auto;transform:translateZ(0);-webkit-transform:translateZ(0);isolation:isolate}@media (min-width:1024px){.modal-content{max-width:500px;max-height:85vh;box-shadow:0 30px 100px rgba(32,143,79,.3),0 10px 30px rgba(32,143,79,.2)}}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent)}.login-modal-subtitle{text-align:center;color:var(--text-secondary)}.login-error,.login-modal-subtitle{font-size:.9375rem;margin-bottom:1.5rem}.login-error{padding:1rem;background-color:#fff1f0;border:1px solid #ffdbd8;border-radius:12px;color:var(--color-red-dark)}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-secondary);font-size:.875rem}.login-divider-line{flex:1;height:1px;background-color:rgba(32,143,79,.15)}.login-modal-content{max-width:440px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid rgba(32,143,79,.1);position:sticky;top:0;background:var(--color-card);z-index:1;border-radius:24px 24px 0 0}.modal-close,.modal-header{display:flex;align-items:center}.modal-close{background:transparent;border:none;width:32px;height:32px;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .2s ease-out;padding:0;border-radius:8px}.modal-close:hover{background:var(--green-card-hover);color:var(--text-primary)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.modal-body{padding:2rem;overflow-y:auto;flex:1}.routine-detail-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.routine-detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--color-card-hover);border-radius:12px;border:1px solid rgba(32,143,79,.1);transition:all .2s ease-out;gap:1rem}.routine-detail-item:hover{background:var(--color-active);border-color:rgba(32,143,79,.15)}.routine-detail-label{font-size:.875rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.routine-detail-value{font-size:1rem;color:var(--text-primary);font-weight:600;text-align:right;word-break:break-word;flex:1;min-width:0;line-height:1.4}.routine-detail-completed{color:var(--color-primary);font-weight:700}.routine-detail-status{text-align:center;padding:1.25rem;background:var(--color-active);border-radius:12px;border:1.5px solid rgba(46,204,113,.3);margin-top:.5rem}.routine-detail-status-text{font-size:1.125rem;color:var(--text-primary);font-weight:600}.routine-detail-status-completed{color:var(--color-primary);font-weight:700}.modal-question{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;text-align:center;color:var(--text-primary)}.modal-minimum{font-size:.875rem;margin:0 0 2rem;text-align:center;color:var(--text-secondary)}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.modal-input-container{display:flex;flex-direction:column;gap:.75rem}.modal-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center}.modal-input{width:100%;background:var(--green-card-hover);border:2px solid rgba(6,95,70,.15);border-radius:20px;padding:1.5rem;color:var(--text-primary)!important;font-size:2.5rem;font-weight:700;outline:none;text-align:center;transition:all .2s ease-out;-webkit-text-fill-color:var(--text-primary)}.modal-input::-webkit-inner-spin-button,.modal-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal-input[type=number]{-moz-appearance:textfield}@media (min-width:1024px){.modal-input{font-size:3rem;padding:2rem}.modal-title{font-size:1.75rem}.modal-question{font-size:1.25rem}.modal-minimum{font-size:1rem}.modal-quick-btn{font-size:1rem;padding:1.125rem .75rem}}.modal-input::-moz-placeholder{color:var(--text-tertiary);font-weight:500}.modal-input::placeholder{color:var(--text-tertiary);font-weight:500}.modal-input:focus{background:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(46,204,113,.1),0 4px 12px rgba(32,143,79,.1);transform:translateY(-1px);color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)}.modal-input::-moz-selection{background-color:rgba(46,204,113,.2);color:var(--text-primary)}.modal-input::selection{background-color:rgba(46,204,113,.2);color:var(--text-primary)}.modal-quick-values{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.modal-quick-btn{padding:1rem .5rem;background:var(--color-card-hover);border:2px solid rgba(32,143,79,.15);border-radius:16px;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease-out;text-align:center;white-space:nowrap}.modal-quick-btn:hover{background:var(--color-card);border-color:rgba(32,143,79,.25);transform:translateY(-1px)}.modal-quick-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(46,204,113,.3)}.modal-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.modal-action-btn{width:100%;max-width:none;padding:1.125rem 2rem;font-size:1.05rem;min-height:48px;font-weight:600}.routine-extra{font-size:.85rem;font-weight:600;color:#eab308;opacity:1}.history-stats{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;padding:1.75rem 1.5rem;background:var(--green-card);border-radius:20px;border:1px solid rgba(6,95,70,.1);box-shadow:0 2px 12px rgba(6,95,70,.06)}.history-hero-stat{text-align:center}.history-hero-value{font-size:3rem;font-weight:700;line-height:1.1;color:var(--text-primary)}.history-hero-label{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-top:.375rem}.history-secondary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:1.25rem;border-top:1px solid rgba(6,95,70,.08)}[data-theme=dark] .history-secondary-stats{border-top-color:hsla(0,0%,100%,.07)}.history-stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.history-stat-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.375rem;color:var(--text-primary)}.history-stat-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:500}.history-section{margin-bottom:2.5rem}.history-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center}.streaks-list{display:flex;flex-direction:column;gap:1rem}.streak-item{padding:1.25rem;background:var(--green-card);border-radius:16px;border:1px solid rgba(6,95,70,.1);box-shadow:0 2px 8px rgba(6,95,70,.06);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.streak-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,95,70,.1);border-color:rgba(6,95,70,.15)}.streak-days{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.streak-dates{font-size:.9375rem;color:var(--text-secondary);font-weight:500}.history-section-hint{font-size:.8125rem;color:var(--text-tertiary);margin-top:-1.125rem;margin-bottom:1.25rem}.completion-chart{padding:1.5rem;background:var(--green-card);border-radius:16px;border:1px solid rgba(6,95,70,.1);box-shadow:0 2px 8px rgba(6,95,70,.06)}.completion-chart-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(6,95,70,.08)}.completion-legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary);font-weight:500}.completion-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.completion-chart-rows{display:flex;flex-direction:column;gap:1.25rem}.completion-bar-row{display:flex;flex-direction:column;gap:.375rem}.completion-bar-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.completion-bar-label{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completion-bar-label,.completion-bar-value{font-size:.9375rem;color:var(--text-primary)}.completion-bar-value{font-weight:700;flex-shrink:0}.completion-bar-track{height:10px;border-radius:4px;background:rgba(6,95,70,.08);overflow:hidden}.completion-bar-fill{height:100%;border-radius:0 4px 4px 0;transition:width .3s ease-out}.completion-bar-caption{font-size:.75rem;color:var(--text-tertiary)}.streak-chart{padding:1.5rem;background:var(--green-card);border-radius:16px;border:1px solid rgba(6,95,70,.1);box-shadow:0 2px 8px rgba(6,95,70,.06)}.streak-chart-plot{position:relative;outline:none}.streak-chart-plot:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:8px}.streak-chart-svg{width:100%;height:auto;display:block;touch-action:none}.streak-chart-gridline{stroke:rgba(6,95,70,.12);stroke-width:1}.streak-chart-axis-label{font-size:9px;fill:var(--text-tertiary)}.streak-chart-area{fill:var(--color-primary);opacity:.1;stroke:none}.streak-chart-line{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.streak-chart-crosshair{stroke:var(--text-tertiary);stroke-width:1}.streak-chart-dot{fill:var(--color-primary);stroke:var(--green-card);stroke-width:2}.streak-chart-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));background:var(--text-primary);color:var(--color-bg);padding:.375rem .625rem;border-radius:8px;font-size:.75rem;line-height:1.3;display:flex;flex-direction:column;gap:.1rem;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.2)}.streak-chart-tooltip strong{font-size:.875rem}.streak-chart-table-toggle{margin-top:1rem}.streak-chart-table-toggle summary{font-size:.8125rem;color:var(--text-secondary);cursor:pointer;font-weight:500}.streak-chart-table-wrap{margin-top:.75rem;max-height:240px;overflow-y:auto}.streak-chart-table{width:100%;border-collapse:collapse;font-size:.8125rem}.streak-chart-table td,.streak-chart-table th{text-align:left;padding:.375rem .5rem;border-bottom:1px solid rgba(6,95,70,.08);color:var(--text-secondary)}.streak-chart-table th{color:var(--text-tertiary);font-weight:600;text-transform:uppercase;font-size:.6875rem;letter-spacing:.03em}.days-list{display:flex;flex-direction:column;gap:1.25rem}.day-item{padding:1.5rem;background:var(--green-card);border-radius:16px;border:1px solid rgba(6,95,70,.1);box-shadow:0 2px 8px rgba(6,95,70,.06);transition:all .2s ease}.day-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(6,95,70,.1);border-color:rgba(6,95,70,.15)}.day-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(6,95,70,.1)}.day-date{font-size:1.0625rem;font-weight:700;color:var(--text-primary);text-transform:capitalize}.day-routine-name-deleted{font-style:italic;color:var(--text-tertiary)}.day-count{font-size:.875rem;color:var(--text-secondary);font-weight:500;padding:.375rem .75rem;background:rgba(46,204,113,.1);border-radius:12px}.day-header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.day-edit-link{font-size:.8125rem;font-weight:600;color:var(--color-secondary);text-decoration:underline;text-underline-offset:2px}.day-jump-form{padding:1.25rem 1.5rem;background:var(--green-card);border-radius:16px;border:1px solid rgba(6,95,70,.1);box-shadow:0 2px 8px rgba(6,95,70,.06)}.day-jump-label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.day-jump-controls{display:flex;gap:.5rem;flex-wrap:wrap}.day-jump-controls .onboarding-input{flex:1;min-width:160px}.day-jump-controls .btn{max-width:none;padding:.75rem 1.25rem;white-space:nowrap}.day-routines{display:flex;flex-direction:column;gap:.75rem}.day-routine-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:rgba(6,95,70,.03);border-radius:12px}.day-routine-name{font-size:.9375rem;color:var(--text-primary);font-weight:500}.day-routine-value{font-size:.875rem;color:var(--text-secondary);font-weight:600}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state-text{font-size:1.125rem;color:var(--text-primary);font-weight:500;margin-bottom:.5rem}.empty-state-hint{font-size:.9375rem;color:var(--text-secondary);opacity:.8}.day-selector{display:flex;gap:.35rem;flex-wrap:wrap;row-gap:.35rem}.day-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--text-tertiary);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.day-btn:hover:not(:disabled):not(.day-btn-readonly){border-color:var(--color-primary);color:var(--color-primary)}.day-btn-active{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.day-btn-active:hover:not(:disabled):not(.day-btn-readonly){filter:brightness(.92)}.day-btn:disabled{opacity:.5;cursor:not-allowed}.routine-edit-form .day-btn,.settings-form-section .day-btn{border-color:hsla(220,9%,46%,.25)}.routine-edit-form .day-btn-active,.settings-form-section .day-btn-active{background:var(--color-active);border-color:rgba(46,204,113,.35);color:var(--color-secondary)}.routine-edit-form .day-btn-active:hover:not(:disabled),.settings-form-section .day-btn-active:hover:not(:disabled){filter:none;border-color:var(--color-primary)}.routine-edit-form .btn-primary:disabled,.settings-form-section .btn-primary:disabled{background:var(--color-card-hover);color:var(--text-tertiary);border:1px solid rgba(6,95,70,.08);box-shadow:none;opacity:1}.routine-edit-form .btn-primary:disabled:before,.settings-form-section .btn-primary:disabled:before{display:none}[data-theme=dark] .routine-edit-form .btn-primary:disabled,[data-theme=dark] .settings-form-section .btn-primary:disabled{border-color:hsla(0,0%,100%,.08)}.day-btn-readonly{cursor:default;pointer-events:none}.day-btn-readonly.day-btn-active{opacity:.85}@media (max-width:360px){.day-selector{gap:.2rem}.day-btn{width:32px;height:32px;font-size:.7rem}}[data-theme=dark]{--color-bg:#0f1117;--color-card:#1a1d2e;--color-card-hover:#20243a;--color-active:#0c371f;--color-primary:#2ecc71;--color-secondary:#4dd486;--text-primary:#e8ecef;--text-secondary:#9ba3af;--text-tertiary:#6b7280;--accent-blue:#7dd3fc;--green-bg:var(--color-bg);--green-card:var(--color-card);--green-card-hover:var(--color-card-hover);--green-active:var(--color-active)}[data-theme=dark] .card{box-shadow:0 4px 24px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.07)}[data-theme=dark] .routine-card{border-color:hsla(0,0%,100%,.08);box-shadow:0 2px 12px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .routine-card:hover{border-color:rgba(46,204,113,.3);box-shadow:0 4px 20px rgba(0,0,0,.5)}[data-theme=dark] .routine-card.routine-completed{background:rgba(46,204,113,.07);border-color:rgba(46,204,113,.25)}[data-theme=dark] .completion-chart,[data-theme=dark] .history-stats,[data-theme=dark] .streak-chart{border-color:hsla(0,0%,100%,.07);box-shadow:0 2px 12px rgba(0,0,0,.35)}[data-theme=dark] .completion-chart-legend,[data-theme=dark] .streak-chart-table td,[data-theme=dark] .streak-chart-table th{border-color:hsla(0,0%,100%,.08)}[data-theme=dark] .completion-bar-track{background:hsla(0,0%,100%,.08)}[data-theme=dark] .streak-chart-gridline{stroke:hsla(0,0%,100%,.1)}[data-theme=dark] .day-item,[data-theme=dark] .day-jump-form,[data-theme=dark] .streak-item{border-color:hsla(0,0%,100%,.07);box-shadow:0 2px 8px rgba(0,0,0,.35)}[data-theme=dark] .day-item:hover,[data-theme=dark] .streak-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.45);border-color:hsla(0,0%,100%,.12)}[data-theme=dark] .features-section,[data-theme=dark] .landing-constancy-section,[data-theme=dark] .landing-quote-section{background:var(--color-bg)}[data-theme=dark] .onboarding-input{border-color:hsla(0,0%,100%,.1);background:var(--color-card);color:var(--text-primary)}[data-theme=dark] .onboarding-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(46,204,113,.15),0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .onboarding-input:disabled{background:var(--color-card-hover)}[data-theme=dark] .onboarding-type-btn{background:var(--color-card);border-color:hsla(0,0%,100%,.1);color:var(--text-primary)}[data-theme=dark] .onboarding-type-btn:hover{background:var(--color-card-hover);border-color:hsla(0,0%,100%,.15)}[data-theme=dark] .btn-secondary{border-color:hsla(0,0%,100%,.12)}[data-theme=dark] .btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.18)}[data-theme=dark] .header-icon{background:var(--color-card);border-color:hsla(0,0%,100%,.08);box-shadow:0 1px 4px rgba(0,0,0,.3)}[data-theme=dark] .header-icon:hover{background:var(--color-card-hover);border-color:rgba(46,204,113,.3);box-shadow:0 2px 8px rgba(0,0,0,.4)}[data-theme=dark] .modal-overlay{background:rgba(0,0,0,.75)}[data-theme=dark] .modal-content{border-color:hsla(0,0%,100%,.08);box-shadow:0 25px 80px rgba(0,0,0,.7),0 8px 20px rgba(0,0,0,.5)}[data-theme=dark] .modal-header{border-bottom-color:hsla(0,0%,100%,.08)}[data-theme=dark] .modal-close:hover{background:var(--color-card-hover)}[data-theme=dark] .routine-detail-item{border-color:hsla(0,0%,100%,.06)}[data-theme=dark] .routine-detail-status{border-color:rgba(46,204,113,.2)}[data-theme=dark] .modal-input{background:var(--color-card-hover);border-color:hsla(0,0%,100%,.1);color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)}[data-theme=dark] .modal-input:focus{background:var(--color-card);border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(46,204,113,.12),0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .modal-quick-btn{border-color:hsla(0,0%,100%,.08)}[data-theme=dark] .modal-quick-btn:hover{background:var(--color-card);border-color:hsla(0,0%,100%,.14)}[data-theme=dark] .page-header,[data-theme=dark] .settings-header{border-bottom-color:hsla(0,0%,100%,.07)}[data-theme=dark] .onboarding-logout{border-top-color:hsla(0,0%,100%,.07)}[data-theme=dark] .login-divider-line{background-color:hsla(0,0%,100%,.08)}[data-theme=dark] .day-header{border-bottom-color:hsla(0,0%,100%,.07)}[data-theme=dark] .landing-footer{border-top-color:hsla(0,0%,100%,.07)}[data-theme=dark] .login-error{background-color:rgba(255,75,62,.12);border-color:rgba(255,75,62,.25);color:#ff786e}[data-theme=dark] .settings-form-section{background:rgba(46,204,113,.04)!important;border-color:hsla(0,0%,100%,.07)!important}[data-theme=dark] .day-count{background:rgba(46,204,113,.1)}[data-theme=dark] .day-routine-item{background:hsla(0,0%,100%,.03)}[data-theme=dark] .day-btn{border-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.75)}[data-theme=dark] .day-btn:hover:not(:disabled):not(.day-btn-readonly){border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .status-message{background:var(--color-active);border-color:rgba(46,204,113,.2)}[data-theme=dark] ::-moz-selection{background:rgba(46,204,113,.3);color:var(--text-primary)}[data-theme=dark] ::selection{background:rgba(46,204,113,.3);color:var(--text-primary)}