:root{--primary:#006e2f;--on-primary:#fff;--primary-container:#22c55e;--on-primary-container:#004b1e;--primary-fixed:#6bff8f;--primary-fixed-dim:#4ae176;--on-primary-fixed:#002109;--on-primary-fixed-variant:#005321;--inverse-primary:#4ae176;--secondary:#006c49;--on-secondary:#fff;--secondary-container:#6cf8bb;--on-secondary-container:#00714d;--secondary-fixed:#6ffbbe;--secondary-fixed-dim:#4edea3;--on-secondary-fixed:#002113;--on-secondary-fixed-variant:#005236;--tertiary:#55615a;--on-tertiary:#fff;--tertiary-container:#a2afa7;--on-tertiary-container:#37433c;--tertiary-fixed:#d9e6dd;--tertiary-fixed-dim:#bdcac1;--on-tertiary-fixed:#131e19;--on-tertiary-fixed-variant:#3e4943;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#f8f9ff;--on-background:#0b1c30;--surface:#f8f9ff;--on-surface:#0b1c30;--on-surface-variant:#3d4a3d;--surface-variant:#d3e4fe;--surface-dim:#cbdbf5;--surface-bright:#f8f9ff;--surface-container-lowest:#fff;--surface-container-low:#eff4ff;--surface-container:#e5eeff;--surface-container-high:#dce9ff;--surface-container-highest:#d3e4fe;--inverse-surface:#213145;--inverse-on-surface:#eaf1ff;--outline:#6d7b6c;--outline-variant:#bccbb9;--surface-tint:#006e2f;--streak-flame:#ff9600;--streak-flame-light:#ffc800}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{background:0 0;width:0}.install-prompt-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:flex-end;padding:16px;animation:.3s installFadeIn;display:flex;position:fixed;inset:0}@keyframes installFadeIn{0%{opacity:0}to{opacity:1}}.install-prompt-card{background:var(--surface-container,#1c1c2e);text-align:center;border-radius:24px;width:100%;max-width:400px;padding:28px 24px 24px;animation:.4s cubic-bezier(.16,1,.3,1) installSlideUp;position:relative;box-shadow:0 8px 32px #0006}@keyframes installSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.install-prompt-close{color:var(--on-surface-variant,#9e9eae);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.install-prompt-close:hover{background:#ffffff1a}.install-prompt-close .material-symbols-outlined{font-size:20px}.install-prompt-icon{margin-bottom:16px}.install-prompt-icon img{border-radius:18px;width:72px;height:72px;box-shadow:0 4px 12px #863bff4d}.install-prompt-text h3{color:var(--on-surface,#fff);margin:0 0 8px;font-size:20px;font-weight:700}.install-prompt-text p{color:var(--on-surface-variant,#9e9eae);margin:0;font-size:14px;line-height:1.5}.install-prompt-actions{gap:12px;margin-top:20px;display:flex}.install-prompt-dismiss{border:1px solid var(--outline,#3d3d56);color:var(--on-surface-variant,#9e9eae);cursor:pointer;background:0 0;border-radius:14px;flex:1;padding:12px;font-size:15px;font-weight:600;transition:background .2s}.install-prompt-dismiss:hover{background:#ffffff0d}.install-prompt-install{background:var(--primary,#863bff);color:#fff;cursor:pointer;border:none;border-radius:14px;flex:1.5;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:15px;font-weight:600;transition:background .2s,transform .1s;display:flex}.install-prompt-install:hover{background:var(--primary-hover,#7530e6)}.install-prompt-install:active{transform:scale(.97)}.install-prompt-install .material-symbols-outlined{font-size:20px}.auth-page{flex-direction:column;align-items:center;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.auth-bg-blob{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.auth-bg-blob-1{background:var(--secondary-container);opacity:.4;filter:blur(100px);width:300px;height:300px;top:-20%;left:-10%}.auth-bg-blob-2{background:var(--surface-container-high);opacity:.6;filter:blur(120px);width:400px;height:400px;bottom:-10%;right:-20%}.auth-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#fffc;justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:16px 24px;display:flex;position:fixed;top:0}.auth-back-btn{width:40px;height:40px;color:var(--on-background);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.auth-back-btn:active{transform:scale(.95)}.auth-brand{color:#22c55e;letter-spacing:-.02em;font-family:Lexend,sans-serif;font-size:24px;font-weight:900}.auth-main{z-index:10;flex-direction:column;flex:1;width:100%;max-width:480px;padding:100px 20px 48px;display:flex}.auth-logo-area{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.auth-logo-icon{background:var(--surface-container-lowest);border-radius:32px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex;box-shadow:0 20px 40px #22c55e0f}.auth-title{color:var(--primary);letter-spacing:-.02em;margin-bottom:4px;font-family:Lexend,sans-serif;font-size:40px;font-weight:700;line-height:1.1}.auth-subtitle{color:var(--on-surface-variant);font-family:Lexend,sans-serif;font-size:20px;font-weight:600;line-height:1.3}.auth-card{background:var(--surface-container-lowest);border-radius:16px;margin-bottom:32px;padding:24px;box-shadow:0 20px 40px #22c55e0a}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:4px;display:flex}.auth-label{color:var(--on-surface-variant);letter-spacing:.05em;margin-left:8px;font-size:14px;font-weight:600;line-height:1.2}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--outline-variant);font-size:20px;position:absolute;left:16px}.auth-input{background:var(--surface);width:100%;color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:12px;outline:none;padding:12px 16px 12px 44px;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--primary-container);box-shadow:0 0 0 4px #22c55e1a}.auth-input::placeholder{color:var(--outline)}.auth-eye-btn{color:var(--outline);cursor:pointer;background:0 0;border:none;align-items:center;padding:8px;display:flex;position:absolute;right:8px}.auth-error{color:var(--error);margin-top:2px;margin-left:8px;font-size:12px}.auth-forgot{justify-content:flex-end;display:flex}.auth-forgot a{color:var(--primary);font-size:12px;font-weight:500;transition:color .2s}.auth-submit-btn{background:var(--primary-container);width:100%;color:var(--on-primary-container);letter-spacing:.05em;cursor:pointer;border:none;border-radius:32px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #22c55e33}.auth-submit-btn:active{transform:scale(.95)}.auth-submit-btn:hover{box-shadow:0 12px 24px #22c55e4d}.auth-footer{flex-direction:column;align-items:center;margin-top:auto;padding-bottom:16px;display:flex}.auth-divider{align-items:center;width:100%;max-width:280px;margin-bottom:24px;display:flex}.auth-divider-line{background:var(--outline-variant);opacity:.5;flex:1;height:1px}.auth-divider-text{color:var(--outline);white-space:nowrap;padding:0 16px;font-size:12px;font-weight:500}.auth-social-row{gap:16px;margin-bottom:32px;display:flex}.auth-social-btn{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background .2s;display:flex;box-shadow:0 2px 8px #0000000a}.auth-social-btn:active{transform:scale(.95)}.auth-social-msg{color:var(--primary);margin-bottom:16px;font-size:14px;animation:.3s fadeIn}.auth-switch-text{color:var(--on-surface-variant);font-size:16px}.auth-switch-text a{color:var(--primary);letter-spacing:.05em;font-size:14px;font-weight:600}.auth-switch-text a:hover{text-decoration:underline}.register-card{background:var(--surface-container-lowest);border-radius:16px;width:100%;padding:32px;position:relative;overflow:hidden;box-shadow:0 20px 40px #22c55e14,0 10px 20px #0000000a}.register-accent-bar{background:linear-gradient(to right, var(--primary-fixed), var(--primary-container));width:100%;height:4px;position:absolute;top:0;left:0}.register-checkbox-row{cursor:pointer;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.register-checkbox-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-container);flex-shrink:0;margin-top:2px}.register-checkbox-text{color:var(--on-surface-variant);font-size:12px;font-weight:500;line-height:1.2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-page{min-height:100dvh;padding-bottom:100px;position:relative}.home-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#fffc;justify-content:space-between;align-items:center;width:100%;padding:16px 24px;display:flex;position:fixed;top:0;left:0}.home-header-left{align-items:center;gap:16px;display:flex}.home-avatar{background:var(--surface-container);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.home-brand{color:#22c55e;font-family:Lexend,sans-serif;font-size:20px;font-weight:700}.home-notify-btn{color:#22c55e;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex}.home-notify-btn:active{transform:scale(.95)}.home-main{max-width:672px;margin:0 auto;padding:96px 20px 0}.home-date-section{margin-bottom:32px}.home-date{color:var(--on-background);letter-spacing:-.01em;font-family:Lexend,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.home-time{color:var(--on-surface-variant);opacity:.8;margin-top:4px;font-size:18px;line-height:1.6}.home-motto{color:var(--primary);margin-top:8px;margin-bottom:32px;font-size:16px;font-style:italic}.home-action-section{margin-bottom:32px}.home-action-card{text-align:center;aspect-ratio:4/3;cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 40px #22c55e0f}.home-action-card:active{transform:scale(.95)}.home-action-card.checked{cursor:default}.home-action-card.animating{animation:.5s cardPulse}.home-action-bg{background:linear-gradient(to bottom right, var(--surface-container-low), var(--surface-container-highest));opacity:.5;position:absolute;inset:0}.home-action-play{z-index:10;background:var(--primary-container);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:16px;animation:3s ease-in-out infinite pulse;display:flex;position:relative;box-shadow:0 10px 30px #22c55e4d}.home-action-title{z-index:10;color:var(--on-surface);font-family:Lexend,sans-serif;font-size:20px;font-weight:600;line-height:1.3;position:relative}.home-action-badge{z-index:10;background:var(--surface);color:var(--on-surface-variant);border:1px solid var(--outline-variant);letter-spacing:.05em;border-radius:9999px;align-items:center;gap:8px;margin-top:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.home-stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.home-stat-card{background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;box-shadow:0 20px 30px #0b1c300a}.home-stat-icon-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.home-stat-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.home-stat-label{color:var(--on-surface-variant);letter-spacing:.05em;font-size:14px;font-weight:600}.home-stat-value{color:var(--on-surface);font-family:Lexend,sans-serif;font-size:40px;font-weight:700;line-height:1.1}.home-stat-unit{color:var(--on-surface-variant);font-size:16px}.home-mini-week{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.home-mini-day{flex-direction:column;align-items:center;gap:4px;display:flex}.home-mini-day-label{color:var(--on-surface-variant);opacity:.5;font-size:12px;font-weight:500}.home-mini-day-label.today{color:var(--primary);opacity:1;font-weight:700}.home-mini-day-dot{background:var(--outline-variant);border-radius:50%;width:6px;height:6px}.home-mini-day-dot.checked{background:var(--primary-container)}.home-mini-day-today{background:var(--primary);width:24px;height:24px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:500;display:flex}.home-nav{z-index:50;-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border-top:1px solid #f4f4f5;border-radius:32px 32px 0 0;justify-content:space-around;align-items:center;width:100%;padding:12px 16px 24px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -10px 40px #22c55e14}.home-nav-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 20px;transition:all .2s;display:flex}.home-nav-btn span:last-child{font-family:Lexend,sans-serif;font-size:10px;font-weight:500}.home-nav-btn.active{color:#fff;background:#22c55e;box-shadow:0 4px 12px #22c55e4d}.home-nav-btn:active{transform:scale(.95)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes cardPulse{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.stats-page{background:var(--surface);min-height:100dvh;color:var(--on-surface);padding-bottom:100px}.stats-header{z-index:50;background:#fff;border:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.stats-back-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.stats-back-btn:active{transform:scale(.95)}.stats-title{color:#22c55e;letter-spacing:-.01em;font-family:Lexend,sans-serif;font-size:18px;font-weight:700}.stats-main{flex-direction:column;gap:24px;max-width:672px;margin:0 auto 96px;padding:32px 20px;display:flex}.stats-summary-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-summary-card{aspect-ratio:1;background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #22c55e14}.summary-icon{font-size:20px}.summary-value{color:var(--primary);font-family:Lexend,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.summary-unit{color:var(--outline-variant);margin-left:4px;font-size:12px;font-weight:500}.summary-label{color:var(--on-surface-variant);margin-top:4px;font-size:12px;font-weight:500}.summary-bg-blob{background:var(--primary-container);opacity:.1;filter:blur(24px);border-radius:50%;width:96px;height:96px;position:absolute;top:-16px;right:-16px}.stats-chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px -5px #22c55e14}.stats-chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.stats-chart-title{color:var(--on-surface);font-family:Lexend,sans-serif;font-size:20px;font-weight:600}.stats-chart-badge{color:var(--primary);background:var(--surface-container-low);border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:500}.stats-chart-container{border-top:1px solid var(--surface-container);padding-top:16px}.stats-trend-card{background:var(--primary);color:var(--on-primary);border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #006e2f26}.stats-trend-bg{background:var(--primary-container);opacity:.2;filter:blur(48px);border-radius:50%;width:256px;height:256px;position:absolute;bottom:-80px;right:-80px}.stats-trend-header{z-index:1;align-items:center;gap:16px;margin-bottom:32px;display:flex;position:relative}.stats-trend-icon-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;padding:8px}.stats-trend-label{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.stats-trend-value{margin-top:4px;font-family:Lexend,sans-serif;font-size:40px;font-weight:700;line-height:1.1}.stats-trend-unit{opacity:.8;font-size:20px;font-weight:400}.stats-trend-chart{z-index:1;opacity:.8;position:relative}.stats-motivation-card{-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff80;border:1px solid var(--surface-container);background:#ffffffe6;border-radius:16px;padding:24px;animation:.5s fadeSlideUp;position:relative;overflow:hidden;box-shadow:0 20px 40px #22c55e0d}.stats-motivation-accent{background:var(--primary-container);border-radius:0 9999px 9999px 0;width:4px;height:48px;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.stats-motivation-content{align-items:flex-start;gap:16px;padding-left:8px;display:flex}.stats-motivation-text{color:var(--on-surface);font-size:16px;font-weight:500;line-height:1.5}.stats-motivation-sub{color:var(--outline);margin-top:8px;font-size:12px}.stats-nav{-webkit-backdrop-filter:blur(16px);z-index:50;background:#ffffffe6;border-top:1px solid #f4f4f580;justify-content:space-around;align-items:center;width:100%;padding:16px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -20px 40px #22c55e0f}.stats-nav-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 16px;transition:all .3s;display:flex}.stats-nav-btn span:last-child{text-transform:uppercase;letter-spacing:.05em;font-family:Lexend,sans-serif;font-size:10px;font-weight:600}.stats-nav-btn.active{color:#22c55e;background:#22c55e1a;border-radius:9999px;padding:4px 16px}.stats-nav-btn.active span:last-child{font-weight:900}.stats-nav-btn:active{transform:scale(.9)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.settings-page{background:var(--background);min-height:100dvh;color:var(--on-background);padding-bottom:100px}.settings-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#fffc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000000a}.settings-header-left{align-items:center;gap:16px;display:flex}.settings-avatar{background:var(--surface-container);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.settings-brand{color:#22c55e;font-family:Lexend,sans-serif;font-size:24px;font-weight:900}.settings-notify-btn{color:#22c55e;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.settings-notify-btn:active{transform:scale(.95)}.settings-main{max-width:768px;margin:0 auto;padding:32px 16px}.settings-page-title{color:var(--on-background);letter-spacing:-.02em;margin-bottom:32px;padding:0 8px;font-family:Lexend,sans-serif;font-size:40px;font-weight:700;line-height:1.1}.settings-section{margin-bottom:32px}.settings-section-title{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;margin-left:16px;font-size:14px;font-weight:600}.settings-card{background:var(--surface-container-lowest);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000008}.settings-row{cursor:pointer;justify-content:space-between;align-items:center;padding:24px;display:flex}.settings-row-text{flex-direction:column;gap:4px;padding-right:16px;display:flex}.settings-row-label{color:var(--on-surface);letter-spacing:.05em;font-size:14px;font-weight:600}.settings-row-label-lg{color:var(--on-surface);font-size:18px;font-weight:500}.settings-row-desc{color:var(--on-surface-variant);margin-top:4px;font-size:16px;line-height:1.5}.settings-time-display{cursor:pointer;align-items:baseline;gap:4px;display:flex}.settings-time-value{color:var(--primary);letter-spacing:-.02em;font-family:Lexend,sans-serif;font-size:40px;font-weight:700;line-height:1.1;transition:color .2s}.settings-time-display:hover .settings-time-value{color:var(--primary-container)}.settings-divider{border-bottom:1px solid var(--surface-container-highest)}.settings-toggle{cursor:pointer;background:var(--surface-container-highest);border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:56px;height:32px;padding:4px;transition:background .3s;display:flex;position:relative}.settings-toggle.active{background:var(--primary)}.settings-toggle-thumb{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .3s;box-shadow:0 1px 4px #0000001a}.settings-toggle.active .settings-toggle-thumb{transform:translate(24px)}.settings-input-row{padding:24px}.settings-input-label{color:var(--on-surface);margin-bottom:12px;font-size:18px;font-weight:500;display:block}.settings-input{background:var(--surface-bright);width:100%;color:var(--on-surface);border:1px solid var(--outline-variant);border-radius:12px;outline:none;padding:12px 16px;font-size:16px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.settings-input::placeholder{color:var(--outline)}.settings-nav-row{background:var(--surface-container-lowest);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;width:100%;padding:24px;transition:background .2s;display:flex}.settings-nav-row:hover{background:var(--surface-bright)}.settings-nav-row-left{align-items:center;gap:12px;display:flex}.settings-nav-icon{background:var(--surface-container-high);width:32px;height:32px;color:var(--on-surface-variant);border-radius:50%;justify-content:center;align-items:center;display:flex}.settings-picker-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settings-picker-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:16px;animation:.3s slideUp}.settings-picker-header{justify-content:space-between;align-items:center;padding:8px 8px 16px;display:flex}.settings-picker-header button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;font-weight:500}.settings-picker-title{color:var(--on-surface);font-family:Lexend,sans-serif;font-size:18px;font-weight:600}.settings-picker-body{justify-content:center;align-items:center;gap:8px;height:200px;padding-bottom:24px;display:flex}.settings-picker-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.settings-picker-label{color:var(--on-surface-variant);margin-bottom:8px;font-size:12px;font-weight:500}.settings-picker-scroll{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex;overflow-y:auto}.settings-picker-scroll::-webkit-scrollbar{display:none}.settings-picker-item{width:56px;height:36px;color:var(--on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:500;transition:all .15s;display:flex}.settings-picker-item.selected{background:var(--primary);color:#fff;font-weight:700}.settings-picker-item:active{transform:scale(.95)}.settings-picker-separator{color:var(--on-surface-variant);padding-bottom:28px;font-size:28px;font-weight:700}.settings-nav{z-index:50;background:#fff;border-top:1px solid #f4f4f5;border-radius:40px 40px 0 0;justify-content:space-around;align-items:center;width:100%;padding:16px 16px 32px;display:flex;position:fixed;bottom:0;box-shadow:0 -10px 40px #22c55e14}.settings-nav-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 20px;transition:all .2s;display:flex}.settings-nav-btn span:last-child{font-family:Lexend,sans-serif;font-size:12px;font-weight:600}.settings-nav-btn.active{color:#fff;background:#22c55e;border-radius:9999px;box-shadow:0 4px 16px #22c55e33}.settings-nav-btn:active{transform:scale(.9)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.streak-page{background:var(--background);min-height:100dvh;color:var(--on-background);flex-direction:column;display:flex;overflow-x:hidden}.streak-header{z-index:40;background:#fff;justify-content:space-between;align-items:center;width:100%;max-width:512px;margin:0 auto;padding:16px 24px;display:flex;position:sticky;top:0}.streak-header-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.streak-header-btn:hover{background:#f0fdf4}.streak-header-btn:active{transform:scale(.95)}.streak-header-title{color:#18181b;font-family:Lexend,sans-serif;font-size:20px;font-weight:700}.streak-main{flex-direction:column;flex:1;align-items:center;width:100%;max-width:512px;margin:0 auto;padding:32px 20px 120px;display:flex}.streak-flame-container{justify-content:center;align-items:center;width:192px;height:192px;margin-bottom:32px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.streak-flame-glow{filter:blur(40px);background:linear-gradient(#0000,#ff960033);border-radius:50%;animation:2s ease-in-out infinite flameGlow;position:absolute;inset:0}.streak-flame-icon{color:var(--streak-flame);z-index:10;filter:drop-shadow(0 8px 24px #ff960066);font-size:140px;line-height:1;animation:2s ease-in-out infinite flamePulse}.streak-flame-number{z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:48px 0 0}.streak-flame-number span{color:#fff;text-shadow:0 2px 8px #0000004d;font-family:Lexend,sans-serif;font-size:56px;font-weight:900}.streak-headline{text-align:center;margin-bottom:32px}.streak-headline-title{color:var(--on-surface);margin-bottom:8px;font-family:Lexend,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.streak-headline-desc{color:var(--on-surface-variant);max-width:280px;margin:0 auto;font-size:18px;line-height:1.6}.streak-week-card{background:#fff;border:1px solid #d3e4fe80;border-radius:16px;width:100%;margin-bottom:32px;padding:24px;box-shadow:0 30px 60px #22c55e0d}.streak-week-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.streak-week-title{color:var(--on-surface-variant);letter-spacing:.05em;font-size:14px;font-weight:600}.streak-week-grid{justify-content:space-between;align-items:center;gap:4px;display:flex}.streak-week-day{flex-direction:column;align-items:center;gap:8px;display:flex}.streak-week-label{color:var(--outline);font-size:12px;font-weight:500}.streak-week-label.today{color:var(--primary);font-weight:700}.streak-week-circle{width:40px;height:40px;color:var(--primary);background:#006e2f1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.streak-week-circle.current{background:var(--primary);color:#fff;position:relative;box-shadow:0 4px 16px #006e2f4d}.streak-week-circle.current:after{content:"";border:2px solid #006e2f33;border-radius:50%;position:absolute;inset:-4px}.streak-milestone-card{background:#fff;border:1px solid #d3e4fe80;border-radius:16px;width:100%;padding:24px;box-shadow:0 30px 60px #006e2f0d}.streak-milestone-header{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.streak-milestone-label{color:var(--on-surface-variant);letter-spacing:.05em;margin-bottom:4px;font-size:14px;font-weight:600}.streak-milestone-value{color:var(--on-surface);font-family:Lexend,sans-serif;font-size:20px;font-weight:600}.streak-milestone-badge{color:var(--primary);background:#006e2f1a;border-radius:9999px;padding:4px 8px;font-size:14px;font-weight:600}.streak-progress-track{background:var(--surface-variant);border-radius:9999px;width:100%;height:12px;overflow:hidden}.streak-progress-bar{background:linear-gradient(to right, var(--primary), var(--primary-container));border-radius:9999px;height:100%;transition:width 1.5s cubic-bezier(.34,1.56,.64,1)}.streak-bottom-action{z-index:40;background:linear-gradient(#0000,#fff,#fff);max-width:512px;margin:0 auto;padding:20px;position:fixed;bottom:0;left:0;right:0}.streak-continue-btn{background:var(--primary);color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:14px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 8px 16px #006e2f33}.streak-continue-btn:active{transform:scale(.95)}@keyframes flamePulse{0%,to{filter:drop-shadow(0 8px 24px #ff960066);transform:scale(1)}50%{filter:drop-shadow(0 12px 32px #ff960099);transform:scale(1.08)}}@keyframes flameGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.wc-page{background:var(--background);min-height:100dvh;color:var(--on-background);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.wc-bg-glow{pointer-events:none;z-index:-10;background:radial-gradient(circle at top,#22c55e26 0%,#f8f9ff00 70%);position:fixed;inset:0}.wc-header{-webkit-backdrop-filter:blur(12px);z-index:50;background:#ffffffe6;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0}.wc-header-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.wc-header-btn:hover{background:#f4f4f5}.wc-header-title{color:#18181b;font-family:Lexend,sans-serif;font-size:20px;font-weight:700}.wc-main{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:512px;margin:0 auto;padding:96px 24px 48px;display:flex}.wc-centerpiece{flex-direction:column;align-items:center;width:100%;margin-bottom:48px;display:flex;position:relative}.wc-confetti{pointer-events:none;border-radius:50%;position:absolute}.wc-c1{background:var(--primary);opacity:.6;width:12px;height:12px;animation:2s ease-in-out infinite confettiFloat;top:16px;left:20%}.wc-c2{background:var(--secondary);opacity:.4;width:16px;height:16px;animation:2.5s ease-in-out .3s infinite confettiFloat;top:48px;right:15%}.wc-c3{background:var(--primary-fixed);opacity:.8;width:8px;height:8px;animation:1.8s ease-in-out .6s infinite confettiFloat;bottom:32px;left:10%}.wc-c4{border:2px solid var(--secondary-container);opacity:.5;width:20px;height:20px;animation:2.2s ease-in-out .9s infinite confettiFloat;bottom:64px;right:20%}.wc-check-circle{background:var(--surface-container-lowest);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:128px;height:128px;margin-bottom:32px;animation:.6s cubic-bezier(.34,1.56,.64,1) checkBounce;display:flex;position:relative;box-shadow:0 30px 40px -15px #006e2f0f}.wc-check-glow{background:var(--primary-container);opacity:.2;border-radius:50%;position:absolute;inset:0;transform:scale(1.1)}.wc-title{color:var(--on-surface);letter-spacing:-.02em;text-align:center;z-index:10;margin-bottom:8px;font-family:Lexend,sans-serif;font-size:40px;font-weight:700;line-height:1.1;position:relative}.wc-desc{color:var(--on-surface-variant);text-align:center;z-index:10;padding:0 16px;font-size:18px;line-height:1.6;position:relative}.wc-stats-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-bottom:48px;display:grid}.wc-stat-card{background:var(--surface-container-lowest);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.5s backwards fadeSlideUp;display:flex;box-shadow:0 30px 40px -15px #006e2f0f}.wc-stat-card:nth-child(2){animation-delay:.1s}.wc-stat-icon{color:var(--outline);margin-bottom:8px;font-size:24px}.wc-stat-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:500}.wc-stat-value-row{align-items:baseline;gap:4px;display:flex}.wc-stat-value{color:var(--primary);font-family:Lexend,sans-serif;font-size:28px;font-weight:600;line-height:1.2}.wc-stat-unit{color:var(--on-surface-variant);font-size:12px;font-weight:500}.wc-actions{flex-direction:column;gap:8px;width:100%;display:flex}.wc-share-btn{background:var(--primary);width:100%;color:var(--on-primary);letter-spacing:.05em;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:600;transition:transform .2s;display:flex;box-shadow:0 8px 16px #006e2f33}.wc-share-btn:active{transform:scale(.95)}.wc-home-btn{width:100%;color:var(--primary);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:16px;font-size:14px;font-weight:600;transition:background .2s}.wc-home-btn:active{background:var(--surface-container)}@keyframes checkBounce{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes confettiFloat{0%,to{opacity:.4;transform:translateY(0)rotate(0)}50%{opacity:.8;transform:translateY(-12px)rotate(180deg)}}