.bottom-nav{background:var(--white);border-top:1px solid var(--border);width:100%;max-width:430px;padding:8px 0;padding-bottom:max(8px, env(safe-area-inset-bottom));z-index:50;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-tab{background:0 0;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:0;padding:6px 2px;transition:all .2s;display:flex}.nav-icon{font-size:19px;transition:transform .2s}.nav-tab.active .nav-icon{transform:scale(1.15)}.nav-label{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;font-weight:500;transition:color .2s;overflow:hidden}.nav-tab.active .nav-label{color:var(--leaf-green-dark);font-weight:700}.nav-lock{color:var(--leaf-green);vertical-align:super;margin-left:1px;font-size:8px;font-weight:700}.welcome-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.welcome-bg{z-index:0;background:linear-gradient(170deg,#f5eedd 0%,#e4ecd6 28%,#c6d8c0 62%,#b6ccd8 100%);position:absolute;inset:0}.welcome-content{z-index:1;padding:var(--space-xl);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.welcome-logo-img{object-fit:contain;width:220px;height:220px;margin-bottom:var(--space-md);filter:drop-shadow(0 6px 16px #8b6f4726)}.welcome-wordmark{font-family:var(--font-family);letter-spacing:-.02em;color:var(--acorn);margin:0;font-size:44px;font-weight:700;line-height:1}.welcome-tagline{font-family:var(--font-family);letter-spacing:.12em;text-transform:uppercase;color:var(--moss);margin-top:var(--space-sm);margin-bottom:var(--space-xl);font-size:13px;font-weight:600}.welcome-features{color:#ffffffe6;margin-bottom:var(--space-2xl);max-width:320px;font-size:15px;line-height:1.6}.welcome-cta{color:#fff;border-radius:var(--radius-full);background:#4caf50;padding:16px 48px;font-size:17px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #4caf5066}.welcome-cta:active{transform:scale(.97);box-shadow:0 2px 8px #4caf504d}.welcome-signin{margin-top:var(--space-md);color:#ffffffb3;font-size:13px}.welcome-signin-link{margin-top:var(--space-md);color:#fffc;background:0 0;font-size:14px;text-decoration:underline}.auth-screen{min-height:100dvh;padding:var(--space-xl) var(--space-lg);background:var(--cream);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo-img{width:180px;height:auto}.auth-form{width:100%;max-width:340px}.auth-form h2{text-align:center;margin-bottom:var(--space-lg);font-size:20px;font-weight:700}.auth-input{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;margin-bottom:var(--space-md);padding:14px 18px;font-size:16px;transition:border-color .2s}.auth-input:focus{border-color:var(--leaf-green)}.auth-error{color:var(--coral-pink);text-align:center;margin-bottom:var(--space-md);font-size:14px}.auth-cta{border-radius:var(--radius-full);background:var(--leaf-green);color:#fff;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .2s}.auth-cta:active{transform:scale(.97)}.auth-cta:disabled{opacity:.6;pointer-events:none}.auth-switch{margin-top:var(--space-lg);color:var(--text-secondary);font-size:14px}.auth-switch-btn{color:var(--leaf-green-dark);background:0 0;font-size:14px;font-weight:600;text-decoration:underline}.auth-legal{color:var(--text-secondary);text-align:center;margin:12px 4px 0;font-size:12px;line-height:1.5}.auth-legal a{color:var(--leaf-green-dark);text-decoration:underline}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-top:-8px;margin-bottom:var(--space-lg);font-size:14px;line-height:1.4}.auth-success{color:var(--leaf-green-dark);text-align:center;margin-bottom:var(--space-md);border-radius:var(--radius-md);background:#8ed0811a;padding:10px;font-size:14px}.auth-forgot-btn{margin:var(--space-sm) auto 0;color:var(--text-light);background:0 0;font-size:13px;display:block}.auth-divider{width:100%;max-width:340px;margin:var(--space-lg) 0 var(--space-md);align-items:center;gap:var(--space-md);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.auth-google-btn{border-radius:var(--radius-full);background:var(--white);border:2px solid var(--border);width:100%;max-width:340px;color:var(--text-primary);justify-content:center;align-items:center;gap:var(--space-sm);padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.auth-google-btn:active{background:var(--cream);transform:scale(.97)}.skip-auth-btn{margin-top:var(--space-xl);color:var(--text-light);background:0 0;font-size:13px;text-decoration:underline}.auth-tabs{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-full);width:100%;max-width:340px;margin-bottom:var(--space-lg);padding:4px;display:flex}.auth-tab{border-radius:var(--radius-full);color:var(--text-light);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 12px;font-size:14px;font-weight:600;transition:all .15s}.auth-tab.active{background:var(--leaf-green);color:var(--white);box-shadow:0 2px 8px #8ed0814d}.auth-socials{gap:var(--space-sm);width:100%;max-width:340px;margin-bottom:var(--space-sm);flex-direction:column;display:flex}.auth-social-btn{border-radius:var(--radius-full);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;border:1.5px solid var(--border);width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.auth-social-btn:active{transform:scale(.97)}.auth-apple-btn{color:#fff;background:#000;border-color:#000}.auth-apple-btn:active{background:#222}.auth-socials .auth-google-btn{background:var(--white);max-width:none;color:var(--text-primary);margin:0}.auth-socials .auth-google-btn:active{background:var(--cream)}.auth-field{width:100%;margin-bottom:var(--space-md);display:block}.auth-field-label{letter-spacing:.3px;text-transform:uppercase;color:var(--text-light);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.auth-field-hint{text-transform:none;letter-spacing:0;color:var(--text-light);font-size:11px;font-weight:400}.auth-field .auth-input{margin-bottom:0}.auth-input.invalid{border-color:var(--coral-pink)}.auth-field-error{color:var(--coral-pink);margin-top:4px;font-size:12px;display:block}.auth-input-row{width:100%;position:relative}.auth-input-row .auth-input{padding-right:48px}.auth-password-toggle{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 10px;font-size:18px;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-password-toggle:active{background:var(--cream)}.auth-error{border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:left;background:#ff9aa21f;border:1px solid #ff9aa259;padding:10px 12px}.auth-error p{color:var(--coral-pink);text-align:left;margin:0;font-size:13px;line-height:1.4}.auth-error-action{color:var(--leaf-green-dark);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.auth-strength{align-items:center;gap:8px;margin-top:6px;display:flex}.auth-strength-bars{flex:1;gap:3px;display:flex}.auth-strength-bar{background:var(--border);border-radius:2px;flex:1;height:4px;transition:background .15s}.auth-strength-0 .auth-strength-bar.filled,.auth-strength-1 .auth-strength-bar.filled{background:var(--coral-pink)}.auth-strength-2 .auth-strength-bar.filled{background:var(--warm-yellow)}.auth-strength-3 .auth-strength-bar.filled,.auth-strength-4 .auth-strength-bar.filled,.auth-strength-5 .auth-strength-bar.filled{background:var(--leaf-green)}.auth-strength-label{color:var(--text-light);text-align:right;min-width:48px;font-size:11px;font-weight:600}.auth-strength-0 .auth-strength-label,.auth-strength-1 .auth-strength-label{color:var(--coral-pink)}.auth-strength-2 .auth-strength-label{color:#c9911f}.auth-strength-3 .auth-strength-label,.auth-strength-4 .auth-strength-label,.auth-strength-5 .auth-strength-label{color:var(--leaf-green-dark)}.auth-remember{margin:calc(-1 * var(--space-xs)) 0 var(--space-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.auth-remember input[type=checkbox]{width:18px;height:18px;accent-color:var(--leaf-green);cursor:pointer}.onboarding-screen{min-height:100dvh;padding:var(--space-xl) var(--space-lg);background:var(--cream);flex-direction:column;display:flex}.onboarding-progress{margin-bottom:var(--space-sm);justify-content:center;gap:8px;display:flex}.progress-dot{background:var(--border);border-radius:2px;width:32px;height:4px;transition:all .3s}.progress-dot.active{background:var(--leaf-green)}.progress-dot.current{background:var(--leaf-green-dark);width:40px}.step-indicator{text-align:center;color:var(--text-light);margin-bottom:var(--space-xl);font-size:13px}.onboarding-content{flex-direction:column;flex:1;display:flex}.step-content{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.step-content h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:24px;font-weight:700;line-height:1.3}.step-content>p{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:280px;font-size:15px}.step-icon-large{margin-bottom:var(--space-lg);font-size:56px}.onboarding-input{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;max-width:320px;margin-bottom:var(--space-md);padding:14px 18px;font-size:16px;transition:border-color .2s}.onboarding-input:focus{border-color:var(--leaf-green)}.relationship-options{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.relationship-chip{border-radius:var(--radius-full);background:var(--white);border:2px solid var(--border);color:var(--text-secondary);padding:10px 18px;font-size:14px;transition:all .2s}.relationship-chip.selected{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:#8ed0811a}.avatar-picker{gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.avatar-option{background:var(--white);border:3px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;transition:all .2s;display:flex}.avatar-option.selected{border-color:var(--leaf-green);box-shadow:0 0 0 3px #8ed0814d}.dob-label{color:var(--text-light);margin-bottom:var(--space-xs);align-self:flex-start;width:100%;max-width:320px;margin-left:auto;margin-right:auto;font-size:13px}.gender-optional{color:var(--text-light);font-size:11px;font-weight:400}.gender-options{gap:var(--space-sm);width:100%;max-width:320px;margin:0 auto var(--space-md);display:flex}.gender-chip{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.gender-chip.selected{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:#8ed0811f;font-weight:600}.stage-options{gap:var(--space-sm);flex-direction:column;width:100%;max-width:320px;display:flex}.stage-chip{border-radius:var(--radius-md);background:var(--white);border:2px solid var(--border);text-align:left;flex-direction:column;padding:14px 18px;transition:all .2s;display:flex}.stage-chip.selected{border-color:var(--leaf-green);background:#8ed08114}.stage-label{color:var(--text-primary);font-size:15px;font-weight:600}.stage-desc{color:var(--text-secondary);margin-top:2px;font-size:13px}.language-grid{gap:var(--space-sm);width:100%;max-width:340px;margin-bottom:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.language-option{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);text-align:left;border:2px solid #0000;padding:12px 14px;transition:all .2s;display:flex}.language-option.selected{border-color:var(--leaf-green);background:#8ed08114}.lang-opt-flag{font-size:20px}.lang-opt-label{color:var(--text-primary);font-size:14px;font-weight:500}.language-note{color:var(--text-secondary);text-align:center;margin-top:var(--space-sm);font-size:13px}.feature-list{gap:var(--space-md);text-align:left;width:100%;max-width:320px;margin-bottom:var(--space-lg);flex-direction:column;display:flex}.feature-row{align-items:flex-start;gap:var(--space-md);display:flex}.feature-icon{flex-shrink:0;font-size:28px}.feature-row strong{margin-bottom:2px;font-size:15px;display:block}.feature-row p{color:var(--text-secondary);font-size:13px}.feature-cta-text{color:var(--leaf-green-dark);font-weight:600}.notification-options{gap:var(--space-sm);width:100%;max-width:320px;margin-bottom:var(--space-md);flex-direction:column;display:flex}.notif-option{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--white);border:2px solid var(--border);color:var(--text-primary);text-align:left;padding:14px 18px;font-size:15px;display:flex}.notif-option.selected,.notif-option.preview{border-color:var(--leaf-green);background:#8ed08114}.notif-enable-btn{border-radius:var(--radius-full);background:var(--leaf-green);width:100%;max-width:320px;color:var(--white);margin-bottom:var(--space-sm);padding:14px;font-size:16px;font-weight:700;transition:opacity .2s}.notif-enable-btn:active{opacity:.85}.notif-skip-btn{color:var(--text-light);margin-bottom:var(--space-md);background:0 0;padding:8px 16px;font-size:14px}.notif-success{align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:#8ed0811a;flex-direction:column;width:100%;max-width:320px;display:flex}.notif-success-icon{font-size:32px}.notif-success p{color:var(--text-secondary);text-align:center;font-size:14px;line-height:1.5}.notif-note{color:var(--text-light);font-size:12px}.celebration-icon{margin-bottom:var(--space-lg);position:relative}.big-flower{font-size:80px}.confetti{position:absolute;inset:-20px}.confetti-piece{font-size:20px;animation:3s ease-in-out infinite float;position:absolute}.confetti-0{animation-delay:0s;top:0;left:0}.confetti-1{animation-delay:.3s;top:-10px;right:0}.confetti-2{animation-delay:.6s;bottom:0;left:-10px}.confetti-3{animation-delay:.9s;bottom:-5px;right:-5px}.confetti-4{animation-delay:1.2s;top:50%;left:-20px}@keyframes float{0%,to{opacity:.7;transform:translateY(0)rotate(0)}50%{opacity:1;transform:translateY(-10px)rotate(10deg)}}.onboarding-footer{align-items:center;gap:var(--space-sm);padding-top:var(--space-lg);flex-direction:column;display:flex}.onboarding-cta{border-radius:var(--radius-full);background:var(--leaf-green);color:#fff;width:100%;max-width:320px;padding:16px;font-size:17px;font-weight:600;transition:all .2s}.onboarding-cta:active{transform:scale(.97)}.onboarding-cta.disabled{opacity:.5;pointer-events:none}.onboarding-back{color:var(--text-light);padding:var(--space-sm);background:0 0;font-size:14px}.audio-recorder{margin-bottom:var(--space-lg)}.record-btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--white);border:2px dashed var(--border);width:100%;color:var(--text-secondary);padding:14px;font-size:15px;transition:all .2s;display:flex}.record-btn:active{border-color:var(--leaf-green);background:#8ed08114}.mic-icon{font-size:20px}.audio-recording-active{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--coral-pink);background:#ff9aa21a;padding:14px 18px;display:flex}.recording-pulse{background:var(--coral-pink);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.recording-timer{color:var(--coral-pink);font-variant-numeric:tabular-nums;flex:1;font-size:18px;font-weight:700}.stop-btn{background:var(--coral-pink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stop-icon{background:#fff;border-radius:3px;width:14px;height:14px}.recording-hint{color:var(--text-light);font-size:12px}.audio-playback{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--white);border:2px solid var(--mint);padding:10px 14px;display:flex}.play-btn{background:var(--leaf-green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.play-btn:active{transform:scale(.95)}.audio-wave-static{flex:1;align-items:center;gap:3px;height:28px;display:flex}.wave-bar{background:var(--mint);border-radius:2px;width:3px;height:40%;transition:height .2s}.wave-bar:first-child{height:30%}.wave-bar:nth-child(2){height:50%}.wave-bar:nth-child(3){height:70%}.wave-bar:nth-child(4){height:45%}.wave-bar:nth-child(5){height:85%}.wave-bar:nth-child(6){height:55%}.wave-bar:nth-child(7){height:95%}.wave-bar:nth-child(8){height:60%}.wave-bar:nth-child(9){height:75%}.wave-bar:nth-child(10){height:40%}.wave-bar:nth-child(11){height:55%}.wave-bar:nth-child(12){height:35%}.wave-bar.animating{animation:.6s ease-in-out infinite alternate waveAnim}@keyframes waveAnim{0%{background:var(--mint);height:20%}to{background:var(--leaf-green);height:100%}}.audio-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.audio-remove-btn{width:28px;height:28px;color:var(--text-light);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.audio-remove-btn:active{color:var(--coral-pink)}.audio-permission-denied{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);background:#ff9aa214;border:1px solid #ff9aa233}.audio-permission-denied span{font-size:24px}.audio-permission-denied p{color:var(--text-secondary);margin-top:4px;font-size:13px}.play-btn-mini{background:var(--mint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;transition:all .2s;display:flex}.play-btn-mini:active{background:var(--leaf-green);transform:scale(.95)}.celebration-overlay{z-index:200;pointer-events:none;background:#ffffffd9;justify-content:center;align-items:center;animation:.3s celebFadeIn;display:flex;position:fixed;inset:0}.celebration-overlay.fade{animation:.6s forwards celebFadeOut}@keyframes celebFadeIn{0%{opacity:0}to{opacity:1}}@keyframes celebFadeOut{0%{opacity:1}to{opacity:0}}.celebration-particles{position:absolute;inset:0;overflow:hidden}.celebration-particle{opacity:0;animation:ease-out forwards particleRise;position:absolute;bottom:0}@keyframes particleRise{0%{transform:translateY(var(--start-y)) translateX(0) scale(.3) rotate(0deg);opacity:0}15%{opacity:1}70%{opacity:1}to{transform:translateY(-110vh) translateX(var(--drift)) scale(1) rotate(360deg);opacity:0}}.celebration-message{text-align:center;opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.5)}.celebration-message.visible{opacity:1;transform:scale(1)}.celebration-bloom{margin-bottom:8px;font-size:64px;animation:.8s forwards bloomGrow}@keyframes bloomGrow{0%{transform:scale(.3)rotate(-20deg)}50%{transform:scale(1.3)rotate(10deg)}70%{transform:scale(.9)rotate(-5deg)}to{transform:scale(1)rotate(0)}}.celebration-message h2{color:var(--leaf-green-dark);margin-bottom:4px;font-size:24px;font-weight:800}.celebration-word{color:var(--leaf-green);margin-top:4px;font-size:28px;font-weight:700}.celebration-sparkle-ring{pointer-events:none;width:160px;height:160px;margin:-80px 0 0 -80px;position:absolute;top:50%;left:50%}.sparkle-dot{background:var(--warm-yellow);width:8px;height:8px;animation:.8s ease-out forwards sparkleOut;animation-delay:inherit;opacity:0;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes sparkleOut{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}30%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-60px) scale(1.2)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-90px) scale(.3)}}.log-word-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.log-word-sheet{background:var(--cream);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-md) var(--space-lg) var(--space-2xl);width:100%;max-width:430px;max-height:85vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--border);width:40px;height:4px;margin:0 auto var(--space-lg);border-radius:2px}.sheet-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.sheet-logo-img{width:36px;height:auto}.sheet-header h3{font-size:18px;font-weight:700}.sheet-header p{color:var(--text-secondary);margin-top:2px;font-size:13px}.word-input{border:2px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;margin-bottom:var(--space-lg);padding:16px 18px;font-size:18px;transition:border-color .2s}.word-input:focus{border-color:var(--leaf-green)}.chip-section{margin-bottom:var(--space-lg)}.chip-section label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:block}.chip-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);white-space:nowrap;padding:8px 14px;font-size:13px;transition:all .2s}.chip.selected{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:#8ed08126;font-weight:600}.lang-chip.selected{border-color:var(--sky-blue);color:var(--text-primary);background:#a0d8ef26}.language-section{margin-bottom:var(--space-sm)}.note-optional{color:var(--text-light);font-weight:400}.word-note-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s}.word-note-input:focus{border-color:var(--leaf-green);outline:none}.word-note-input::placeholder{color:var(--text-light);font-style:italic}.word-flashcard{margin:var(--space-sm) 0 var(--space-md);flex-direction:column;align-items:center;animation:.4s cubic-bezier(.34,1.56,.64,1) both flashcardPop;display:flex}.word-flashcard-inner{border:2.5px solid var(--warm-yellow);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff 0%,#fffdf5 100%);flex-direction:column;align-items:center;gap:8px;min-width:200px;padding:20px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a,inset 0 -3px #f5cb5c33}.word-flashcard-inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd7644d 0%,#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:-20px;right:-20px}.word-flashcard-image{filter:drop-shadow(0 4px 8px #0000001a);font-size:90px;line-height:1;animation:.6s ease-out .15s both flashcardBounce}.word-flashcard-label{color:var(--text-primary);text-transform:lowercase;letter-spacing:.5px;font-family:Nunito,Quicksand,system-ui,sans-serif;font-size:24px;font-weight:700}.word-flashcard-hint{color:var(--leaf-green-dark);text-align:center;margin:6px 0 0;font-size:12px;font-weight:600;animation:.4s ease-out .4s both flashcardFadeIn}@keyframes flashcardPop{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes flashcardBounce{0%{transform:scale(.5)rotate(-10deg)}50%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes flashcardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.duplicate-word-msg{border:1.5px solid var(--warm-yellow);border-radius:var(--radius-lg);margin-top:var(--space-sm);background:linear-gradient(135deg,#fff8f2,#fff3e8);align-items:flex-start;gap:10px;padding:12px 14px;animation:.4s ease-out both duplicateBounceIn;display:flex}.duplicate-word-icon{flex-shrink:0;font-size:1.4rem;animation:.6s ease-in-out .3s both duplicateWiggle}.duplicate-word-msg p{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:500;line-height:1.5}@keyframes duplicateBounceIn{0%{opacity:0;transform:translateY(10px)scale(.95)}60%{transform:translateY(-3px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes duplicateWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.save-word-btn{border-radius:var(--radius-full);background:var(--leaf-green);color:#fff;width:100%;margin-top:var(--space-sm);padding:16px;font-size:17px;font-weight:600;transition:all .2s}.save-word-btn:active{transform:scale(.97)}.save-word-btn.disabled{opacity:.5;pointer-events:none}.save-success{text-align:center;padding:var(--space-2xl) 0;animation:.4s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.success-icon{margin-bottom:var(--space-md);font-size:56px;display:block}.save-success h3{margin-bottom:var(--space-xs);font-size:20px;font-weight:700}.save-success p{color:var(--text-secondary);font-size:14px}.word-limit-gate{text-align:center;padding:var(--space-xl) 0 var(--space-md)}.word-limit-icon{margin-bottom:var(--space-md);font-size:48px;display:block}.word-limit-gate h3{margin-bottom:var(--space-sm);font-size:20px;font-weight:700}.word-limit-gate p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.word-limit-count{margin-bottom:var(--space-lg);justify-content:center;align-items:baseline;gap:6px;display:flex}.word-limit-number{color:var(--leaf-green-dark);font-size:36px;font-weight:800}.word-limit-label{color:var(--text-light);font-size:14px}.word-limit-dismiss{color:var(--text-light);margin-top:var(--space-md);background:0 0;padding:8px 16px;font-size:14px}.word-limit-bar{margin-bottom:var(--space-md)}.word-limit-bar-track{background:var(--cream-dark);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.word-limit-bar-fill{background:linear-gradient(90deg, var(--mint), var(--leaf-green));border-radius:3px;height:100%;transition:width .4s}.word-limit-bar-text{color:var(--text-light);text-align:right;font-size:11px;display:block}.logphrase-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both logphraseOverlayIn;display:flex;position:fixed;inset:0}@keyframes logphraseOverlayIn{0%{opacity:0}to{opacity:1}}.logphrase-sheet{background:var(--white);border-radius:24px 24px 0 0;width:100%;max-width:430px;max-height:92vh;padding:8px 20px 24px;animation:.3s cubic-bezier(.16,1,.3,1) both logphraseSheetUp;overflow-y:auto}@keyframes logphraseSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.logphrase-handle{background:var(--border);border-radius:2px;width:38px;height:4px;margin:0 auto 12px}.logphrase-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.logphrase-header-icon{font-size:32px}.logphrase-limit-bar{background:var(--cream-bg,var(--cream));border-radius:999px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex}.logphrase-limit-bar-track{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.logphrase-limit-bar-fill{background:linear-gradient(90deg, var(--leaf-green), #6bc45e);border-radius:3px;height:100%;transition:width .3s}.logphrase-limit-bar-text{color:var(--text-secondary);white-space:nowrap;font-size:11px;font-weight:700}.logphrase-limit-gate{text-align:center;padding:12px 16px 24px}.logphrase-limit-icon{margin-bottom:12px;font-size:64px;animation:3s ease-in-out infinite logphraseLimitFloat;display:block}@keyframes logphraseLimitFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logphrase-limit-gate h3{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 10px;font-size:20px;font-weight:800}.logphrase-limit-gate p{color:var(--text-secondary);max-width:340px;margin:0 auto 20px;font-size:14px;line-height:1.6}.logphrase-limit-count{border:1.5px solid var(--warm-yellow);background:linear-gradient(135deg,#fffbe6,#fff8f2);border-radius:16px;justify-content:center;align-items:baseline;gap:6px;margin-bottom:20px;padding:14px 20px;display:flex}.logphrase-limit-number{color:var(--leaf-green-dark);font-size:28px;font-weight:800;line-height:1}.logphrase-limit-label{color:var(--text-secondary);font-size:12px;font-weight:600}.logphrase-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:800;line-height:1.2}.logphrase-header p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.logphrase-input-wrap{margin-bottom:14px;position:relative}.logphrase-input{border:2px solid var(--border);background:var(--cream-bg,var(--cream));width:100%;color:var(--text-primary);box-sizing:border-box;resize:none;border-radius:16px;outline:none;padding:14px 16px;font-family:inherit;font-size:17px;font-weight:600;line-height:1.4;transition:border-color .15s}.logphrase-input:focus{border-color:var(--leaf-green);background:var(--white)}.logphrase-input::placeholder{color:var(--text-light);font-weight:400}.logphrase-counter{background:var(--cream-bg,var(--cream));color:var(--text-secondary);text-align:center;border-radius:8px;margin-top:6px;padding:6px 12px;font-size:12px;font-weight:600;animation:.2s ease-out both logphraseCounterPop}.logphrase-counter.valid{background:var(--mint);color:var(--leaf-green-dark)}@keyframes logphraseCounterPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.logphrase-starters{margin-bottom:16px}.logphrase-starters-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.logphrase-starters-chips{flex-wrap:wrap;gap:6px;display:flex}.logphrase-starter-chip{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.logphrase-starter-chip:active{background:var(--mint);border-color:var(--leaf-green);transform:scale(.97)}.logphrase-section{margin-bottom:14px}.logphrase-section label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.logphrase-optional{color:var(--text-light);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.logphrase-chips{flex-wrap:wrap;gap:6px;display:flex}.logphrase-chip{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .15s}.logphrase-chip.selected{background:var(--mint);border-color:var(--leaf-green);color:var(--leaf-green-dark)}.logphrase-chip:active{transform:scale(.97)}.logphrase-note{border:1.5px solid var(--border);background:var(--cream-bg,var(--cream));width:100%;color:var(--text-primary);resize:none;box-sizing:border-box;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.4;transition:border-color .15s}.logphrase-note:focus{border-color:var(--leaf-green);background:var(--white)}.logphrase-note::placeholder{color:var(--text-light)}.logphrase-dup{border:1.5px solid var(--warm-yellow);background:linear-gradient(135deg,#fff8f2,#fff3e8);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 12px;animation:.3s ease-out both logphraseDupIn;display:flex}@keyframes logphraseDupIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.logphrase-dup-icon{flex-shrink:0;font-size:18px}.logphrase-dup p{color:var(--text-primary);margin:0;font-size:13px;font-weight:500;line-height:1.5}.logphrase-save{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;margin-top:8px;padding:14px;font-size:15px;font-weight:700;transition:transform .15s;box-shadow:0 4px 14px #8ed08159}.logphrase-save:active:not(.disabled){transform:scale(.98)}.logphrase-save.disabled{background:var(--border);color:var(--text-light);cursor:not-allowed;box-shadow:none}.logphrase-cancel{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:10px;font-size:13px;font-weight:600}.logphrase-celebrate{text-align:center;padding:48px 24px 32px;animation:.3s cubic-bezier(.16,1,.3,1) both logphraseSheetUp}.logphrase-celebrate-inner{flex-direction:column;align-items:center;display:flex}.logphrase-celebrate-icon{margin-bottom:16px;font-size:72px;animation:.8s cubic-bezier(.34,1.56,.64,1) both logphraseBounce}@keyframes logphraseBounce{0%{transform:scale(.3)rotate(-20deg)}60%{transform:scale(1.15)rotate(8deg)}to{transform:scale(1)rotate(0)}}.logphrase-celebrate h2{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 12px;font-size:22px;font-weight:800}.logphrase-celebrate-text{color:var(--text-primary);background:var(--mint);word-break:break-word;border-radius:16px;max-width:100%;margin:0 0 10px;padding:12px 20px;font-size:22px;font-weight:800}.logphrase-celebrate-sub{color:var(--text-secondary);margin:0 0 28px;font-size:13px}.logphrase-celebrate-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:14px 32px;font-size:14px;font-weight:700;transition:transform .15s;box-shadow:0 4px 14px #8ed08159}.logphrase-celebrate-btn:active{transform:scale(.96)}.la-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both laOverlayIn;display:flex;position:fixed;inset:0}@keyframes laOverlayIn{0%{opacity:0}to{opacity:1}}.la-sheet{background:var(--white);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:430px;max-height:94vh;animation:.35s cubic-bezier(.16,1,.3,1) both laSheetUp;display:flex;overflow:hidden}@keyframes laSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.la-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:38px;height:4px;margin:8px auto}.la-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:8px 16px 12px;display:flex}.la-back-btn,.la-close-btn{background:var(--cream-bg,var(--cream));cursor:pointer;width:32px;height:32px;color:var(--text-primary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:background .15s;display:flex}.la-back-btn:active,.la-close-btn:active{background:var(--border)}.la-progress{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.la-progress-track{background:var(--border);border-radius:3px;width:100%;height:5px;overflow:hidden}.la-progress-fill{background:linear-gradient(90deg, var(--leaf-green), #6bc45e);border-radius:3px;height:100%;transition:width .4s ease-out}.la-progress-text{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.la-body{flex:1;padding:20px 20px 8px;overflow-y:auto}.la-intro{text-align:center;flex:1;padding:24px 24px 20px;overflow-y:auto}.la-intro-icon{margin-bottom:12px;font-size:56px;animation:3s ease-in-out infinite laFloat;display:block}@keyframes laFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.la-intro h2{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 10px;font-size:22px;font-weight:800}.la-intro>p{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.55}.la-intro-why{background:var(--cream-bg,var(--cream));text-align:left;border-radius:14px;margin-bottom:16px;padding:14px 16px}.la-intro-why h4{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:800}.la-intro-why ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.la-intro-why li{color:var(--text-secondary);font-size:13px;line-height:1.4}.la-intro-age{color:var(--text-light)!important;margin:0 0 16px!important;font-size:12px!important}.la-intro-age strong{color:var(--leaf-green-dark)}.la-question{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 8px;font-size:18px;font-weight:800;line-height:1.3}.la-hint{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.la-options{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.la-option{background:var(--white);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.la-option:active{transform:scale(.98)}.la-option.selected{border-color:var(--leaf-green);background:linear-gradient(135deg,#f4f9f0,#e8f5e1);box-shadow:0 2px 8px #8ed08133}.la-option-label{color:var(--text-primary);flex:1;font-size:15px;font-weight:600}.la-option-check{background:var(--leaf-green);width:22px;height:22px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.la-checklist{flex-direction:column;gap:8px;display:flex}.la-check-item{background:var(--white);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.la-check-item.checked{border-color:var(--leaf-green);background:linear-gradient(135deg,#f4f9f0,#e8f5e1)}.la-check-item:active{transform:scale(.98)}.la-check-box{border:2px solid var(--border);width:22px;height:22px;color:var(--white);background:var(--white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;transition:all .15s;display:flex}.la-check-box.checked{background:var(--leaf-green);border-color:var(--leaf-green)}.la-check-label{color:var(--text-primary);flex:1;font-size:14px;line-height:1.4}.la-summary{text-align:center;padding:24px 20px 20px}.la-summary-icon{margin-bottom:12px;font-size:56px;animation:.6s cubic-bezier(.34,1.56,.64,1) both laSummaryBounce;display:block}@keyframes laSummaryBounce{0%{transform:scale(.3)rotate(-10deg)}60%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}.la-summary h2{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 8px;font-size:24px;font-weight:800}.la-summary>p{color:var(--text-secondary);margin:0 0 20px;font-size:14px}.la-summary-stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:18px;display:grid}.la-summary-stat{border:1.5px solid var(--mint);background:linear-gradient(135deg,#f4f9f0,#e8f5e1);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;display:flex}.la-summary-num{color:var(--leaf-green-dark);font-size:20px;font-weight:800}.la-summary-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;text-align:center;font-size:10px;font-weight:600}.la-summary-note{border:1.5px solid var(--warm-yellow);text-align:left;background:#fffbe6;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.la-summary-note span{flex-shrink:0;font-size:18px}.la-summary-note p{color:var(--text-primary);margin:0;font-size:12px;line-height:1.5}.la-footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--white);flex-shrink:0}.la-btn-primary{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:14px;font-size:15px;font-weight:700;transition:transform .15s,opacity .15s;box-shadow:0 4px 14px #8ed08159}.la-btn-primary:active:not(.disabled){transform:scale(.98)}.la-btn-primary.disabled,.la-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.la-btn-skip{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:10px;font-size:13px;font-weight:600}.screen-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--white);border-bottom:1px solid var(--border);z-index:10;box-sizing:border-box;min-height:60px;display:flex;position:sticky;top:0}.screen-header-back{border-radius:var(--radius-full);background:var(--cream-dark,var(--cream));cursor:pointer;width:36px;height:36px;color:var(--text-primary);z-index:2;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .15s,transform .15s;display:flex;position:relative}.screen-header-back:active{background:var(--border);transform:scale(.94)}.screen-header-back>span{font-weight:600;line-height:1}.screen-header-spacer{flex-shrink:0;width:36px;height:36px}.screen-header-title-wrap{text-align:center;pointer-events:none;max-width:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen-header-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700;line-height:1.25;overflow:hidden}.screen-header-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:11px;line-height:1.2;overflow:hidden}.screen-header-action{z-index:2;flex-shrink:0;align-items:center;gap:6px;display:flex;position:relative}.screen-header-action-btn{background:linear-gradient(135deg, var(--leaf-green), var(--leaf-green-dark));color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:700;transition:transform .15s;box-shadow:0 2px 8px #8ed0814d}.screen-header-action-btn:active{transform:scale(.95)}.screen-header-action-icon{border-radius:var(--radius-full);background:var(--cream-dark,var(--cream));cursor:pointer;width:36px;height:36px;color:var(--text-primary);border:none;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:background .15s,transform .15s;display:flex;position:relative}.screen-header-action-icon:active{background:var(--border);transform:scale(.94)}.child-profile-screen{padding:var(--space-md);max-width:430px;margin:0 auto;padding-bottom:100px}.cp-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.cp-back{color:var(--leaf-green-dark);background:0 0;font-size:15px;font-weight:600}.cp-header h1{font-size:20px;font-weight:700}.cp-avatar-section{margin-bottom:var(--space-lg);flex-direction:column;align-items:center;display:flex}.cp-avatar-section h2{margin-top:var(--space-md);font-size:22px;font-weight:700}.cp-age{color:var(--text-secondary);margin-top:2px;font-size:14px}.avatar-preview{border-radius:50%;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f}.avatar-photo{object-fit:cover;width:100%;height:100%}.avatar-svg{width:100%;height:100%;display:block}.av-eye-group{transform-origin:50% 100px;animation:4s infinite avBlink}.av-iris,.av-pupil-svg{animation:6s infinite avLook}.av-mouth-svg{transform-origin:50%;animation:5s infinite avSmile}@keyframes avBlink{0%,94%,to{transform:scaleY(1)}96%,98%{transform:scaleY(.05)}}@keyframes avLook{0%,35%{transform:translate(0)}40%,55%{transform:translate(2px)}60%,75%{transform:translate(-1px)}80%,to{transform:translate(0)}}@keyframes avSmile{0%,65%,to{transform:scale(1)}70%,90%{transform:scale(1.08,1.12)}}.cp-tabs{gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:4px;display:flex}.cp-tab{border-radius:var(--radius-md);color:var(--text-secondary);background:0 0;flex:1;padding:10px 8px;font-size:13px;font-weight:500;transition:all .2s}.cp-tab.active{background:var(--leaf-green);color:#fff;font-weight:600}.cp-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border)}.track-no-dob{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.track-no-dob span{margin-bottom:var(--space-sm);font-size:40px;display:block}.track-status-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);border-left:4px solid var(--track-color);padding:20px}.track-status-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.track-status-emoji{font-size:36px}.track-status-label{margin:0;font-size:20px;font-weight:800}.track-status-age{color:var(--text-light);margin:0;font-size:13px}.track-status-msg{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.track-gauges{flex-direction:column;gap:10px;display:flex}.track-gauge-bar{background:var(--border);border-radius:8px;height:8px;overflow:hidden}.track-gauge-fill{border-radius:8px;height:100%;transition:width .6s}.track-gauge-info{color:var(--text-light);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.track-gauge-info span:last-child{color:var(--text-secondary);font-weight:600}.track-group-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);padding:16px}.track-group-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.track-group-badge{background:linear-gradient(135deg, var(--mint), var(--sky-blue));color:var(--white);border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:700}.track-group-subtitle{color:var(--text-light);font-size:13px}.track-checklist{flex-direction:column;gap:2px;display:flex}.track-item{border-radius:var(--radius-md);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:10px 8px;transition:background .15s;display:flex}.track-item:active{background:#00000008}.track-item.checked{opacity:.7}.track-item.auto{cursor:default}.track-check{flex-shrink:0;font-size:18px}.track-item-icon{flex-shrink:0;font-size:16px}.track-item-content{flex:1;min-width:0}.track-item-text{color:var(--text-primary);font-size:14px;display:block}.track-area-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);margin-top:3px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.track-area-badge.speech{color:#3d8b6e;background:#a8e6cf4d}.track-area-badge.hearing{color:#2b7aa5;background:#a0d8ef4d}.track-area-badge.understanding{color:#7b5a7b;background:#cbaacb4d}.track-area-badge.social{color:#b5724a;background:#ffd3b64d}.track-check-note{color:var(--text-light);text-align:center;margin-top:12px;font-size:11px}.track-section-title{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px;font-weight:700}.track-past-section{margin-bottom:var(--space-lg)}.track-past-group{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:8px;overflow:hidden}.track-past-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;list-style:none;display:flex}.track-past-summary::-webkit-details-marker{display:none}.track-past-label{color:var(--text-primary);font-size:14px;font-weight:600}.track-past-count{color:var(--leaf-green);border-radius:var(--radius-full);background:#8ed0811f;padding:3px 10px;font-size:13px;font-weight:700}.track-checklist.compact .track-item{padding:8px 16px}.track-checklist.compact .track-item-text{font-size:13px}.track-upcoming-section{margin-bottom:var(--space-lg)}.track-upcoming-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px dashed var(--border);padding:16px}.track-upcoming-badge{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.track-upcoming-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.track-upcoming-list li{color:var(--text-secondary);padding-left:4px;font-size:13px}.track-disclaimer{border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:#ffe28a1f;padding:14px 16px}.track-disclaimer p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.track-asha-link{color:var(--sky-blue);margin-top:8px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.age-tracker-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);border:1px solid #8ed08133;padding:16px}.age-tracker-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.age-tracker-header span:first-child{font-size:18px}.age-tracker-main{align-items:flex-start;gap:16px;display:flex}.age-big{flex-shrink:0;gap:12px;display:flex}.age-unit{background:linear-gradient(135deg, var(--mint), var(--sky-blue));border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:64px;padding:12px 16px;display:flex}.age-number{color:var(--white);font-size:28px;font-weight:800;line-height:1}.age-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:600}.age-details{flex-direction:column;flex:1;gap:6px;padding-top:4px;display:flex}.age-detail-row{justify-content:space-between;align-items:center;display:flex}.age-detail-label{color:var(--text-light);font-size:13px}.age-detail-value{color:var(--text-primary);font-size:14px;font-weight:700}.age-countdown{border-radius:var(--radius-md);color:var(--text-secondary);background:#ffe28a26;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.cp-field{margin-bottom:var(--space-lg)}.cp-field:last-child{margin-bottom:0}.cp-field label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:12px;font-weight:600;display:block}.cp-value{color:var(--text-primary);font-size:15px}.cp-value-row{justify-content:space-between;align-items:center;display:flex}.cp-value-row span{font-size:15px}.cp-edit-btn{color:var(--leaf-green);background:0 0;font-size:14px;font-weight:600}.cp-edit-row{gap:var(--space-sm);display:flex}.cp-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--cream);flex:1;padding:10px 14px;font-size:15px}.cp-input:focus{border-color:var(--leaf-green)}.cp-gender-options{gap:var(--space-sm);flex-wrap:wrap;display:flex}.cp-gender-chip{border-radius:var(--radius-full);background:var(--cream);border:1.5px solid var(--border);color:var(--text-primary);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.cp-gender-chip.selected{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:#8ed0811f;font-weight:600}.cp-languages{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.cp-lang-tag{border-radius:var(--radius-full);background:#a0d8ef1f;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:500;display:inline-flex}.cp-primary-badge{color:var(--leaf-green-dark);background:#8ed08133;border-radius:6px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:700}.cp-lang-edit{margin-top:var(--space-sm)}.cp-lang-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.cp-lang-option{border-radius:var(--radius-md);background:var(--cream);color:var(--text-secondary);border:1.5px solid #0000;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.cp-lang-option.selected{border-color:var(--sky-blue);color:var(--text-primary);background:#a0d8ef1a;font-weight:600}.cp-lang-premium-note{color:var(--text-light);margin-top:var(--space-sm);text-align:center;font-size:12px;font-style:italic}.cp-save-btn{background:var(--leaf-green);color:#fff;border-radius:var(--radius-md);padding:10px 20px;font-size:14px;font-weight:600}.cp-cancel-btn{background:var(--white);border:1.5px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-md);padding:10px 20px;font-size:14px;font-weight:500}.avatar-mode-toggle{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.mode-btn{border-radius:var(--radius-md);background:var(--cream);border:1.5px solid var(--border);color:var(--text-secondary);flex:1;padding:10px;font-size:14px;font-weight:500;transition:all .2s}.mode-btn.active{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:#8ed08126;font-weight:600}.photo-upload-section{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.upload-btn{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);padding:14px 32px;font-size:15px;font-weight:600}.remove-photo-btn{color:var(--text-light);background:0 0;font-size:13px;text-decoration:underline}.avatar-builder{gap:var(--space-lg);flex-direction:column;display:flex}.builder-section label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:block}.color-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.color-swatch{border:3px solid #0000;border-radius:50%;width:36px;height:36px;transition:all .2s;box-shadow:0 1px 4px #0000001a}.color-swatch.selected{border-color:var(--leaf-green);transform:scale(1.15);box-shadow:0 2px 8px #8ed08166}.eye-swatch{width:30px;height:30px}.style-row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.style-chip{border-radius:var(--radius-full);background:var(--cream);border:1.5px solid var(--border);color:var(--text-primary);text-transform:capitalize;padding:8px 14px;font-size:13px;transition:all .2s}.style-chip.selected{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:#8ed08126;font-weight:600}.children-list{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.child-card{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);background:var(--cream);border:1.5px solid var(--border);text-align:left;padding:12px;transition:all .2s;display:flex}.child-card.active{border-color:var(--leaf-green);background:#8ed08114}.child-card-info{flex-direction:column;flex:1;display:flex}.child-card-name{font-size:15px;font-weight:600}.child-card-dob{color:var(--text-light);font-size:12px}.child-active-badge{color:var(--leaf-green-dark);border-radius:var(--radius-full);background:#8ed08133;padding:4px 10px;font-size:11px;font-weight:600}.add-child-btn{border-radius:var(--radius-md);border:2px dashed var(--border);width:100%;color:var(--text-secondary);background:0 0;padding:14px;font-size:15px;font-weight:500;transition:all .2s}.add-child-btn:active{border-color:var(--leaf-green);color:var(--leaf-green-dark)}.add-child-form{margin-top:var(--space-md);padding:var(--space-md);background:var(--cream);border-radius:var(--radius-md);border:1.5px solid var(--border)}.add-child-form h3{margin-bottom:var(--space-md);font-size:16px;font-weight:600}.add-child-form .cp-input{width:100%;margin-bottom:var(--space-sm)}.add-child-actions{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.add-child-actions button{flex:1}.cp-save-btn:disabled{opacity:.5}.notif-unsupported{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.notif-unsupported span{margin-bottom:var(--space-sm);font-size:40px;display:block}.notif-permission-card{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.notif-perm-icon{margin-bottom:var(--space-sm);font-size:48px;display:block}.notif-permission-card h3{margin-bottom:var(--space-xs);font-size:18px}.notif-permission-card p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px}.notif-perm-btn{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);padding:12px 24px;font-size:15px;font-weight:700}.notif-status-row{align-items:center;gap:var(--space-sm);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);padding:16px;font-size:16px;font-weight:600;display:flex}.notif-status-row span:first-child{font-size:20px}.notif-status-row .notif-toggle{margin-left:auto}.notif-toggle{width:48px;height:28px;display:inline-block;position:relative}.notif-toggle input{opacity:0;width:0;height:0}.notif-toggle-slider{cursor:pointer;background:var(--border);border-radius:28px;transition:all .3s;position:absolute;inset:0}.notif-toggle-slider:before{content:"";background:var(--white);border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.notif-toggle.small .notif-toggle-slider:before{width:18px;height:18px}.notif-toggle input:checked+.notif-toggle-slider{background:var(--leaf-green)}.notif-toggle input:checked+.notif-toggle-slider:before{transform:translate(20px)}.notif-toggle input:disabled+.notif-toggle-slider{opacity:.4;cursor:not-allowed}.notif-options-list{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;display:flex;overflow:hidden}.notif-options-list.disabled{opacity:.5;pointer-events:none}.notif-opt-row{align-items:center;gap:var(--space-sm);padding:14px 16px;display:flex}.notif-opt-row+.notif-opt-row{border-top:1px solid var(--border)}.notif-opt-icon{flex-shrink:0;font-size:20px}.notif-opt-info{flex:1;min-width:0}.notif-opt-label{color:var(--text-primary);font-size:15px;font-weight:600;display:block}.notif-opt-desc{color:var(--text-light);margin-top:2px;font-size:12px;display:block}.cp-assessment-card{border:1.5px solid var(--warm-yellow);background:linear-gradient(135deg,#fffbe6,#fff8f2);border-radius:16px;margin-bottom:16px;padding:16px}.cp-assessment-card.has-assessment{border-color:var(--mint);background:linear-gradient(135deg,#f4f9f0,#e8f5e1)}.cp-assessment-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cp-assessment-icon{flex-shrink:0;font-size:28px}.cp-assessment-header h4{color:var(--text-primary);margin:0;font-size:15px;font-weight:800;line-height:1.2}.cp-assessment-meta{color:var(--text-secondary);margin-top:2px;font-size:11px;display:block}.cp-assessment-desc{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.cp-assessment-stats{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;margin-bottom:12px;display:grid}.cp-assessment-stat{background:var(--white);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.cp-assessment-num{color:var(--leaf-green-dark);font-size:17px;font-weight:800}.cp-assessment-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:9px;font-weight:700}.cp-assessment-btn{background:var(--white);border:1.5px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:999px;padding:10px;font-size:13px;font-weight:700;transition:all .15s}.cp-assessment-btn:active{background:var(--cream-bg,var(--cream));transform:scale(.98)}.cp-assessment-btn-primary{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);border-color:var(--leaf-green);box-shadow:0 2px 8px #8ed08159}.cp-assessment-btn-primary:active{background:linear-gradient(135deg, var(--leaf-green), #6bc45e)}.cs-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both csOverlayIn;display:flex;position:fixed;inset:0}@keyframes csOverlayIn{0%{opacity:0}to{opacity:1}}.cs-sheet{background:var(--white);width:100%;max-width:430px;padding:8px 20px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) both csSheetUp;overflow-y:auto}@keyframes csSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cs-handle{background:var(--border);border-radius:2px;width:38px;height:4px;margin:0 auto 12px}.cs-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cs-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.cs-close{background:var(--cream-bg,var(--cream));width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;transition:background .15s;display:flex}.cs-close:active{background:var(--border)}.cs-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.cs-item{background:var(--white);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.cs-item:active{background:var(--cream-bg,var(--cream));transform:scale(.98)}.cs-item.active{border-color:var(--leaf-green);background:linear-gradient(135deg,#f4f9f0,#e8f5e1);box-shadow:0 2px 8px #8ed08133}.cs-item-avatar{background:var(--mint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.cs-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cs-item-name{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.2}.cs-item-meta{color:var(--text-light);font-size:11px;font-weight:500}.cs-item-active-badge{background:var(--leaf-green);color:var(--white);letter-spacing:.3px;text-transform:uppercase;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:800}.cs-item-arrow{color:var(--text-light);flex-shrink:0;font-size:18px}.cs-add-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:700;transition:transform .15s;display:flex;box-shadow:0 4px 14px #8ed08159}.cs-add-btn:active{transform:scale(.98)}.cs-add-plus{font-size:18px;font-weight:800;line-height:1}.cs-edit-btn{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:10px;font-size:13px;font-weight:600}.cs-edit-btn:active{color:var(--leaf-green-dark)}.cs-add-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.cs-add-back{background:var(--cream-bg,var(--cream));width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex}.cs-add-header h3{color:var(--text-primary);text-align:center;flex:1;margin:0;font-size:17px;font-weight:800}.cs-add-body{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.cs-field{flex-direction:column;gap:6px;display:flex}.cs-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.cs-optional{color:var(--text-light);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.cs-input{border:1.5px solid var(--border);background:var(--cream-bg,var(--cream));width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.cs-input:focus{border-color:var(--leaf-green);background:var(--white)}.cs-gender-chips{flex-direction:column;gap:6px;display:flex}.cs-gender-chip{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:12px;padding:10px 14px;font-size:14px;transition:all .15s}.cs-gender-chip.selected{border-color:var(--leaf-green);color:var(--leaf-green-dark);background:linear-gradient(135deg,#f4f9f0,#e8f5e1);font-weight:600}.cs-add-hint{color:var(--text-light);text-align:center;margin:0;font-size:12px;line-height:1.5}.cs-footer{flex-direction:column;gap:6px;display:flex}.cs-btn-primary{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:14px;font-size:15px;font-weight:700;transition:transform .15s;box-shadow:0 4px 14px #8ed08159}.cs-btn-primary.disabled,.cs-btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.cs-btn-primary:active:not(.disabled){transform:scale(.98)}.cs-btn-cancel{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:10px;font-size:13px;font-weight:600}.share-overlay{z-index:150;background:#0006;justify-content:center;align-items:flex-end;animation:.2s shareFadeIn;display:flex;position:fixed;inset:0}@keyframes shareFadeIn{0%{opacity:0}to{opacity:1}}.share-sheet{background:var(--cream);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-md) var(--space-lg) var(--space-2xl);width:100%;max-width:430px;max-height:90vh;animation:.3s shareSlideUp;overflow-y:auto}@keyframes shareSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-handle{background:var(--border);width:40px;height:4px;margin:0 auto var(--space-lg);border-radius:2px}.share-card-preview{margin-bottom:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #0000001a}.sc-card{background:#fff;padding:24px;position:relative}.sc-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sc-logo{width:32px;height:auto}.sc-badge{text-transform:uppercase;letter-spacing:.5px;color:var(--leaf-green-dark);background:#8ed08133;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.sc-badge-gold{color:#b8860b;background:#ffe28a4d}.sc-badge-blue{color:#2471a3;background:#a0d8ef4d}.sc-badge-pink{color:#c0392b;background:#ff9aa233}.sc-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.sc-tagline{color:#aaa;font-size:11px;font-style:italic}.sc-app{color:var(--leaf-green);font-size:13px;font-weight:700}.sc-word{background:linear-gradient(#f8fff5 0%,#fff 100%)}.sc-word-main{text-align:center;margin-bottom:16px}.sc-word-emoji{margin-bottom:8px;font-size:36px;display:block}.sc-word-main h2{color:var(--text-primary);margin-bottom:4px;font-size:32px;font-weight:800}.sc-child-name{color:var(--text-secondary);font-size:14px}.sc-word-meta{color:var(--text-light);justify-content:center;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.sc-cat-badge{color:#fff;border-radius:12px;padding:3px 10px;font-size:12px}.sc-word-stats{justify-content:center;gap:32px;display:flex}.sc-mini-stat{text-align:center}.sc-mini-stat strong{color:var(--leaf-green-dark);font-size:20px;font-weight:700;display:block}.sc-mini-stat span{color:var(--text-light);font-size:11px}.sc-milestone{background:linear-gradient(#fffef5 0%,#fff 100%)}.sc-milestone-main{text-align:center;margin-bottom:16px}.sc-milestone-icon{margin-bottom:8px;font-size:48px;display:block}.sc-milestone-main h2{font-size:22px;font-weight:800}.sc-milestone-desc{color:var(--text-secondary);margin-top:4px;font-size:14px}.sc-milestone-child{text-align:center;margin-bottom:16px}.sc-milestone-child p{color:var(--leaf-green-dark);font-size:14px;font-weight:600}.sc-milestone-child span{color:var(--text-light);font-size:12px}.sc-report{background:linear-gradient(#f5faff 0%,#fff 100%)}.sc-report h2{margin-bottom:2px;font-size:20px;font-weight:700}.sc-report-period{color:var(--text-light);margin-bottom:16px;font-size:13px}.sc-report-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.sc-report-stat{text-align:center;background:#f8f9fa;border-radius:12px;padding:12px}.sc-report-num{color:var(--leaf-green-dark);font-size:24px;font-weight:800;display:block}.sc-report-stat span{color:var(--text-light);font-size:11px}.sc-report-highlight{text-align:center;color:var(--text-secondary);background:#8ed08114;border-radius:8px;padding:10px;font-size:14px}.sc-memory{background:linear-gradient(#fff5f8 0%,#fff 100%)}.sc-memory-main{text-align:center;margin-bottom:16px}.sc-memory-wave{justify-content:center;align-items:center;gap:3px;height:40px;margin-bottom:12px;display:flex}.sc-wave-bar{background:var(--leaf-green);border-radius:2px;width:4px;height:100%;animation:1.2s ease-in-out infinite scWave}@keyframes scWave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.sc-memory-main h2{font-size:28px;font-weight:800}.sc-memory-main p{color:var(--text-secondary);margin-top:4px;font-size:14px}.sc-memory-date{text-align:center;color:var(--text-light);font-size:13px}.share-actions{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.share-btn{border-radius:var(--radius-full);flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;transition:transform .2s;display:flex}.share-btn:active{transform:scale(.97)}.share-btn-primary{background:var(--leaf-green);color:#fff}.share-btn-copy{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary)}.share-close{width:100%;color:var(--text-light);background:0 0;padding:12px;font-size:14px}.share-premium-lock{border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#8ed0811a;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.share-premium-lock span{color:var(--leaf-green-dark);font-size:13px;font-weight:500}.share-premium-lock button{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);padding:6px 16px;font-size:13px;font-weight:600}.sc-progress{color:var(--white)}.sc-progress-main{text-align:center;padding:16px 0 12px}.sc-progress-emoji{margin-bottom:8px;font-size:40px;display:block}.sc-progress-headline{color:var(--white);font-size:42px;font-weight:900;line-height:1}.sc-progress-sub{opacity:.9;margin-top:4px;font-size:16px;font-weight:600}.sc-progress-detail{text-align:center;opacity:.85;margin-bottom:12px;padding:0 8px;font-size:13px;line-height:1.5}.sc-progress-child{text-align:center;opacity:.75;margin-bottom:12px;font-size:14px;font-weight:600}.growth-alerts{margin-bottom:var(--space-lg)}.growth-alerts-header{margin-bottom:var(--space-sm);align-items:center;gap:6px;display:flex}.growth-alerts-icon{font-size:16px}.growth-alerts-title{color:var(--text-secondary);font-size:14px;font-weight:600}.growth-alerts-list{gap:var(--space-sm);flex-direction:column;display:flex}.growth-alert-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:14px 16px;transition:all .2s;animation:.4s backwards alertSlideIn;position:relative;overflow:hidden}.growth-alert-card:nth-child(2){animation-delay:.1s}.growth-alert-card:nth-child(3){animation-delay:.2s}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.growth-alert-card:active{transform:scale(.99)}.alert-accent{border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.alert-top-row{align-items:flex-start;gap:var(--space-sm);padding-left:4px;display:flex}.alert-icon{flex-shrink:0;margin-top:1px;font-size:22px}.alert-content{flex:1;min-width:0}.alert-title{color:var(--text-primary);font-size:15px;font-weight:700;display:block}.alert-message{color:var(--text-secondary);margin-top:4px;font-size:13px;line-height:1.5;animation:.3s alertExpand}@keyframes alertExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:100px}}.alert-tap-hint{color:var(--text-light);margin-top:2px;font-size:11px;display:block}.alert-dismiss{color:var(--text-light);background:0 0;flex-shrink:0;padding:2px 6px;font-size:18px;line-height:1;transition:color .2s}.alert-dismiss:active{color:var(--text-primary)}.obt-overlay{z-index:200;pointer-events:auto;position:fixed;inset:0}.obt-overlay.obt-fade-in{animation:.3s forwards obtFadeIn}.obt-overlay.obt-fade-out{pointer-events:none;animation:.3s forwards obtFadeOut}@keyframes obtFadeIn{0%{opacity:0}to{opacity:1}}@keyframes obtFadeOut{0%{opacity:1}to{opacity:0}}.obt-backdrop{background:#0009;transition:clip-path .4s;position:fixed;inset:0}.obt-spotlight-ring{border-radius:var(--radius-lg);pointer-events:none;border:2px solid #ffffff80;transition:top .4s,left .4s,width .4s,height .4s;position:fixed;box-shadow:0 0 0 4px #8ed0814d}.obt-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);z-index:201;width:calc(100vw - 48px);max-width:300px;animation:.3s forwards obtCardIn;box-shadow:0 8px 32px #0003}.obt-card.obt-card-center{animation:.3s forwards obtCardCenterIn}@keyframes obtCardIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes obtCardCenterIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.obt-arrow{border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;margin:0 auto}.obt-arrow-up{border-bottom:8px solid var(--white);margin-bottom:-1px}.obt-arrow-down{border-top:8px solid var(--white);margin-top:-1px}.obt-step-label{color:var(--leaf-green);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-sm) 0;font-size:11px;font-weight:600}.obt-title{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.obt-desc{color:var(--text-secondary);margin:0 0 var(--space-md) 0;font-size:13px;line-height:1.5}.obt-dots{margin-bottom:var(--space-md);justify-content:center;gap:6px;display:flex}.obt-dot{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background .3s,transform .3s}.obt-dot-active{background:var(--leaf-green);transform:scale(1.3)}.obt-actions{justify-content:space-between;align-items:center;display:flex}.obt-skip{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-family:inherit;font-size:13px}.obt-skip:active{opacity:.6}.obt-next{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;margin-left:auto;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.obt-next:active{background:var(--leaf-green-dark)}.home-screen{padding:var(--space-lg) var(--space-md);padding-bottom:120px}.home-header{margin-bottom:var(--space-lg)}.greeting{align-items:center;gap:var(--space-md);padding-top:4px;display:flex;overflow:visible}.encouragement-banner{align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);margin-bottom:var(--space-md);background:linear-gradient(135deg,#f0f9ed,#e8f5e3);padding:10px 16px;display:flex}.encouragement-emoji{flex-shrink:0;font-size:20px}.encouragement-text{color:var(--leaf-green-dark);font-size:14px;font-weight:500}.greeting-logo{flex-shrink:0;width:48px;height:auto}.greeting-avatar{cursor:pointer;border:2px solid var(--mint);background:var(--mint);border-radius:50%;flex-shrink:0;width:48px;height:48px;transition:transform .15s;position:relative;overflow:visible;box-shadow:0 2px 8px #0000001a}.greeting-avatar:active{transform:scale(.93)}.greeting-avatar .avatar-preview{border-radius:50%;overflow:hidden;width:100%!important;height:100%!important}.greeting-avatar>img,.greeting-avatar>svg{border-radius:50%;overflow:hidden}.greeting-avatar-badge{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);min-width:20px;height:20px;color:var(--white);border:2px solid var(--white);z-index:1;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #00000026}.greeting-photo{object-fit:cover;border-radius:50%;width:48px;height:48px;box-shadow:0 2px 8px #0000001a}.home-header{justify-content:space-between;align-items:flex-start;display:flex}.signout-btn{color:var(--text-light);border-radius:var(--radius-full);border:1px solid var(--border);background:0 0;margin-top:4px;padding:6px 12px;font-size:13px}.settings-icon-btn{background:var(--white);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:18px;transition:background .15s;display:flex}.settings-icon-btn:active{background:var(--mint)}.sync-badge{color:var(--leaf-green);font-size:12px}.greeting h1{font-size:24px;font-weight:700}.greeting p{color:var(--text-secondary);margin-top:2px;font-size:14px}.stat-cards{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;display:flex}.stat-number{color:var(--leaf-green-dark);font-size:36px;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:13px}.streak-banner{border-radius:var(--radius-full);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#fff3e0,#ffe0b2);justify-content:center;align-items:center;gap:8px;padding:10px 20px;animation:2s ease-in-out infinite streakPulse;display:flex}@keyframes streakPulse{0%,to{box-shadow:0 0 #ff980026}50%{box-shadow:0 0 0 6px #ff980000}}.streak-fire{font-size:20px}.streak-text{color:#e65100;font-size:15px;font-weight:700}.streak-badge{color:#bf360c;border-radius:var(--radius-full);background:#fff9;padding:2px 8px;font-size:11px;font-weight:600}.language-stats-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.language-stats-card h3{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px;font-weight:600}.lang-stat-bars{flex-direction:column;gap:8px;display:flex}.lang-stat-row{align-items:center;gap:var(--space-sm);display:flex}.lang-stat-flag{text-align:center;width:20px;font-size:16px}.lang-stat-name{width:60px;color:var(--text-primary);font-size:13px;font-weight:500}.lang-stat-bar{background:var(--cream-dark);border-radius:4px;flex:1;height:8px;overflow:hidden}.lang-stat-fill{background:linear-gradient(90deg, var(--sky-blue), var(--mint));border-radius:4px;min-width:4px;height:100%;transition:width .5s}.lang-stat-count{color:var(--text-secondary);text-align:right;width:24px;font-size:13px;font-weight:700}.word-lang{flex-shrink:0;font-size:12px}.word-garden-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.word-garden-card h3{margin-bottom:var(--space-md);color:var(--text-secondary);font-size:15px;font-weight:600}.garden-visual{align-items:center;gap:var(--space-md);display:flex}.garden-emoji{font-size:48px}.garden-info{flex:1}.garden-stage{color:var(--leaf-green-dark);font-size:16px;font-weight:600}.garden-bar{background:var(--cream-dark);border-radius:4px;height:8px;margin-top:8px;overflow:hidden}.garden-bar-fill{background:linear-gradient(90deg, var(--mint), var(--leaf-green));border-radius:4px;height:100%;transition:width .5s}.recent-words-section{margin-bottom:var(--space-lg)}.recent-words-section h3{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:15px;font-weight:600}.recent-words-list{gap:var(--space-sm);flex-direction:column;display:flex}.recent-word-chip{align-items:center;gap:var(--space-sm);background:var(--white);padding:12px var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex}.word-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.word-text{flex:1;font-size:16px;font-weight:600}.word-date{color:var(--text-light);font-size:12px}.word-share-btn{opacity:.6;background:0 0;margin-left:4px;padding:4px 8px;font-size:14px;transition:opacity .2s}.word-share-btn:active{opacity:1}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.empty-illustration{margin-bottom:var(--space-md);display:inline-block;position:relative}.empty-icon{font-size:56px;animation:2s ease-in-out infinite emptyBounce;display:block}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-sparkles{pointer-events:none;position:absolute;inset:-10px}.empty-sparkle{font-size:16px;animation:2s ease-in-out infinite emptySpark;position:absolute}.es1{animation-delay:0s;top:-5px;right:-15px}.es2{animation-delay:.4s;bottom:0;left:-15px}.es3{animation-delay:.8s;top:5px;left:-10px}@keyframes emptySpark{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.empty-title{color:var(--text-primary);margin-bottom:6px;font-size:18px;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:14px;line-height:1.5}.empty-sub{margin-bottom:var(--space-md);max-width:280px;margin-left:auto;margin-right:auto;color:var(--text-secondary)!important;font-size:14px!important}.empty-hint{border-radius:var(--radius-lg);color:var(--text-secondary);margin-bottom:var(--space-md);background:#8ed0811a;border:1px dashed #8ed08166;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.empty-hint strong{color:var(--leaf-green-dark)}.empty-cta{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#8ed081,#5a9e4b);padding:14px 32px;font-size:16px;font-weight:600;transition:transform .2s}.empty-cta:active{transform:scale(.97)}.voice-memories-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s}.voice-memories-card:active{transform:scale(.99)}.voice-memories-header{align-items:center;gap:var(--space-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);font-size:13px;font-weight:600;display:flex}.voice-memories-list{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.voice-memory-chip{border-radius:var(--radius-full);background:linear-gradient(135deg,#8ed0811f,#a8e6cf1f);border:1px solid #8ed08133;align-items:center;gap:6px;padding:8px 14px;font-size:14px;transition:all .2s;display:flex}.voice-memory-chip.playing{background:var(--mint);border-color:var(--leaf-green)}.vm-play{font-size:10px}.vm-word{color:var(--leaf-green-dark);font-weight:600}.voice-memories-cta{color:var(--leaf-green);font-size:13px;font-weight:600}.tip-card{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);background:linear-gradient(135deg,#8ed0811f,#a8e6cf1f);border:1px solid #8ed08133}.tip-header{align-items:center;gap:var(--space-xs);color:var(--leaf-green-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:600;display:flex}.tip-card h4{margin-bottom:var(--space-xs);font-size:16px;font-weight:600}.tip-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.log-word-fab{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;gap:var(--space-sm);z-index:10;width:calc(100% - 32px);max-width:398px;padding:16px;font-size:17px;font-weight:600;transition:transform .2s;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #8ed08180}.log-picker-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both pickerOverlayIn;display:flex;position:fixed;inset:0}@keyframes pickerOverlayIn{0%{opacity:0}to{opacity:1}}.log-picker-sheet{background:var(--white);width:100%;max-width:430px;padding:8px 20px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) both pickerSheetUp}@keyframes pickerSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.log-picker-handle{background:var(--border);border-radius:2px;width:38px;height:4px;margin:0 auto 16px}.log-picker-sheet h3{color:var(--text-primary);text-align:center;margin:0 0 4px;font-size:20px;font-weight:800}.log-picker-sub{color:var(--text-secondary);text-align:center;margin:0 0 20px;font-size:13px}.log-picker-option{background:var(--white);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:10px;padding:16px 18px;transition:all .15s;display:flex}.log-picker-option:active{background:var(--mint);border-color:var(--leaf-green);transform:scale(.98)}.log-picker-icon{flex-shrink:0;font-size:32px}.log-picker-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.log-picker-title{color:var(--text-primary);font-size:15px;font-weight:700}.log-picker-example{color:var(--text-light);font-size:12px}.log-picker-arrow{color:var(--text-light);flex-shrink:0;font-size:18px}.log-picker-cancel{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:12px;font-size:14px;font-weight:600}.log-word-fab:active{transform:translate(-50%)scale(.97)}.log-word-fab span{font-size:22px;font-weight:400}.wotd-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);border:1px solid #ffe28a4d;padding:16px}.wotd-header{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.wotd-difficulty{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700}.wotd-difficulty.easy{color:#5a9a4e;background:#8ed08126}.wotd-difficulty.medium{color:#b08d1a;background:#ffe28a33}.wotd-difficulty.advanced{color:#7b5a7b;background:#cbaacb33}.wotd-main{align-items:center;gap:12px;margin-bottom:10px;display:flex}.wotd-emoji{font-size:36px}.wotd-word{color:var(--text-primary);font-size:22px;font-weight:800}.wotd-why{color:var(--text-secondary);margin-bottom:10px;font-size:13px;line-height:1.5}.wotd-tip{border-radius:var(--radius-md);background:#ffe28a1a;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.wotd-tip span{flex-shrink:0;margin-top:1px;font-size:16px}.wotd-tip p{color:var(--text-secondary);font-size:13px;line-height:1.4}.wotd-log-btn{background:var(--leaf-green);width:100%;color:var(--white);border-radius:var(--radius-full);padding:10px;font-size:14px;font-weight:700}.home-quick-links{margin-bottom:var(--space-lg);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=360px){.home-quick-links{grid-template-columns:repeat(3,1fr)}}.home-quick-link{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:4px;padding:12px 4px;transition:transform .15s;display:flex}.home-quick-link:active{transform:scale(.95)}.home-quick-link-featured{background:linear-gradient(135deg,#e8f2fb,#f4f9f0);border:1.5px solid #b8d9f5;position:relative}.home-quick-link-featured:after{content:"NEW";background:var(--coral-pink);color:var(--white);letter-spacing:.3px;border-radius:8px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:-6px;right:-4px;box-shadow:0 2px 4px #00000026}.home-quick-link-featured span:last-child{color:#2d6936;font-weight:700}.assessment-prompt-card{border:1.5px solid var(--warm-yellow);margin:0 var(--space-md) var(--space-md);background:linear-gradient(135deg,#fffbe6,#fff8f2);border-radius:16px;padding:16px 18px;animation:.4s ease-out both assessmentPromptIn;position:relative;box-shadow:0 4px 16px #f5cb5c26}@keyframes assessmentPromptIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.assessment-prompt-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.assessment-prompt-emoji{font-size:24px}.assessment-prompt-new{background:var(--coral-pink,#ff7975);color:var(--white);letter-spacing:.5px;border-radius:8px;padding:3px 8px;font-size:9px;font-weight:800;box-shadow:0 2px 4px #0000001a}.assessment-prompt-card h3{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 4px;font-size:16px;font-weight:800}.assessment-prompt-card>p{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.assessment-prompt-benefits{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.assessment-prompt-benefits span{white-space:nowrap}.assessment-prompt-actions{align-items:center;gap:8px;display:flex}.assessment-prompt-start{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);cursor:pointer;border:none;border-radius:999px;flex:1;padding:11px 16px;font-size:13px;font-weight:700;transition:transform .15s;box-shadow:0 2px 8px #8ed08159}.assessment-prompt-start:active{transform:scale(.97)}.assessment-prompt-skip{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:11px 14px;font-size:12px;font-weight:600}.home-quick-link span:first-child{font-size:22px}.home-quick-link span:last-child{color:var(--text-secondary);text-align:center;font-size:10px;font-weight:600}.notif-prompt-card{margin:0 var(--space-md) var(--space-md);background:linear-gradient(135deg,#e8f2fb,#f0f9ff);border:1.5px solid #a0d8ef;border-radius:16px;padding:16px 18px;animation:.4s ease-out both assessmentPromptIn;position:relative;box-shadow:0 4px 16px #a0d8ef33}.notif-prompt-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.notif-prompt-emoji{font-size:24px}.notif-prompt-new{color:var(--white);letter-spacing:.5px;background:#4a90d9;border-radius:8px;padding:3px 8px;font-size:9px;font-weight:800;box-shadow:0 2px 4px #0000001a}.notif-prompt-card h3{color:var(--text-primary);letter-spacing:-.2px;margin:0 0 4px;font-size:16px;font-weight:800}.notif-prompt-card>p{color:var(--text-secondary);margin:0 0 12px;font-size:13px;line-height:1.5}.notif-prompt-benefits{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.notif-prompt-benefits span{white-space:nowrap}.notif-prompt-actions{align-items:center;gap:8px;display:flex}.notif-prompt-start{color:var(--white);cursor:pointer;background:linear-gradient(135deg,#4a90d9,#3a75c4);border:none;border-radius:999px;flex:1;padding:11px 16px;font-size:13px;font-weight:700;transition:transform .15s;box-shadow:0 2px 8px #4a90d959}.notif-prompt-start:active{transform:scale(.97)}.notif-prompt-skip{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:11px 14px;font-size:12px;font-weight:600}.tracker-screen{padding:var(--space-lg) var(--space-md);padding-bottom:100px}.tracker-header{margin-bottom:var(--space-lg)}.tracker-title{align-items:center;gap:var(--space-sm);display:flex}.tracker-title h1{font-size:22px;font-weight:700}.word-count-badge{background:var(--mint);color:var(--leaf-green-dark);border-radius:var(--radius-full);padding:4px 10px;font-size:12px;font-weight:600}.tracker-filters{gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.tracker-filters::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:13px;transition:all .2s}.filter-chip.selected{border-color:var(--leaf-green);font-weight:600}.tracker-lang-filters{margin-bottom:var(--space-md);-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.lang-filter-chip{border-radius:var(--radius-full);background:var(--white);color:var(--text-secondary);white-space:nowrap;border:1px solid var(--border);align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.lang-filter-chip.active{border-color:var(--sky-blue);color:var(--text-primary);background:#a0d8ef26;font-weight:600}.lang-count{background:var(--cream-dark);color:var(--text-light);border-radius:8px;padding:1px 6px;font-size:11px}.lang-filter-chip.active .lang-count{color:var(--text-primary);background:#a0d8ef40}.word-lang-flag{font-size:12px}.sort-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.sort-label{color:var(--text-light);font-size:13px}.sort-chip{border-radius:var(--radius-full);color:var(--text-secondary);background:0 0;padding:6px 12px;font-size:13px;transition:all .2s}.sort-chip.active{background:var(--white);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.word-list{gap:var(--space-sm);flex-direction:column;display:flex}.word-row{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;display:flex;overflow:hidden}.word-color-bar{flex-shrink:0;align-self:stretch;width:4px}.word-info{padding:14px var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex}.word-name{font-size:16px;font-weight:600}.word-meta{color:var(--text-light);font-size:12px}.word-actions{align-items:center;gap:var(--space-xs);padding-right:var(--space-md);display:flex}.freq-btn{background:var(--cream);width:36px;height:36px;color:var(--leaf-green-dark);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .2s;display:flex}.freq-btn:active{background:var(--mint);transform:scale(1.1)}.delete-btn{width:28px;height:28px;color:var(--text-light);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.delete-btn:active{color:var(--coral-pink)}.tracker-empty{text-align:center;padding:var(--space-xl) var(--space-lg);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.tracker-empty-icon{margin-bottom:var(--space-sm);font-size:48px;display:block}.tracker-empty-title{color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:700}.tracker-empty-text{color:var(--text-secondary);margin-bottom:var(--space-md);max-width:280px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.5}.tracker-empty-hint{border-radius:var(--radius-lg);color:var(--text-secondary);background:#8ed0811a;border:1px dashed #8ed08166;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.word-entry{gap:var(--space-xs);flex-direction:column;display:flex}.record-btn-mini{background:var(--cream-dark);opacity:.6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:4px;font-size:13px;transition:all .2s;display:flex}.record-btn-mini:active{opacity:1;transform:scale(.95)}.inline-recorder{background:var(--white);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--mint);box-shadow:var(--shadow-sm)}.inline-recorder-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.inline-recorder-header span{color:var(--text-secondary);font-size:14px;font-weight:600}.inline-recorder-close{width:24px;height:24px;color:var(--text-light);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.play-btn-mini{background:var(--mint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-right:4px;font-size:11px;transition:all .2s;display:flex}.play-btn-mini:active{transform:scale(.95)}.play-btn-mini.playing{background:var(--leaf-green)}.tracker-view-toggle{padding:0 var(--space-md) var(--space-sm);gap:6px;display:flex}.tracker-view-btn{border:1.5px solid var(--border);background:var(--white);color:var(--text-primary);cursor:pointer;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.tracker-view-btn:active{transform:scale(.98)}.tracker-view-btn.active{background:var(--mint);border-color:var(--leaf-green);color:var(--leaf-green-dark);box-shadow:0 2px 8px #8ed08133}.tracker-view-count{background:var(--cream-bg,var(--cream));color:var(--text-secondary);text-align:center;border-radius:10px;min-width:22px;padding:2px 8px;font-size:11px;font-weight:800}.tracker-view-btn.active .tracker-view-count{background:var(--white);color:var(--leaf-green-dark)}.phrase-entry .word-name{align-items:center;gap:8px;font-size:14px;display:flex}.phrase-count-badge{background:var(--mint);color:var(--leaf-green-dark);border-radius:8px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:800}.phrase-entry.playing{background:linear-gradient(135deg, #f4f9f0, var(--white))}.tracker-phrase-cta{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);cursor:pointer;border:none;border-radius:999px;margin-top:14px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .15s;display:inline-block;box-shadow:0 4px 14px #8ed08159}.tracker-phrase-cta:active{transform:scale(.97)}.tracker-phrase-fab{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);cursor:pointer;z-index:40;border:none;border-radius:999px;align-items:center;gap:6px;padding:14px 26px;font-size:14px;font-weight:700;transition:transform .15s;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #8ed08173}.tracker-phrase-fab:active{transform:translate(-50%)scale(.96)}.tracker-phrase-fab span:first-child{font-size:18px;font-weight:800;line-height:1}.tracker-search{align-items:center;gap:var(--space-sm);background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-full);margin-bottom:var(--space-md);padding:10px 16px;transition:border-color .2s;display:flex}.tracker-search:focus-within{border-color:var(--leaf-green)}.tracker-search-icon{flex-shrink:0;font-size:14px}.tracker-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.tracker-search-input::placeholder{color:var(--text-light)}.tracker-search-clear{background:var(--cream-dark);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.word-note-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:4px;padding:0 2px;font-size:11px;transition:opacity .15s}.word-note-toggle:hover{opacity:1}.word-note-display{color:var(--text-secondary);padding-top:4px;font-size:12px;font-style:italic;line-height:1.4;animation:.2s noteSlideDown;display:block}@keyframes noteSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:60px}}.milestones-screen{padding:var(--space-lg) var(--space-md);max-width:600px;margin:0 auto;padding-bottom:100px}.ms-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.ms-back{color:var(--leaf-green-dark);background:0 0;font-size:15px;font-weight:600}.ms-header h1{font-size:22px;font-weight:700}.ms-overview{align-items:center;gap:var(--space-lg);background:var(--white);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg);display:flex}.ms-overview-ring{flex-shrink:0;width:90px;height:90px;position:relative}.ms-overview-ring svg{width:100%;height:100%}.ms-overview-ring-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ms-overview-pct{color:var(--leaf-green-dark);font-size:22px;font-weight:800}.ms-overview-info{flex:1}.ms-overview-info h2{margin-bottom:4px;font-size:17px;font-weight:700}.ms-overview-count{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.ms-overview-count strong{color:var(--text-primary)}.ms-overview-encourage{color:var(--leaf-green-dark);font-size:13px;font-weight:500}.ms-groups{gap:var(--space-md);flex-direction:column;display:flex}.ms-group{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.ms-group-header{width:100%;padding:var(--space-md) var(--space-md);text-align:left;justify-content:space-between;align-items:center;gap:var(--space-sm);background:0 0;display:flex}.ms-group-left{align-items:center;gap:var(--space-sm);flex:1;min-width:0;display:flex}.ms-group-emoji{flex-shrink:0;font-size:28px}.ms-group-text{flex-direction:column;min-width:0;display:flex}.ms-group-label{color:var(--text-primary);font-size:15px;font-weight:700}.ms-group-desc{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ms-group-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.ms-group-ring{width:32px;height:32px}.ms-ring{width:100%;height:100%}.ms-group-count{color:var(--text-secondary);text-align:right;min-width:30px;font-size:12px;font-weight:600}.ms-group-arrow{color:var(--text-light);font-size:20px;font-weight:600;transition:transform .25s;display:inline-block}.ms-group-arrow.open{transform:rotate(90deg)}.ms-group-body{padding:0 var(--space-sm) var(--space-sm);animation:.25s msSlideDown}@keyframes msSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}.ms-subgroup{border-radius:var(--radius-lg);background:var(--cream,#faf6f0);margin-bottom:6px;overflow:hidden}.ms-subgroup:last-child{margin-bottom:0}.ms-subgroup-header{text-align:left;background:0 0;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.ms-subgroup-emoji{flex-shrink:0;font-size:18px}.ms-subgroup-label{color:var(--text-primary);flex:1;font-size:14px;font-weight:600}.ms-subgroup-right{align-items:center;gap:6px;display:flex}.ms-subgroup-count{color:var(--text-light);border-radius:var(--radius-full);background:#0000000a;padding:2px 8px;font-size:11px;font-weight:600}.ms-subgroup-complete{font-size:14px}.ms-subgroup-arrow{color:var(--text-light);font-size:16px;font-weight:600;transition:transform .25s;display:inline-block}.ms-subgroup-arrow.open{transform:rotate(90deg)}.ms-subgroup-body{padding:0 6px 8px}.ms-row{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);margin-bottom:2px;padding:10px 12px;transition:all .2s;display:flex}.ms-row:last-child{margin-bottom:0}.ms-row.achieved{cursor:pointer}.ms-row.achieved:active{background:#8ed08114;transform:scale(.99)}.ms-row.locked{opacity:.5}.ms-row.close{opacity:.85}.ms-row-icon{background:#8ed08114;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;position:relative}.ms-row-icon.done{background:linear-gradient(135deg,#8ed08126,#5a9e4b26)}.ms-row-icon-locked{filter:grayscale(.6);opacity:.6}.ms-row-body{flex:1;min-width:0}.ms-row-top{justify-content:space-between;align-items:baseline;gap:var(--space-sm);display:flex}.ms-row-title{color:var(--text-primary);font-size:14px;font-weight:600}.ms-row-date{color:var(--leaf-green-dark);flex-shrink:0;font-size:11px;font-weight:500}.ms-row-desc{color:var(--text-light);margin-top:1px;font-size:12px;display:block}.ms-row-progress{align-items:center;gap:8px;margin-top:6px;display:flex}.ms-row-bar{background:#0000000f;border-radius:3px;flex:1;height:5px;overflow:hidden}.ms-row-bar-fill{background:linear-gradient(90deg,#8ed081,#5a9e4b);border-radius:3px;height:100%;transition:width .4s}.ms-row-pct{color:var(--text-light);text-align:right;min-width:28px;font-size:10px;font-weight:600}.ms-row-check{color:var(--leaf-green);background:#8ed08126;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:flex}.celebration-overlay{z-index:100;padding:var(--space-lg);background:#00000080;justify-content:center;align-items:center;animation:.2s msFadeIn;display:flex;position:fixed;inset:0}@keyframes msFadeIn{0%{opacity:0}to{opacity:1}}.celebration-modal{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);text-align:center;width:100%;max-width:340px;animation:.4s cubic-bezier(.34,1.56,.64,1) msPopIn;position:relative}@keyframes msPopIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.cel-icon-big{margin-bottom:var(--space-sm);font-size:56px;animation:.6s cubic-bezier(.34,1.56,.64,1) msBounce}@keyframes msBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.celebration-modal h2{color:var(--leaf-green-dark);margin-bottom:4px;font-size:18px;font-weight:700}.cel-title{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:800}.cel-desc{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px}.cel-date{color:var(--text-light);margin-bottom:var(--space-md);font-size:12px}.cel-stats{justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding:var(--space-sm) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex}.cel-stat{flex-direction:column;display:flex}.cel-stat strong{color:var(--leaf-green-dark);font-size:24px}.cel-stat span{color:var(--text-light);font-size:12px}.cel-share{border-radius:var(--radius-full);background:var(--leaf-green);color:#fff;width:100%;margin-bottom:8px;padding:13px;font-size:15px;font-weight:600}.cel-share:active{transform:scale(.97)}.cel-close{color:var(--text-light);background:0 0;width:100%;padding:8px;font-size:14px;font-weight:500}.premium-gate{min-height:60vh;position:relative}.premium-gate-teaser{filter:blur(4px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.premium-gate-overlay{padding:var(--space-xl);z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.premium-gate-content{text-align:center;max-width:300px}.premium-gate-lock{margin-bottom:var(--space-sm);font-size:36px;display:block}.premium-gate-logo{width:60px;height:auto;margin-bottom:var(--space-md)}.premium-gate-content h3{margin-bottom:var(--space-xs);font-size:20px;font-weight:700}.premium-gate-feature{color:var(--leaf-green-dark);margin-bottom:var(--space-sm);font-size:16px;font-weight:600}.premium-gate-desc{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.premium-gate-btn{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);width:100%;margin-bottom:var(--space-sm);padding:14px 32px;font-size:16px;font-weight:600;transition:transform .2s;display:block;box-shadow:0 4px 16px #8ed08166}.premium-gate-btn:active{transform:scale(.97)}.premium-gate-price{color:var(--text-light);font-size:12px}.tips-screen{padding:var(--space-lg) var(--space-md);padding-bottom:100px}.tips-header{margin-bottom:var(--space-lg)}.tips-header h1{font-size:22px;font-weight:700}.tips-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.tip-of-day-card{border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #8ed0814d}.tod-badge{color:var(--leaf-green-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:700}.tip-of-day-card h3{margin-bottom:var(--space-xs);font-size:18px;font-weight:700}.tip-of-day-card p{color:var(--text-secondary);font-size:14px;line-height:1.5}.tod-age-tag{margin-top:var(--space-sm);color:var(--leaf-green-dark);border-radius:var(--radius-full);background:#8ed08126;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.age-group-filters{gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.age-group-filters::-webkit-scrollbar{display:none}.age-chip{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--border);white-space:nowrap;color:var(--text-primary);flex-shrink:0;padding:8px 14px;font-size:13px;transition:all .2s}.age-chip.selected{background:var(--lavender);border-color:var(--lavender);color:#fff;font-weight:600}.age-chip.current:not(.selected){border-color:var(--lavender);color:var(--lavender);font-weight:600}.moment-filters{gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.moment-filters::-webkit-scrollbar{display:none}.moment-chip{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--border);white-space:nowrap;color:var(--text-primary);flex-shrink:0;padding:8px 14px;font-size:13px;transition:all .2s}.moment-chip.selected{background:var(--leaf-green);border-color:var(--leaf-green);color:#fff;font-weight:600}.tips-grouped{gap:var(--space-xl);flex-direction:column;display:flex}.age-group-section{border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--white);box-shadow:var(--shadow-sm)}.age-group-section.current-group{border:2px solid var(--lavender);box-shadow:var(--shadow-md)}.age-group-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.age-group-title{align-items:center;gap:var(--space-sm);display:flex}.age-group-emoji{font-size:28px}.age-group-title h3{color:var(--text-primary);font-size:16px;font-weight:700}.age-group-milestone{color:var(--lavender);font-size:13px;font-weight:600}.current-badge{color:#fff;background:var(--lavender);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;padding:4px 10px;font-size:11px;font-weight:700}.age-group-desc{color:var(--text-secondary);margin-bottom:var(--space-md);padding-left:40px;font-size:13px;line-height:1.5}.tips-list{gap:var(--space-sm);flex-direction:column;display:flex}.age-group-section .tips-list{gap:6px}.age-group-section .tip-item{box-shadow:none;background:var(--cream);border-radius:var(--radius-md)}.tip-item{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm)}.tip-item-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.tip-item h4{font-size:15px;font-weight:600}.tip-moment{font-size:18px}.tip-item p{color:var(--text-secondary);font-size:14px;line-height:1.5}.tips-empty{text-align:center;padding:var(--space-xl);color:var(--text-light);font-size:14px}.asha-resource-card{margin-top:var(--space-xl);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);text-align:center;align-items:center;gap:var(--space-md);border:1px solid #a0d8ef4d;flex-direction:column;display:flex}.asha-resource-icon{font-size:36px}.asha-resource-info strong{margin-bottom:4px;font-size:15px;display:block}.asha-resource-info p{color:var(--text-secondary);font-size:13px;line-height:1.5}.asha-resource-link{color:var(--sky-blue);border-radius:var(--radius-full);background:#a0d8ef1f;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s}.asha-resource-link:active{background:#a0d8ef40}.memories-screen{padding:var(--space-lg) var(--space-md);padding-bottom:120px}.memories-header{margin-bottom:var(--space-xl)}.memories-title-row{justify-content:space-between;align-items:flex-start;display:flex}.memories-title-row h1{font-size:22px;font-weight:700}.memories-title-row p{color:var(--text-secondary);margin-top:2px;font-size:14px}.memories-icon{font-size:32px}.memories-stats{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.memory-stat{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);text-align:center;box-shadow:var(--shadow-sm);flex:1}.memory-stat-number{color:var(--leaf-green-dark);font-size:28px;font-weight:700;display:block}.memory-stat-label{color:var(--text-secondary);margin-top:2px;font-size:12px}.vault-filters{margin-bottom:var(--space-lg);-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.vault-filter-chip{border-radius:var(--radius-full);background:var(--white);color:var(--text-secondary);white-space:nowrap;border:1px solid var(--border);align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.vault-filter-chip.active{background:var(--leaf-green);color:#fff;border-color:var(--leaf-green)}.then-now-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.then-now-section h3{margin-bottom:4px;font-size:16px;font-weight:700}.then-now-desc{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:13px}.then-now-cards{gap:var(--space-md);flex-direction:column;display:flex}.then-now-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.then-now-word{text-align:center;margin-bottom:var(--space-sm);color:var(--leaf-green-dark);font-size:18px;font-weight:700}.then-now-row{align-items:center;gap:var(--space-sm);display:flex}.then-now-btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);background:var(--cream);flex:1;padding:10px 12px;transition:all .2s;display:flex}.then-now-btn.then{background:#cbaacb1f;border:1px solid #cbaacb4d}.then-now-btn.now{background:#8ed0811f;border:1px solid #8ed0814d}.then-now-btn.playing{box-shadow:0 2px 10px #8ed0814d}.then-now-btn span:first-child{font-size:16px}.then-now-btn strong{font-size:13px;display:block}.then-now-date{color:var(--text-light);font-size:11px}.then-now-arrow{color:var(--text-light);flex-shrink:0;font-size:18px}.memories-timeline{position:relative}.memories-timeline:before{content:"";background:var(--mint);border-radius:1px;width:2px;position:absolute;top:8px;bottom:0;left:7px}.memory-month{margin-bottom:var(--space-xl);position:relative}.month-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.month-dot{background:var(--leaf-green);border:3px solid var(--cream);z-index:1;border-radius:50%;flex-shrink:0;width:16px;height:16px}.month-header h3{color:var(--text-secondary);font-size:15px;font-weight:600}.month-cards{gap:var(--space-sm);flex-direction:column;padding-left:28px;display:flex}.memory-card{background:var(--white);border-radius:var(--radius-md);align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm);padding:14px;transition:all .2s;display:flex}.memory-card.playing{border:1px solid var(--mint);background:linear-gradient(135deg,#8ed08114,#a8e6cf14);box-shadow:0 2px 12px #8ed08133}.memory-play-btn{background:var(--leaf-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 2px 8px #8ed0814d}.memory-play-btn:active{transform:scale(.93)}.memory-play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:12px solid #fff;width:0;height:0;margin-left:3px}.memory-pause-icon{gap:3px;display:flex}.memory-pause-icon div{background:#fff;border-radius:1px;width:4px;height:14px}.memory-info{flex:1;min-width:0}.memory-word-row{align-items:center;gap:var(--space-xs);display:flex}.memory-type-badge{flex-shrink:0;font-size:14px}.memory-phrase-count{background:var(--mint);color:var(--leaf-green-dark);border-radius:8px;flex-shrink:0;padding:3px 7px;font-size:10px;font-weight:800;line-height:1}.memory-card-phrase{border-left:3px solid #c8b6ff}.memory-card-phrase .memory-word{font-size:15px}.memory-word{color:var(--text-primary);font-size:17px;font-weight:700}.memory-cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.memory-caption{color:var(--leaf-green-dark);margin-top:3px;font-size:12px;font-style:italic;line-height:1.4}.memory-meta{color:var(--text-light);margin-top:3px;font-size:12px}.memory-type-label{color:var(--text-secondary);font-weight:600}.memory-age{color:var(--leaf-green-dark);font-weight:500}.memory-milestone-tag{color:var(--warm-yellow);border-radius:var(--radius-full);background:#ffe28a33;align-items:center;gap:4px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.memory-wave{flex-shrink:0;align-items:center;gap:3px;display:flex}.memory-wave-bar{background:var(--leaf-green);border-radius:2px;width:3px;height:16px;animation:.5s ease-in-out infinite alternate memWave}@keyframes memWave{0%{opacity:.5;height:6px}to{opacity:1;height:20px}}.memory-share-btn{opacity:.5;background:0 0;flex-shrink:0;padding:4px;font-size:14px;transition:opacity .2s}.memory-share-btn:active{opacity:1}.memories-empty{text-align:center;padding:var(--space-2xl) var(--space-lg)}.memories-empty-icon{margin-bottom:var(--space-md);font-size:56px}.memories-empty h3{margin-bottom:var(--space-sm);font-size:18px;font-weight:700}.memories-empty p{color:var(--text-secondary);font-size:15px;line-height:1.5}.memories-empty-sub{margin-top:var(--space-md);font-style:italic;color:var(--text-light)!important;font-size:13px!important}.memories-footer{margin-top:var(--space-xl);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;background:linear-gradient(135deg,#8ed0811a,#a8e6cf1a);border:1px solid #8ed08126}.memories-footer span{margin-bottom:var(--space-sm);font-size:24px;display:block}.memories-footer p{color:var(--text-secondary);font-size:13px;line-height:1.5}.vault-record-fab{background:linear-gradient(135deg, var(--leaf-green), #6bc66b);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;gap:var(--space-sm);z-index:10;width:calc(100% - 48px);max-width:320px;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #8ed08180}.vault-record-fab:active{transform:translate(-50%)scale(.97)}.vault-record-fab span{font-size:20px}.vault-sheet-overlay{z-index:100;background:#0006;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.vault-sheet{background:var(--cream);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-md) var(--space-lg) var(--space-2xl);width:100%;max-width:430px;max-height:85vh;animation:.3s slideUp;overflow-y:auto}.vault-sheet .sheet-handle{background:var(--border);width:40px;height:4px;margin:0 auto var(--space-lg);border-radius:2px}.vault-sheet h3{margin-bottom:4px;font-size:20px;font-weight:700}.vault-sheet-sub{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px}.vault-type-chips{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.vault-type-chip{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);color:var(--text-secondary);padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.vault-type-chip.active{background:var(--leaf-green);color:#fff;border-color:var(--leaf-green)}.vault-title-input{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--white);width:100%;color:var(--text-primary);margin-bottom:var(--space-lg);padding:14px 16px;font-size:18px;font-weight:600;transition:border-color .2s}.vault-title-input:focus{border-color:var(--leaf-green);outline:none}.vault-title-input::placeholder{color:var(--text-light);font-weight:400}.vault-flashcard{margin:0 0 var(--space-md);flex-direction:column;align-items:center;animation:.4s cubic-bezier(.34,1.56,.64,1) both vaultFlashcardPop;display:flex}.vault-flashcard-inner{border:2.5px solid var(--warm-yellow);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff 0%,#fffdf5 100%);flex-direction:column;align-items:center;gap:8px;min-width:200px;padding:20px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a,inset 0 -3px #f5cb5c33}.vault-flashcard-inner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd7644d 0%,#0000 70%);border-radius:50%;width:70px;height:70px;position:absolute;top:-20px;right:-20px}.vault-flashcard-image{filter:drop-shadow(0 4px 8px #0000001a);font-size:90px;line-height:1;animation:.6s ease-out .15s both vaultFlashcardBounce}.vault-flashcard-label{color:var(--text-primary);text-transform:lowercase;letter-spacing:.5px;font-size:24px;font-weight:700}.vault-flashcard-hint{color:var(--leaf-green-dark);text-align:center;margin:6px 0 0;font-size:12px;font-weight:600;animation:.4s ease-out .4s both vaultFlashcardFadeIn}@keyframes vaultFlashcardPop{0%{opacity:0;transform:scale(.7)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes vaultFlashcardBounce{0%{transform:scale(.5)rotate(-10deg)}50%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}@keyframes vaultFlashcardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vault-milestone-select{margin-bottom:var(--space-lg)}.vault-milestone-select label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;font-weight:600;display:block}.vault-milestone-chips{flex-wrap:wrap;gap:6px;display:flex}.vault-ms-chip{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.vault-ms-chip.active{border-color:var(--warm-yellow);color:var(--text-primary);background:#ffe28a33}.vault-no-ms{color:var(--text-light);font-size:13px;font-style:italic}.vault-recorder{margin-bottom:var(--space-lg)}.vault-start-rec{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);background:var(--white);border:2px dashed var(--leaf-green);width:100%;color:var(--leaf-green-dark);padding:20px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.vault-start-rec:active{background:#8ed08114}.vault-mic-pulse{font-size:24px;animation:1.5s ease-in-out infinite micPulse}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.vault-recording-active{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--coral-pink);flex-direction:column;display:flex}.vault-recording-pulse{background:var(--coral-pink);border-radius:50%;width:16px;height:16px;animation:1s ease-in-out infinite recPulse}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.vault-rec-timer{font-variant-numeric:tabular-nums;color:var(--coral-pink);font-size:24px;font-weight:700}.vault-stop-btn{background:var(--coral-pink);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vault-stop-icon{background:#fff;border-radius:3px;width:18px;height:18px}.vault-rec-hint{color:var(--text-light);font-size:12px}.vault-audio-preview{align-items:center;gap:var(--space-md);background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--leaf-green);padding:14px 16px;display:flex}.vault-play-preview{color:var(--leaf-green-dark);background:0 0;font-size:14px;font-weight:600}.vault-rec-duration{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:1;font-size:14px}.vault-redo{color:var(--coral-pink);background:0 0;font-size:13px;font-weight:600}.vault-save-btn{border-radius:var(--radius-full);background:var(--leaf-green);color:#fff;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #8ed08166}.vault-save-btn:active{transform:scale(.98)}.vault-save-btn.disabled{opacity:.5;pointer-events:none}.vault-features-preview{gap:var(--space-md);margin-top:var(--space-lg);flex-direction:column;display:flex}.vault-feature-item{gap:var(--space-md);align-items:flex-start;display:flex}.vault-feature-item>span{flex-shrink:0;margin-top:2px;font-size:24px}.vault-feature-item strong{margin-bottom:2px;font-size:14px;display:block}.vault-feature-item p{color:var(--text-secondary);font-size:13px;line-height:1.4}.chatter-tree-scene{width:100%;max-width:380px;margin:0 auto var(--space-lg);padding:var(--space-md) var(--space-sm);text-align:center;position:relative}.ct-frame{aspect-ratio:320/340;width:100%;position:relative}.chatter-tree-svg{filter:drop-shadow(0 6px 18px #8b6f471f);width:100%;height:100%;display:block}.ct-decorations{pointer-events:none;position:absolute;inset:0}.ct-emoji{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #00000026);font-size:22px;line-height:1;animation-fill-mode:both;position:absolute}.ct-bird{animation:3.2s ease-in-out infinite ct-float}.ct-bird-main{z-index:3;font-size:22px;animation-duration:3.6s;top:38%;left:42%}.ct-bird-1{font-size:19px;animation-delay:.3s;top:18%;left:26%}.ct-bird-2{font-size:19px;animation-delay:.7s;top:22%;left:64%}.ct-bird-3{font-size:17px;animation-delay:1.1s;top:12%;left:50%}.ct-bird-4{font-size:18px;animation-delay:1.5s;top:30%;left:16%}.ct-bird-5{font-size:18px;animation-delay:.5s;top:33%;left:72%}@keyframes ct-float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-2px)rotate(-3deg)}50%{transform:translateY(-3px)rotate(0)}75%{transform:translateY(-2px)rotate(4deg)}}.ct-butterfly{font-size:20px;animation:6s ease-in-out infinite ct-butterfly-drift;top:10%;left:75%}@keyframes ct-butterfly-drift{0%{transform:translate(0)rotate(-5deg)}25%{transform:translate(-30px,15px)rotate(10deg)}50%{transform:translate(-10px,30px)rotate(-8deg)}75%{transform:translate(-40px,20px)rotate(6deg)}to{transform:translate(0)rotate(-5deg)}}.ct-heart{font-size:18px;animation:2.4s ease-in-out infinite ct-pulse;top:25%;left:38%}@keyframes ct-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.ct-bunny{font-size:24px;animation:4s ease-in-out infinite ct-hop;bottom:14%;left:14%}.ct-hedgehog{font-size:22px;bottom:13%;right:18%}.ct-mushroom{font-size:18px;bottom:12%;left:32%}.ct-flower{font-size:18px;animation:3s ease-in-out infinite ct-sway;bottom:14%;right:36%}@keyframes ct-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-3px)}50%{transform:translateY(-4px)}55%{transform:translateY(-3px)}}@keyframes ct-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.ct-acorn{font-size:16px;bottom:15%}.ct-acorn-1{right:28%}.ct-acorn-2{bottom:13%;left:45%}.ct-leaf{opacity:.8;font-size:14px;animation:4s ease-in-out infinite ct-sway}.ct-leaf-1{animation-delay:0s;top:14%;left:12%}.ct-leaf-2{animation-delay:1.2s;top:18%;right:11%}.ct-leaf-3{font-size:12px;animation-delay:2.1s;top:28%;left:78%}.ct-owl{z-index:2;font-size:18px;animation:5s ease-in-out infinite ct-peek;top:58%;left:50%;transform:translate(-50%)}@keyframes ct-peek{0%,to{opacity:.92;transform:translate(-50%,4px)}45%{opacity:1;transform:translate(-50%,-2px)}60%{opacity:1;transform:translate(-50%,-2px)}}.ct-ladybug{font-size:14px;animation:10s linear infinite ct-ladybug-crawl;top:72%;left:30%}@keyframes ct-ladybug-crawl{0%{transform:translate(0)rotate(0)}25%{transform:translate(18px,-4px)rotate(15deg)}50%{transform:translate(34px,2px)rotate(-8deg)}75%{transform:translate(50px,-2px)rotate(10deg)}to{transform:translate(0)rotate(0)}}.ct-bee{font-size:16px;animation:4.5s ease-in-out infinite ct-bee-fly;bottom:22%;right:28%}@keyframes ct-bee-fly{0%,to{transform:translate(0)rotate(-4deg)}25%{transform:translate(-12px,-6px)rotate(8deg)}50%{transform:translate(-6px,4px)rotate(-4deg)}75%{transform:translate(-18px,-2px)rotate(10deg)}}.ct-egg{font-size:32px;animation:4s ease-in-out infinite ct-wiggle;top:44%;left:50%;transform:translate(-50%)}@keyframes ct-wiggle{0%,to{transform:translate(-50%)rotate(-4deg)}50%{transform:translate(-50%)rotate(4deg)}}.ct-caption{margin:var(--space-md) auto 0;max-width:300px;color:var(--moss);font-size:14px;font-weight:500;line-height:1.45}.ct-stats{justify-content:center;gap:var(--space-lg);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.ct-stat{color:var(--text-secondary);align-items:baseline;gap:6px;font-size:13px;display:inline-flex}.ct-stat-icon{font-size:16px}.ct-stat-n{color:var(--acorn);font-size:18px;font-weight:700}.ct-stat-label{color:var(--text-secondary);font-size:12px}@media (prefers-reduced-motion:reduce){.ct-emoji,.ct-bird,.ct-butterfly,.ct-heart,.ct-bunny,.ct-flower,.ct-egg{animation:none!important}}.garden-screen{padding:var(--space-lg) var(--space-md);padding-bottom:100px}.garden-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.garden-header h1{font-size:22px;font-weight:700}.garden-header p{color:var(--text-secondary);margin-top:2px;font-size:13px}.garden-logo{width:40px;height:auto}.garden-tabs{gap:var(--space-xs);margin-bottom:var(--space-xl);background:var(--white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:4px;display:flex}.garden-tab{border-radius:var(--radius-full);color:var(--text-secondary);white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 8px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.garden-tab.active{background:var(--leaf-green);color:#fff;font-weight:600;box-shadow:0 2px 8px #8ed0814d}.bloom-legend{padding:var(--space-md);background:var(--white);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);justify-content:space-between;display:flex}.legend-item{flex-direction:column;align-items:center;gap:2px;display:flex}.legend-item span:first-child{font-size:22px}.legend-label{color:var(--text-light);font-size:10px}.bloom-tree-container{margin-bottom:var(--space-lg);position:relative}.bloom-tree{flex-direction:column;justify-content:flex-end;align-items:center;min-height:420px;padding-top:20px;display:flex;position:relative;overflow:visible}.tree-canopy{justify-content:center;align-items:flex-end;width:100%;min-height:280px;display:flex;position:relative}.tree-branch{transform-origin:bottom;transform:rotate(var(--branch-angle)) translateX(-50%);animation:.6s ease-out backwards branchGrow;animation-delay:var(--branch-delay);position:absolute;bottom:10px;left:50%}@keyframes branchGrow{0%{transform:rotate(var(--branch-angle)) translateX(-50%) scaleY(0);opacity:0}to{transform:rotate(var(--branch-angle)) translateX(-50%) scaleY(1);opacity:1}}.branch-line{background:linear-gradient(#a0896c 0%,#8b7355 100%);border-radius:3px;width:5px;height:70px;margin:0 auto}.branch-blossoms{transform:translateX(-50%) rotate(calc(var(--branch-angle) * -1));flex-wrap:wrap;justify-content:center;width:110px;display:flex;position:absolute;top:-20px;left:50%}.blossom{transform:translate(var(--bx), var(--by));animation:.4s ease-out backwards blossomPop;animation-delay:var(--bloom-delay);cursor:default;flex-direction:column;align-items:center;display:flex;position:absolute}@keyframes blossomPop{0%{transform:translate(var(--bx), var(--by)) scale(0);opacity:0}50%{transform:translate(var(--bx), var(--by)) scale(1.2)}to{transform:translate(var(--bx), var(--by)) scale(1);opacity:1}}.blossom-emoji{animation:3s ease-in-out infinite gentleSway;animation-delay:var(--bloom-delay,0s);font-size:22px}.blossom-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;text-align:center;background:#ffffffd9;border-radius:4px;max-width:40px;margin-top:-2px;padding:1px 4px;font-size:8px;font-weight:700;overflow:hidden}.blossom-more{color:var(--text-light);background:#ffffffe6;border-radius:8px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;bottom:-16px}.branch-tag{text-align:center;color:#fff;white-space:nowrap;border-radius:10px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:block}.tree-trunk{flex-direction:column;align-items:center;display:flex;position:relative}.trunk-main{background:linear-gradient(#8b7355 0%,#6b5340 100%);border-radius:4px 4px 6px 6px;width:20px;height:80px}.trunk-roots{width:60px;height:20px;position:relative}.root{background:#6b5340;border-radius:0 0 8px 8px;width:24px;height:8px;position:absolute;top:0}.root-l{left:2px;transform:rotate(15deg)}.root-r{right:2px;transform:rotate(-15deg)}.tree-ground{opacity:.6;justify-content:center;gap:24px;margin-top:-4px;font-size:16px;display:flex}.tree-word-count{text-align:center;margin-top:var(--space-sm);color:var(--text-secondary);font-size:14px}.tree-word-count strong{color:var(--leaf-green-dark);font-size:20px;font-weight:800}.category-breakdown{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.category-breakdown h3{margin-bottom:var(--space-md);font-size:16px;font-weight:700}.cat-bar-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.cat-bar-emoji{text-align:center;width:24px;font-size:16px}.cat-bar-label{width:64px;color:var(--text-primary);font-size:13px;font-weight:500}.cat-bar-track{background:var(--cream-dark);border-radius:4px;flex:1;height:8px;overflow:hidden}.cat-bar-fill{border-radius:4px;height:100%;transition:width .6s}.cat-bar-count{color:var(--text-secondary);text-align:right;width:24px;font-size:13px;font-weight:700}.garden-bed{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.bed-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);display:flex}.bed-emoji{font-size:18px}.bed-label{flex:1;font-size:14px;font-weight:600}.bed-count{color:var(--text-light);background:var(--cream-dark);border-radius:var(--radius-full);padding:2px 8px;font-size:12px}.flower-row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.flower-pot{border-radius:var(--radius-md);background:linear-gradient(#0000 0%,#8ed0810f 100%);flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:8px 6px;transition:transform .2s;display:flex}.garden-bed-phrases{background:linear-gradient(135deg,#c8b6ff26,#a8e6cf14);border:1.5px solid #c8b6ff66}.phrase-pot{background:linear-gradient(#0000 0%,#c8b6ff1a 100%);min-width:100px;max-width:160px;padding:10px 8px}.phrase-flower-text{text-align:center;white-space:normal;word-break:break-word;max-width:100%;margin-top:2px;font-size:12px;font-weight:700;line-height:1.3}.flower-phrase-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.flower-phrase-count{background:var(--mint);color:var(--leaf-green-dark);border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800;line-height:1}.flower-pot:active{transform:scale(.95)}.flower-emoji{font-size:28px;animation:3s ease-in-out infinite gentleSway}@keyframes gentleSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.flower-word{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:60px;font-size:11px;font-weight:600;overflow:hidden}.flower-freq{color:var(--text-light);font-size:10px}.milestone-guide{margin-top:var(--space-xl)}.milestone-guide-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.milestone-guide-header h3{font-size:17px;font-weight:700}.ms-counter{color:var(--leaf-green-dark);border-radius:var(--radius-full);background:#8ed08126;padding:4px 10px;font-size:12px;font-weight:600}.milestone-guide-desc{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:13px;line-height:1.5}.view-all-milestones-btn{border-radius:var(--radius-full);color:#fff;width:100%;margin-bottom:var(--space-lg);background:linear-gradient(135deg,#8ed081,#5a9e4b);padding:12px;font-size:15px;font-weight:600;transition:transform .2s}.view-all-milestones-btn:active{transform:scale(.97)}.ms-group{margin-bottom:var(--space-lg)}.ms-group-label{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full);margin-bottom:var(--space-md);padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.ms-group-label.bloomed{color:var(--leaf-green-dark);background:#8ed08126}.ms-group-label.growing{color:#d4a017;background:#ffe28a40}.ms-group-label.locked{color:var(--text-light);background:var(--cream-dark)}.ms-guide-card{align-items:flex-start;gap:var(--space-md);background:var(--white);border-radius:var(--radius-md);margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm);padding:14px;transition:all .2s;display:flex}.ms-guide-card.bloomed{border-left:3px solid var(--leaf-green)}.ms-guide-card.growing{border-left:3px solid var(--warm-yellow)}.ms-guide-card.locked{opacity:.6;border-left:3px solid var(--border)}.ms-guide-icon{flex-shrink:0;margin-top:2px;font-size:28px}.ms-guide-info{flex:1;min-width:0}.ms-guide-title{color:var(--text-primary);font-size:15px;font-weight:700;display:block}.ms-guide-desc{color:var(--text-secondary);margin-top:2px;font-size:13px;line-height:1.4;display:block}.ms-guide-how{color:var(--leaf-green-dark);margin-top:6px;padding:4px 0;font-size:12px;font-style:italic;font-weight:500;display:block}.ms-guide-date{color:var(--text-light);margin-top:2px;font-size:11px;display:block}.ms-guide-check{color:var(--leaf-green);flex-shrink:0;margin-top:4px;font-size:18px;font-weight:700}.ms-guide-lock{flex-shrink:0;margin-top:4px;font-size:16px}.ms-guide-progress{align-items:center;gap:var(--space-sm);margin-top:8px;display:flex}.ms-guide-bar{background:var(--cream-dark);border-radius:3px;flex:1;height:6px;overflow:hidden}.ms-guide-bar-fill{background:linear-gradient(90deg, var(--warm-yellow), var(--leaf-green));border-radius:3px;height:100%;transition:width .5s}.ms-guide-pct{color:var(--leaf-green-dark);flex-shrink:0;font-size:12px;font-weight:700}.asha-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid #a0d8ef4d}.asha-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.asha-icon{font-size:32px}.asha-header h3{font-size:16px;font-weight:700}.asha-header p{color:var(--text-light);margin-top:1px;font-size:12px}.asha-ages{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.asha-age-group{gap:var(--space-md);align-items:flex-start;display:flex}.asha-age-badge{color:var(--sky-blue);border-radius:var(--radius-full);white-space:nowrap;text-align:center;background:#a0d8ef26;flex-shrink:0;min-width:64px;margin-top:2px;padding:4px 10px;font-size:11px;font-weight:700}.asha-age-info{flex:1}.asha-age-info strong{margin-bottom:4px;font-size:14px;display:block}.asha-age-info ul{margin:0;padding:0;list-style:none}.asha-age-info li{color:var(--text-secondary);padding-left:14px;font-size:13px;line-height:1.5;position:relative}.asha-age-info li:before{content:"·";color:var(--sky-blue);font-weight:700;position:absolute;left:2px}.asha-link{text-align:center;color:var(--sky-blue);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#a0d8ef1a;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.asha-link:active{background:#a0d8ef33}.asha-disclaimer{color:var(--text-light);text-align:center;font-size:11px;font-style:italic;line-height:1.5}.growth-chart-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.growth-chart-card h3{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;font-weight:600}.bar-chart{align-items:flex-end;gap:var(--space-sm);height:150px;display:flex}.bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-value{color:var(--leaf-green-dark);margin-bottom:4px;font-size:12px;font-weight:700}.bar-track{background:var(--cream-dark);border-radius:6px 6px 0 0;flex:1;align-items:flex-end;width:100%;max-width:32px;display:flex;overflow:hidden}.bar-fill{background:linear-gradient(180deg, var(--leaf-green), var(--mint));border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:height .5s}.bar-label{color:var(--text-light);margin-top:6px;font-size:10px}.growth-path{flex-direction:column;display:flex}.growth-point{gap:var(--space-md);display:flex}.growth-dot-line{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.growth-dot{background:var(--leaf-green);border:3px solid var(--cream);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px}.growth-connector{background:var(--mint);flex:1;width:2px;min-height:20px}.growth-detail{padding-bottom:var(--space-lg);flex:1}.growth-count{color:var(--leaf-green-dark);font-size:16px;font-weight:700;display:block}.growth-month{color:var(--text-light);font-size:12px}.growth-new-words{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.growth-word-tag{border-radius:var(--radius-full);color:var(--leaf-green-dark);background:#8ed0811f;padding:3px 8px;font-size:11px;font-weight:500}.growth-word-more{color:var(--text-light);padding:3px 4px;font-size:11px}.report-preview-card{background:var(--white);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.share-report-btn{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);width:calc(100% - 32px);margin:0 auto 16px;padding:12px;font-size:14px;font-weight:600;transition:transform .2s;display:block}.share-report-btn:active{transform:scale(.97)}.report-preview-header{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg) 0;display:flex}.report-preview-header span{font-size:24px}.report-preview-header h3{font-size:16px;font-weight:700}.report-preview-body{padding:var(--space-lg)}.report-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:12px 0;display:flex}.report-stat-row:last-child{border-bottom:none}.report-label{color:var(--text-secondary);font-size:14px}.report-value{color:var(--leaf-green-dark);font-size:14px;font-weight:700}.report-blur-overlay{-webkit-backdrop-filter:blur(6px);padding:var(--space-xl);background:#fff8f2d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.premium-lock{text-align:center}.lock-icon{margin-bottom:var(--space-md);font-size:40px;display:block}.premium-lock h4{margin-bottom:var(--space-xs);font-size:18px;font-weight:700}.premium-lock p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.unlock-btn{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);padding:14px 28px;font-size:15px;font-weight:600;transition:transform .2s;box-shadow:0 4px 16px #8ed08166}.unlock-btn:active{transform:scale(.97)}.premium-features-list{margin-bottom:var(--space-xl)}.premium-features-list h3{margin-bottom:var(--space-lg);font-size:16px;font-weight:700}.pf-item{gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.pf-icon{flex-shrink:0;margin-top:2px;font-size:28px}.pf-item strong{margin-bottom:2px;font-size:14px;display:block}.pf-item p{color:var(--text-secondary);font-size:13px;line-height:1.4}.garden-empty{text-align:center;padding:var(--space-2xl) var(--space-lg)}.garden-empty-icon{margin-bottom:var(--space-md);font-size:56px;display:block}.garden-empty h3{margin-bottom:var(--space-sm);font-size:18px;font-weight:700}.garden-empty p{color:var(--text-secondary);font-size:15px;line-height:1.5}.speech-gap-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid #a0d8ef33;position:relative;overflow:hidden}.speech-gap-card.locked{min-height:240px}.speech-gap-card.locked .report-blur-overlay.compact{-webkit-backdrop-filter:none;height:70%;padding-bottom:var(--space-lg);background:linear-gradient(#fff8f200 0%,#fff8f2f2 40%);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}.speech-gap-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.speech-gap-icon{font-size:28px}.speech-gap-header h3{font-size:16px;font-weight:700}.speech-gap-header p{color:var(--text-light);margin-top:1px;font-size:12px}.gap-gauges{justify-content:center;gap:var(--space-2xl);margin-bottom:var(--space-lg);display:flex}.gap-gauge{flex-direction:column;align-items:center;gap:6px;display:flex}.gauge-ring{background:conic-gradient(var(--gauge-color) var(--gauge-pct), var(--cream-dark) var(--gauge-pct));border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.gauge-ring:before{content:"";background:var(--white);border-radius:50%;width:60px;height:60px;position:absolute}.gauge-value{z-index:1;color:var(--text-primary);font-size:18px;font-weight:800;position:relative}.gauge-label{color:var(--text-primary);font-size:13px;font-weight:600}.gauge-sub{color:var(--text-light);font-size:11px}.gap-context{color:var(--text-secondary);text-align:center;margin-bottom:var(--space-lg);padding:0 var(--space-sm);font-size:13px;line-height:1.5}.gap-list{margin-bottom:var(--space-lg)}.gap-list h4{margin-bottom:var(--space-md);color:var(--text-primary);font-size:14px;font-weight:700}.gap-item{gap:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);border-left:3px solid var(--coral-pink);background:linear-gradient(135deg,#ff9aa20f,#ffd3b60f);padding:12px;display:flex}.gap-item-icon{flex-shrink:0;margin-top:2px;font-size:20px}.gap-item-info{flex:1}.gap-item-info strong{margin-bottom:2px;font-size:14px;display:block}.gap-item-info p{color:var(--text-secondary);font-size:13px;line-height:1.4}.gap-none{text-align:center;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);background:#8ed08114}.gap-none span{margin-bottom:var(--space-xs);font-size:28px;display:block}.gap-none p{color:var(--leaf-green-dark);font-size:14px;font-weight:500}.gap-alert{gap:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);border-left:3px solid var(--warm-yellow);background:#ffe28a26;padding:12px;display:flex}.gap-alert-icon{flex-shrink:0;font-size:20px}.gap-alert strong{margin-bottom:2px;font-size:13px;display:block}.gap-alert p{color:var(--text-secondary);font-size:12px;line-height:1.4}.gap-missing-cats{margin-bottom:var(--space-lg)}.gap-missing-cats h4{margin-bottom:var(--space-sm);font-size:14px;font-weight:700}.gap-cat-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.gap-cat-chip{border-radius:var(--radius-full);background:var(--cream);color:var(--text-secondary);border:1.5px dashed;padding:6px 12px;font-size:13px;font-weight:500}.gap-disclaimer{color:var(--text-light);text-align:center;margin-top:var(--space-md);font-size:11px;font-style:italic;line-height:1.5}.upgrade-screen{padding:var(--space-xl) var(--space-lg);padding-bottom:120px;position:relative}.upgrade-back-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-primary);box-shadow:var(--shadow-sm);z-index:5;justify-content:center;align-items:center;padding:0;font-size:18px;transition:all .15s;display:flex;position:absolute;top:16px;left:16px}.upgrade-back-btn:active{background:var(--cream-bg,var(--cream));transform:scale(.94)}.upgrade-hero{text-align:center;margin-bottom:var(--space-xl);padding-top:8px}.upgrade-hero-stat{border:1.5px solid var(--warm-yellow);background:linear-gradient(135deg,#fffbe6,#fff8f2);border-radius:20px;flex-direction:column;align-items:center;gap:2px;margin-top:14px;padding:10px 20px;display:inline-flex}.upgrade-hero-stat-num{color:var(--leaf-green-dark);font-size:22px;font-weight:800;line-height:1}.upgrade-hero-stat-lbl{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.upgrade-comparison{margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;gap:10px;display:grid}.upgrade-comparison-col{border:1.5px solid var(--border);background:var(--white);border-radius:16px;padding:16px 12px}.upgrade-col-free{background:#fafafa}.upgrade-col-premium{border-color:var(--leaf-green);background:linear-gradient(135deg,#f4f9f0,#e8f5e1);box-shadow:0 4px 16px #8ed0812e}.upgrade-col-label{letter-spacing:.5px;text-transform:uppercase;border-radius:10px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.upgrade-col-free .upgrade-col-label{background:var(--border);color:var(--text-secondary)}.upgrade-col-premium .upgrade-col-label{background:var(--leaf-green);color:var(--white)}.upgrade-comparison-col ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.upgrade-comparison-col li{color:var(--text-primary);font-size:12px;line-height:1.4}.upgrade-col-more{color:var(--leaf-green-dark);margin-top:4px;font-weight:700}.upgrade-feature-groups{margin-bottom:var(--space-xl);flex-direction:column;gap:22px;display:flex}.upgrade-group{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:16px 14px}.upgrade-group-highlight{border-color:var(--warm-yellow);background:linear-gradient(135deg,#fffbe6,#fff8f2);box-shadow:0 2px 10px #f5cb5c26}.upgrade-group-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.upgrade-group-emoji{font-size:20px}.upgrade-group-header h2{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:800}.upgrade-group-badge{background:var(--warm-yellow);color:var(--text-primary);letter-spacing:.3px;border-radius:8px;padding:3px 8px;font-size:10px;font-weight:800}.upgrade-group-features{flex-direction:column;gap:8px;display:flex}.upgrade-plans-title{color:var(--text-primary);text-align:center;margin:0 0 14px;font-size:16px;font-weight:800}.upgrade-trust{margin:16px 0 var(--space-lg);flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.upgrade-trust-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.upgrade-trust-item span:first-child{font-size:14px}.upgrade-logo-img{width:80px;height:auto;margin-bottom:var(--space-md)}.upgrade-hero h1{color:var(--leaf-green-dark);margin-bottom:var(--space-xs);font-size:28px;font-weight:700}.upgrade-hero p{color:var(--text-secondary);font-size:16px}.feature-list{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.feature-card{background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;align-items:flex-start;gap:12px;padding:12px;animation:.4s ease-out both upgradeFeatureFadeIn;display:flex}.upgrade-group .feature-card{background:var(--cream-bg,var(--cream));box-shadow:none;padding:10px 12px}.upgrade-group-highlight .feature-card{background:var(--white)}.feature-card:first-child{animation-delay:50ms}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.15s}.feature-card:nth-child(4){animation-delay:.2s}.feature-card:nth-child(5){animation-delay:.25s}.feature-card:nth-child(6){animation-delay:.3s}.feature-card:nth-child(7){animation-delay:.35s}.feature-highlight{border:1.5px solid var(--mint);background:linear-gradient(135deg,#a8e6cf26,#a0d8ef26)}.feature-card-icon{background:var(--cream-bg,var(--cream));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.feature-highlight .feature-card-icon{background:var(--mint)}.feature-card-content{flex:1;min-width:0}.feature-card-title{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:700;display:block}.feature-card-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4;display:block}.feature-card-note{color:var(--leaf-green-dark);background:var(--mint);border-radius:var(--radius-full);margin-top:6px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.feature-card-check{background:var(--mint);width:24px;height:24px;color:var(--leaf-green-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;font-weight:700;display:flex}@keyframes upgradeFeatureFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.upgrade-groups-callout{background:var(--white);border:1.5px solid var(--lavender);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);animation:.5s ease-out .4s both upgradeFeatureFadeIn}.upgrade-groups-callout-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.upgrade-groups-callout-emoji{font-size:1.5rem}.upgrade-groups-callout-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.upgrade-groups-callout p{color:var(--text-secondary);margin:0 0 var(--space-md);font-size:.88rem;line-height:1.6}.upgrade-groups-callout p strong{color:var(--text-primary)}.upgrade-groups-callout-features{grid-template-columns:1fr 1fr;gap:8px;display:grid}.upgrade-groups-callout-features span{color:var(--text-secondary);background:var(--cream-bg,var(--cream));border-radius:var(--radius-md);text-align:center;padding:6px 10px;font-size:.78rem;font-weight:500}.plan-options{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.plan-option{align-items:center;gap:var(--space-md);background:var(--white);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:2px solid var(--border);text-align:left;transition:all .2s;display:flex}.plan-option.selected{border-color:var(--leaf-green);background:#8ed0810f}.plan-radio{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.plan-option.selected .plan-radio{border-color:var(--leaf-green)}.radio-dot{background:0 0;border-radius:50%;width:12px;height:12px;transition:all .2s}.radio-dot.active{background:var(--leaf-green)}.plan-details{flex-direction:column;flex:1;display:flex}.plan-label{font-size:15px;font-weight:600}.plan-price{color:var(--text-primary);font-size:18px;font-weight:700}.plan-per{color:var(--text-light);font-size:13px;font-weight:400}.plan-badge{background:var(--warm-yellow);color:var(--text-primary);border-radius:var(--radius-full);white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:700}.upgrade-cta{border-radius:var(--radius-full);background:var(--leaf-green);color:#fff;width:100%;margin-bottom:var(--space-md);padding:16px;font-size:17px;font-weight:600;transition:all .2s;box-shadow:0 4px 16px #8ed08166}.upgrade-cta:active{transform:scale(.97)}.upgrade-note{text-align:center;color:var(--text-light);font-size:13px}.upgrade-active{text-align:center;padding:var(--space-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-lg)}.upgrade-active-icon{margin-bottom:var(--space-sm);font-size:36px;display:block}.upgrade-active h3{color:var(--text-primary);margin-bottom:4px;font-size:18px;font-weight:700}.upgrade-active p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:14px}.referral-promo{margin-top:var(--space-xl);border:1.5px solid var(--warm-yellow);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;background:linear-gradient(135deg,#fff8f2 0%,#fff3e8 100%);transition:transform .2s,box-shadow .2s}.referral-promo:active{transform:scale(.98)}.referral-promo-content{align-items:center;gap:var(--space-md);display:flex}.referral-promo-icon{flex-shrink:0;font-size:32px}.referral-promo-text{flex-direction:column;flex:1;gap:2px;display:flex}.referral-promo-text strong{color:var(--text-primary);font-size:15px}.referral-promo-text span{color:var(--text-secondary);font-size:13px}.referral-promo-arrow{color:var(--text-light);flex-shrink:0;font-size:18px}.weekly-summary-screen{background:var(--cream-bg);max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:40px}.ws-header{padding:var(--space-md) var(--space-md) var(--space-sm);align-items:center;gap:var(--space-sm);background:var(--cream-bg);z-index:10;display:flex;position:sticky;top:0}.ws-back-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.ws-back-btn:active{background:var(--mint)}.ws-back-arrow{color:var(--text-primary);font-size:18px;line-height:1}.ws-header-text{text-align:center;flex:1}.ws-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.ws-date-range{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.ws-header-spacer{flex-shrink:0;width:36px}.ws-content{padding:0 var(--space-md)}.ws-highlight-card{background:linear-gradient(135deg, var(--mint) 0%, var(--sky-blue) 100%);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;margin-bottom:var(--space-lg);position:relative;overflow:hidden;box-shadow:0 4px 16px #8ed08140}.ws-highlight-card:before{content:"";background:#ffffff26;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.ws-highlight-card:after{content:"";background:#ffffff1a;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-30px;left:-10px}.ws-highlight-emoji{margin-bottom:var(--space-xs);z-index:1;font-size:40px;display:block;position:relative}.ws-highlight-count{color:var(--white);z-index:1;text-shadow:0 2px 8px #0000001a;font-size:56px;font-weight:800;line-height:1;position:relative}.ws-highlight-label{color:#ffffffe6;margin-top:var(--space-xs);z-index:1;font-size:16px;font-weight:600;position:relative}.ws-highlight-comparison{margin-top:var(--space-sm);border-radius:var(--radius-full);z-index:1;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block;position:relative}.ws-highlight-comparison.positive{color:#1a6b1a;background:#ffffff59}.ws-highlight-comparison.negative{color:#8b4513;background:#ffffff59}.ws-highlight-comparison.neutral{color:#555;background:#ffffff59}.ws-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-sm)}.ws-card-title{color:var(--text-primary);margin:0 0 var(--space-md);font-size:16px;font-weight:700}.ws-word-chips{flex-wrap:wrap;gap:8px;display:flex}.ws-word-chip{background:var(--cream-bg);border-radius:var(--radius-full);color:var(--text-primary);border:1px solid var(--border);align-items:center;gap:5px;padding:6px 12px;font-size:14px;font-weight:500;transition:transform .15s;display:inline-flex}.ws-word-chip:active{transform:scale(.97)}.ws-chip-emoji{flex-shrink:0;font-size:14px}.ws-chip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ws-chip-word{font-size:14px}.ws-chip-flag{margin-left:2px;font-size:12px}.ws-category-chart{flex-direction:column;gap:10px;display:flex}.ws-category-row{align-items:center;gap:8px;display:flex}.ws-category-label{flex-shrink:0;align-items:center;gap:4px;width:100px;display:flex}.ws-category-emoji{flex-shrink:0;font-size:14px}.ws-category-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.ws-bar-track{background:var(--cream-bg);border-radius:var(--radius-full);flex:1;height:16px;overflow:hidden}.ws-bar-fill{border-radius:var(--radius-full);min-width:8px;height:100%;transition:width .4s}.ws-category-count{color:var(--text-primary);text-align:right;flex-shrink:0;width:24px;font-size:13px;font-weight:700}.ws-stats-row{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.ws-stat-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);text-align:center;box-shadow:var(--shadow-sm);flex:1}.ws-stat-emoji{margin-bottom:var(--space-xs);font-size:28px}.ws-stat-value{color:var(--text-primary);font-size:32px;font-weight:800;line-height:1.1}.ws-stat-value.ws-stat-word{word-break:break-word;font-size:22px}.ws-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:12px;font-weight:500}.ws-milestones-card{border:1px solid var(--warm-yellow);background:linear-gradient(135deg,#fff8f2 0%,#fff3e8 100%)}.ws-milestones-list{flex-direction:column;gap:10px;display:flex}.ws-milestone-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);display:flex}.ws-milestone-badge{flex-shrink:0;font-size:22px}.ws-milestone-info{flex-direction:column;gap:2px;min-width:0;display:flex}.ws-milestone-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ws-milestone-date{color:var(--text-light);font-size:12px}.ws-encouragement-card{text-align:center;background:linear-gradient(135deg, var(--lavender) 0%, var(--peach) 100%);padding:var(--space-xl) var(--space-lg);border:none}.ws-encouragement-icon{margin-bottom:var(--space-sm);font-size:36px}.ws-encouragement-text{color:var(--text-primary);margin:0;font-size:16px;font-weight:600;line-height:1.5}.ws-share-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;margin-top:var(--space-lg);background:var(--leaf-green);color:var(--white);border-radius:var(--radius-lg);cursor:pointer;border:none;padding:16px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #8ed08159}.ws-share-btn:active{transform:scale(.98);box-shadow:0 2px 6px #8ed08140}.ws-share-icon{font-size:18px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ws-highlight-card{animation:.4s ease-out fadeInUp}.ws-card{animation:.4s ease-out both fadeInUp}.ws-card:nth-child(2){animation-delay:50ms}.ws-card:nth-child(3){animation-delay:.1s}.ws-card:nth-child(4){animation-delay:.15s}.ws-stats-row{animation:.4s ease-out .12s both fadeInUp}.ws-encouragement-card{animation-delay:.2s}.ws-share-btn{animation:.4s ease-out .25s both fadeInUp}.ws-empty-card{text-align:center;padding:var(--space-xl)}.ws-empty-icon{margin-bottom:var(--space-sm);font-size:48px;animation:2.5s ease-in-out infinite wsFloat}@keyframes wsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ws-empty-title{margin-bottom:6px;font-size:17px;font-weight:700}.ws-empty-text{color:var(--text-secondary);margin-bottom:var(--space-md);max-width:280px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.5}.ws-empty-tips{flex-direction:column;gap:8px;display:flex}.ws-empty-tip{border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;background:#8ed08114;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.ws-empty-tip strong{color:var(--leaf-green-dark)}@media (width<=360px){.ws-highlight-count{font-size:44px}.ws-category-label{width:80px}.ws-stat-value{font-size:26px}.ws-stat-value.ws-stat-word{font-size:18px}}.progress-cards-screen{padding:var(--space-md);max-width:430px;margin:0 auto;padding-bottom:100px}.pc-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.pc-back{color:var(--leaf-green);background:0 0;padding:4px 0;font-size:15px;font-weight:600}.pc-header h1{font-size:20px;font-weight:800}.pc-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.4}.pc-grid{gap:var(--space-md);flex-direction:column;display:flex}.pc-card{border-radius:var(--radius-lg);color:var(--white);cursor:pointer;padding:24px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.pc-card:active{transform:scale(.98)}.pc-card.selected{transform:scale(1)}.pc-card-emoji{margin-bottom:8px;font-size:32px;display:block}.pc-card-headline{margin-bottom:4px;font-size:48px;font-weight:900;line-height:1}.pc-card-headline.text{font-size:28px;line-height:1.2}.pc-card-subtext{opacity:.9;margin-bottom:8px;font-size:16px;font-weight:600}.pc-card-name{opacity:.75;font-size:13px;font-weight:500}.pc-card-expanded{border-top:1px solid #ffffff4d;margin-top:16px;padding-top:16px;animation:.3s pcExpand}@keyframes pcExpand{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.pc-card-detail{opacity:.9;margin-bottom:12px;font-size:14px;line-height:1.5}.pc-share-btn{color:var(--white);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;padding:10px 20px;font-size:14px;font-weight:700;transition:background .2s}.pc-share-btn:active{background:#fff6}.pc-card-brand{opacity:.4;letter-spacing:1px;text-transform:lowercase;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:16px}.pc-premium-gate{margin-top:var(--space-lg);position:relative}.pc-gate-preview{gap:var(--space-md);opacity:.5;filter:blur(2px);pointer-events:none;flex-direction:column;display:flex}.pc-gate-card{border-radius:var(--radius-lg);color:var(--white);text-align:center;padding:24px}.pc-gate-emoji{margin-bottom:4px;font-size:28px;display:block}.pc-gate-num{font-size:44px;font-weight:900;display:block}.pc-gate-sub{opacity:.9;font-size:15px;font-weight:600}.pc-gate-overlay{text-align:center;z-index:2;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff8f2f2;width:85%;padding:28px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pc-gate-overlay span{margin-bottom:var(--space-sm);font-size:36px;display:block}.pc-gate-overlay h2{margin-bottom:var(--space-xs);font-size:18px}.pc-gate-overlay p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:14px;line-height:1.4}.pc-upgrade-btn{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);width:100%;padding:12px 24px;font-size:15px;font-weight:700}.family-sharing-screen{background:var(--cream-bg);max-width:430px;min-height:100dvh;padding-bottom:var(--space-xl);margin:0 auto}.family-gate{padding:var(--space-xl) var(--space-md);text-align:center;flex-direction:column;align-items:center;display:flex}.family-gate-illustration{background:linear-gradient(135deg, var(--mint), var(--sky-blue));border-radius:var(--radius-full);width:120px;height:120px;margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative}.gate-emoji{font-size:3rem}.gate-sparkles{position:absolute;inset:-12px}.sparkle{font-size:1rem;animation:2.5s ease-in-out infinite sparkle-float;position:absolute}.sparkle.s1{animation-delay:0s;top:0;right:4px}.sparkle.s2{animation-delay:.8s;bottom:4px;left:0}.sparkle.s3{animation-delay:1.5s;top:10px;left:-4px}@keyframes sparkle-float{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.gate-headline{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:1.5rem;font-weight:700}.gate-subtext{color:var(--text-secondary);margin:0 0 var(--space-lg);max-width:320px;font-size:.95rem;line-height:1.5}.gate-features{margin:0 0 var(--space-xl);gap:var(--space-md);flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.gate-feature-item{align-items:flex-start;gap:var(--space-sm);text-align:left;background:var(--white);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.gate-feature-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.gate-feature-item strong{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;display:block}.gate-feature-item p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.4}.gate-upgrade-btn{width:100%;max-width:320px;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;font-size:1.05rem;font-weight:600;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #8ed08159}.gate-upgrade-btn:active{transform:scale(.97)}.family-header{padding:var(--space-md);background:var(--white);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.back-btn{background:var(--cream-bg);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;color:var(--text-primary);border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.back-btn:active{background:var(--border)}.family-header-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.header-spacer{width:36px}.family-content{padding:var(--space-md);gap:var(--space-lg);flex-direction:column;display:flex}.section-title{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:1rem;font-weight:700}.members-list{gap:var(--space-xs);flex-direction:column;display:flex}.family-member-card{align-items:center;gap:var(--space-sm);background:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.member-avatar{background:var(--mint);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:2rem;display:flex}.member-info{flex:1;min-width:0}.member-name-row{align-items:center;gap:var(--space-xs);display:flex}.member-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.owner-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--warm-yellow);color:var(--text-primary);border-radius:var(--radius-full);flex-shrink:0;padding:2px 8px;font-size:.65rem;font-weight:700}.member-role-badge{color:var(--text-secondary);margin-top:2px;font-size:.75rem;display:inline-block}.member-remove-btn{width:28px;height:28px;color:var(--text-light);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:background .15s,color .15s;display:flex}.member-remove-btn:hover{background:var(--coral-pink);color:var(--white)}.invite-section{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.invite-title{color:var(--text-primary);margin:0 0 var(--space-md);font-size:1rem;font-weight:700}.invite-form{gap:var(--space-xs);flex-direction:column;display:flex}.invite-label{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.82rem;font-weight:600}.invite-input{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--cream-bg);color:var(--text-primary);box-sizing:border-box;outline:none;font-size:.95rem;transition:border-color .15s}.invite-input:focus{border-color:var(--leaf-green)}.invite-input::placeholder{color:var(--text-light)}.role-chips{gap:var(--space-xs);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.role-chip{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--text-secondary);cursor:pointer;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .15s}.role-chip.selected{background:var(--lavender);border-color:var(--lavender);color:var(--text-primary);font-weight:600}.role-chip:not(.selected):active{background:var(--cream-bg)}.generate-code-btn{width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-md);background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .15s}.generate-code-btn:disabled{opacity:.45;cursor:not-allowed}.generate-code-btn:not(:disabled):active{transform:scale(.97)}.invite-code-display{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;flex-direction:column;display:flex}.invite-code-label{color:var(--text-secondary);margin:0;font-size:.88rem}.invite-code-value{letter-spacing:.25em;color:var(--leaf-green);background:var(--cream-bg);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);border:2px dashed var(--leaf-green);font-family:monospace;font-size:2.2rem;font-weight:800}.invite-link-box{background:var(--cream-bg,#f5f0e8);border:2px solid var(--leaf-green);border-radius:var(--radius-lg);width:100%;padding:var(--space-md);word-break:break-all}.invite-link-text{color:var(--leaf-green-dark,#5a9e4b);font-family:monospace;font-size:.82rem;font-weight:600;line-height:1.5}.invite-code-small{color:var(--text-secondary);margin-top:2px;font-size:.82rem}.invite-code-small strong{letter-spacing:.15em;color:var(--text-primary);font-family:monospace}.invite-actions{gap:var(--space-sm);width:100%;display:flex}.invite-action-btn{padding:var(--space-sm);border-radius:var(--radius-full);cursor:pointer;border:none;flex:1;font-size:.88rem;font-weight:600;transition:transform .15s}.invite-action-btn:active{transform:scale(.97)}.copy-btn{background:var(--sky-blue);color:var(--text-primary)}.share-btn{background:var(--lavender);color:var(--text-primary)}.invite-another-btn{color:var(--leaf-green);cursor:pointer;padding:var(--space-xs);text-underline-offset:2px;background:0 0;border:none;font-size:.88rem;font-weight:600;text-decoration:underline}.invite-note{color:var(--text-light);text-align:center;margin:var(--space-sm) 0 0;font-size:.75rem;font-style:italic}.activity-feed{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.empty-feed{text-align:center;padding:var(--space-lg) var(--space-md)}.empty-feed-icon{margin-bottom:var(--space-sm);font-size:2rem;display:block}.empty-feed p{color:var(--text-light);margin:0;font-size:.88rem;line-height:1.5}.feed-list{flex-direction:column;gap:0;display:flex}.feed-item{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);display:flex;position:relative}.feed-item:last-child{border-bottom:none}.feed-dot{background:var(--leaf-green);border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:7px}.feed-content{flex:1;min-width:0}.feed-text{color:var(--text-primary);margin:0;font-size:.88rem;line-height:1.4}.feed-word{color:var(--leaf-green);font-weight:600}.feed-time{color:var(--text-light);margin-top:2px;font-size:.72rem;display:block}.family-stats-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.stats-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.stat-item{background:var(--cream-bg);padding:var(--space-md) var(--space-sm);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;display:flex}.stat-value{color:var(--leaf-green);font-size:1.5rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.72rem;font-weight:500}.stat-indicator{font-size:1.3rem}.stat-indicator.active{animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.reports-screen{padding:var(--space-lg) var(--space-md);max-width:600px;margin:0 auto;padding-bottom:100px}.reports-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);display:flex}.reports-back{color:var(--leaf-green-dark);background:0 0;font-size:15px;font-weight:600}.reports-header h1{font-size:20px;font-weight:700}.reports-subtitle{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:14px}.reports-tabs{padding-bottom:var(--space-sm);margin-bottom:var(--space-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.reports-tabs::-webkit-scrollbar{display:none}.reports-tab{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--border);white-space:nowrap;color:var(--text-primary);flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s}.reports-tab.active{background:var(--leaf-green);border-color:var(--leaf-green);color:#fff;font-weight:600}.report-section{gap:var(--space-lg);flex-direction:column;display:flex}.stats-overview{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.stat-box{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;display:flex}.stat-box-num{color:var(--leaf-green-dark);font-size:28px;font-weight:800}.stat-box-label{color:var(--text-secondary);font-size:12px;font-weight:500}.stat-trend{margin-top:2px;font-size:11px;font-weight:600}.stat-trend.up{color:#27ae60}.stat-trend.down{color:#e74c3c}.chart-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.chart-title{margin-bottom:var(--space-xs);font-size:16px;font-weight:700}.chart-desc{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:13px}.chart-empty{text-align:center;padding:var(--space-xl);color:var(--text-light);font-size:14px}.cat-legend{gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.cat-legend-item{align-items:center;gap:6px;font-size:13px;display:flex}.cat-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cat-legend-name{color:var(--text-secondary)}.cat-legend-count{color:var(--text-primary);font-weight:700}.freq-insights{gap:var(--space-md);flex-direction:column;display:flex}.freq-insight-item{align-items:center;gap:var(--space-md);display:flex}.freq-icon{flex-shrink:0;font-size:24px}.freq-insight-item strong{font-size:14px;display:block}.freq-insight-item p{color:var(--text-secondary);margin-top:2px;font-size:13px}.milestones-timeline{gap:var(--space-sm);margin-top:var(--space-sm);flex-direction:column;display:flex}.milestone-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);display:flex}.milestone-item:last-child{border-bottom:none}.milestone-dot{flex-shrink:0;font-size:20px}.milestone-info{flex-direction:column;gap:2px;display:flex}.milestone-name{text-transform:capitalize;font-size:14px;font-weight:600}.milestone-date{color:var(--text-secondary);font-size:12px}.compare-grid{gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}.compare-child-card{background:var(--cream,#f5f0e8);border-radius:var(--radius-lg);padding:var(--space-md);border-top:4px solid var(--leaf-green)}.compare-name{margin-bottom:2px;font-size:16px;font-weight:700}.compare-age{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:13px;display:block}.compare-stats{gap:var(--space-xs);grid-template-columns:repeat(4,1fr);display:grid}.compare-stat{text-align:center;flex-direction:column;display:flex}.compare-stat-num{color:var(--text-primary);font-size:20px;font-weight:800}.compare-stat-label{color:var(--text-secondary);font-size:11px}.compare-note{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:#a0d8ef1a;border:1px solid #a0d8ef4d;align-items:flex-start;display:flex}.compare-note span{flex-shrink:0;font-size:20px}.compare-note p{color:var(--text-secondary);font-size:13px;line-height:1.5}.compare-empty{text-align:center;padding:var(--space-xl) var(--space-md)}.compare-empty-icon{margin-bottom:var(--space-md);font-size:48px;display:block}.compare-empty h3{margin-bottom:var(--space-sm);font-size:17px;font-weight:700}.compare-empty p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.compare-add-btn{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);padding:12px 28px;font-size:15px;font-weight:600}.reports-gate{text-align:center;padding:var(--space-xl);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-xl)}.reports-gate-icon{margin-bottom:var(--space-md);font-size:56px;display:block}.reports-gate h2{margin-bottom:var(--space-sm);font-size:20px;font-weight:700}.reports-gate p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.reports-upgrade-btn{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);padding:14px 32px;font-size:16px;font-weight:600}.recharts-default-tooltip{border-radius:8px!important;font-size:13px!important}.referral-screen{background:var(--cream-bg);max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:40px}.referral-header{padding:var(--space-md) var(--space-md) var(--space-sm);align-items:center;gap:var(--space-sm);background:var(--cream-bg);z-index:10;display:flex;position:sticky;top:0}.referral-back-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.referral-back-btn:active{background:var(--mint)}.referral-back-arrow{color:var(--text-primary);font-size:18px;line-height:1}.referral-header-text{text-align:center;flex:1}.referral-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.referral-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.referral-header-spacer{flex-shrink:0;width:36px}.referral-hero{margin:0 var(--space-md) var(--space-lg);background:linear-gradient(135deg, var(--mint) 0%, var(--sky-blue) 100%);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-align:center;animation:.4s ease-out refFadeIn;position:relative;overflow:hidden;box-shadow:0 4px 16px #8ed08140}.referral-hero:before{content:"";background:#ffffff26;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.referral-hero:after{content:"";background:#ffffff1a;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-30px;left:-10px}.referral-hero-icon{margin-bottom:var(--space-sm);z-index:1;font-size:48px;animation:2s ease-in-out infinite refBounce;position:relative}.referral-hero h2{color:var(--white);margin:0 0 var(--space-sm);z-index:1;text-shadow:0 1px 4px #00000014;font-size:22px;font-weight:800;position:relative}.referral-hero p{color:#ffffffeb;z-index:1;margin:0;font-size:14px;line-height:1.5;position:relative}.referral-hero p strong{color:var(--white)}.referral-code-card{margin:0 var(--space-md) var(--space-md);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);text-align:center;animation:.4s ease-out 50ms both refFadeIn}.referral-code-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:600;display:block}.referral-code-display{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.referral-code-text{color:var(--leaf-green-dark);letter-spacing:3px;font-family:SF Mono,Menlo,monospace;font-size:28px;font-weight:800}.referral-copy-btn{border-radius:var(--radius-full);background:var(--cream);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.referral-copy-btn:active{background:var(--mint);border-color:var(--leaf-green)}.referral-share-actions{gap:var(--space-sm);margin:0 var(--space-md) var(--space-lg);animation:.4s ease-out .1s both refFadeIn;display:flex}.referral-share-btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;flex:1;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.referral-share-btn:active{transform:scale(.97)}.referral-share-primary{background:var(--leaf-green);color:var(--white);box-shadow:0 4px 12px #8ed08159}.referral-share-secondary{background:var(--white);color:var(--text-primary);border:1.5px solid var(--border)}.referral-stats-card{margin:0 var(--space-md) var(--space-md);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);animation:.4s ease-out .15s both refFadeIn}.referral-stats-header{align-items:center;gap:var(--space-sm);color:var(--text-primary);margin-bottom:var(--space-md);font-size:16px;font-weight:700;display:flex}.referral-stats-row{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.referral-stat{text-align:center;background:var(--cream-bg);border-radius:var(--radius-md);padding:var(--space-md);flex:1}.referral-stat-number{color:var(--leaf-green-dark);font-size:32px;font-weight:800;line-height:1.1;display:block}.referral-stat-label{color:var(--text-secondary);margin-top:4px;font-size:12px;font-weight:500;display:block}.referral-progress-section{padding-top:var(--space-sm);border-top:1px solid var(--cream-dark)}.referral-progress-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.referral-progress-bar{background:var(--cream-dark);border-radius:var(--radius-full);height:8px;overflow:hidden}.referral-progress-fill{background:linear-gradient(90deg, var(--leaf-green), var(--mint));border-radius:var(--radius-full);min-width:4px;height:100%;transition:width .6s}.referral-tiers-card{margin:0 var(--space-md) var(--space-md);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);animation:.4s ease-out .2s both refFadeIn}.referral-tiers-title{color:var(--text-primary);margin:0 0 var(--space-md);font-size:16px;font-weight:700}.referral-tiers-list{flex-direction:column;gap:10px;display:flex}.referral-tier{align-items:center;gap:var(--space-sm);padding:12px var(--space-md);background:var(--cream-bg);border-radius:var(--radius-md);border:1.5px solid var(--border);transition:all .2s;display:flex}.referral-tier.unlocked{border-color:var(--leaf-green);background:#8ed08114}.referral-tier-emoji{flex-shrink:0;font-size:24px}.referral-tier-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.referral-tier-label{color:var(--text-primary);font-size:14px;font-weight:700}.referral-tier-reward{color:var(--text-secondary);font-size:12px}.referral-tier.unlocked .referral-tier-reward{color:var(--leaf-green-dark);font-weight:600}.referral-tier-check{flex-shrink:0;font-size:18px}.referral-apply-card{margin:0 var(--space-md) var(--space-md);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:.4s ease-out .25s both refFadeIn;overflow:hidden}.referral-apply-toggle{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-lg);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;font-size:15px;font-weight:600;display:flex}.referral-apply-arrow{color:var(--text-light);margin-left:auto;font-size:12px}.referral-apply-form{padding:0 var(--space-lg) var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.referral-apply-input{width:100%;padding:12px var(--space-md);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:center;letter-spacing:2px;color:var(--text-primary);background:var(--cream-bg);box-sizing:border-box;outline:none;font-family:SF Mono,Menlo,monospace;font-size:16px;font-weight:600;transition:border-color .2s}.referral-apply-input:focus{border-color:var(--leaf-green)}.referral-apply-input::placeholder{letter-spacing:0;font-family:inherit;font-size:14px;font-weight:400}.referral-apply-btn{border-radius:var(--radius-md);background:var(--leaf-green);color:var(--white);cursor:pointer;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.referral-apply-btn:active{transform:scale(.97)}.referral-apply-status{padding:10px var(--space-md);border-radius:var(--radius-md);text-align:center;font-size:13px;font-weight:500}.referral-apply-status.success{color:var(--leaf-green-dark);background:#8ed08126}.referral-apply-status.error{color:#c0392b;background:#ff9aa226}.referral-how-card{margin:0 var(--space-md) var(--space-lg);background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);animation:.4s ease-out .3s both refFadeIn}.referral-how-card h3{color:var(--text-primary);margin:0 0 var(--space-md);font-size:16px;font-weight:700}.referral-steps{gap:var(--space-md);flex-direction:column;display:flex}.referral-step{align-items:flex-start;gap:var(--space-md);display:flex}.referral-step-num{background:linear-gradient(135deg, var(--leaf-green), var(--mint));width:28px;height:28px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:14px;font-weight:700;display:flex}.referral-step div{flex:1}.referral-step strong{color:var(--text-primary);margin-bottom:2px;font-size:14px;display:block}.referral-step p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}@keyframes refFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes refBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=360px){.referral-code-text{letter-spacing:2px;font-size:22px}.referral-hero h2{font-size:19px}.referral-stat-number{font-size:26px}}.settings-screen{background:var(--cream);max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:40px}.settings-header{padding:var(--space-md) var(--space-md) var(--space-sm);align-items:center;gap:var(--space-sm);background:var(--cream);z-index:10;display:flex;position:sticky;top:0}.settings-back-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.settings-back-btn:active{background:var(--mint)}.settings-back-arrow{color:var(--text-primary);font-size:18px;line-height:1}.settings-header-text{text-align:center;flex:1}.settings-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:700}.settings-header-spacer{flex-shrink:0;width:36px}.settings-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);padding:var(--space-md) var(--space-md) var(--space-sm);padding-left:calc(var(--space-md) + 4px);font-size:12px;font-weight:600}.settings-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 var(--space-md) var(--space-md);animation:.4s ease-out both settingsFadeInUp;overflow:hidden}.settings-card:nth-child(3){animation-delay:50ms}.settings-card:nth-child(5){animation-delay:.1s}.settings-card:nth-child(7){animation-delay:.15s}.settings-card:nth-child(9){animation-delay:.2s}@keyframes settingsFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-row{padding:14px var(--space-md);border-bottom:1px solid var(--cream-dark);align-items:center;display:flex}.settings-row.settings-row-last{border-bottom:none}.settings-row-content{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.settings-row-label{color:var(--text-primary);font-size:15px;font-weight:500}.settings-row-value{color:var(--text-secondary);font-size:14px}.settings-row-link{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0;font-size:15px;font-weight:500;display:flex}.settings-row-link:disabled{opacity:.4;cursor:not-allowed}.settings-chevron{color:var(--text-light);font-size:20px;line-height:1}.settings-row-badge{color:var(--leaf-green-dark);border-radius:var(--radius-full);background:#8ed08126;padding:3px 10px;font-size:12px;font-weight:600}.settings-row-arrow{color:var(--text-light);font-size:18px;font-weight:400}.settings-toggle{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.settings-toggle input{opacity:0;width:0;height:0}.settings-toggle-slider{cursor:pointer;background:var(--cream-dark);border-radius:26px;transition:background .3s;position:absolute;inset:0}.settings-toggle-slider:before{content:"";background:var(--white);border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.settings-toggle input:checked+.settings-toggle-slider{background:var(--leaf-green)}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(22px)}.settings-destructive{color:var(--coral-pink)!important}.settings-confirm-clear{width:100%}.settings-confirm-text{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:14px;font-weight:500}.settings-confirm-actions{gap:var(--space-sm);display:flex}.settings-confirm-cancel{border-radius:var(--radius-md);background:var(--cream);border:1px solid var(--border);color:var(--text-secondary);flex:1;padding:10px;font-size:14px;font-weight:500}.settings-confirm-delete{border-radius:var(--radius-md);background:var(--coral-pink);color:var(--white);flex:1;padding:10px;font-size:14px;font-weight:600}.settings-confirm-cancel:active{background:var(--cream-dark)}.settings-confirm-delete:active{opacity:.85}.settings-sign-out{width:calc(100% - var(--space-md) * 2);margin:var(--space-lg) var(--space-md) 0;border-radius:var(--radius-lg);border:1px solid var(--border);color:var(--text-secondary);text-align:center;background:0 0;padding:14px;font-size:15px;font-weight:600;transition:background .15s;animation:.4s ease-out .25s both settingsFadeInUp;display:block}.settings-sign-out:active{background:var(--cream-dark)}.settings-delete-account{color:#b91c1c;border-color:#f4c7c4;margin-top:10px}.settings-delete-account:active{background:#fff2f2}.settings-sign-in{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:calc(100% - 32px);color:var(--white);cursor:pointer;border:none;border-radius:999px;margin:20px 16px 8px;padding:14px;font-size:15px;font-weight:700;transition:transform .15s;display:block;box-shadow:0 4px 14px #8ed08159}.settings-sign-in:active{transform:scale(.98)}.settings-section-hint{color:var(--text-light);margin:6px 16px 14px;padding:0 4px;font-size:11px;line-height:1.5}.settings-primary-action{color:var(--leaf-green-dark);font-weight:700}.settings-plan-badge{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);letter-spacing:.3px;text-transform:uppercase;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.settings-plan-type{color:var(--text-secondary);font-size:13px;font-weight:600}.settings-modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both settingsModalOverlayIn;display:flex;position:fixed;inset:0}@keyframes settingsModalOverlayIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:var(--white);width:100%;max-width:430px;padding:8px 20px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) both settingsModalUp;overflow-y:auto}@keyframes settingsModalUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-modal-handle{background:var(--border);border-radius:2px;width:38px;height:4px;margin:0 auto 14px}.settings-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-modal-header h3{color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.settings-modal-close{background:var(--cream-bg,var(--cream));width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;transition:background .15s;display:flex}.settings-modal-close:active{background:var(--border)}.settings-modal-body{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.settings-modal-field{flex-direction:column;gap:6px;display:flex}.settings-modal-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.settings-modal-input{border:1.5px solid var(--border);background:var(--cream-bg,var(--cream));width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.settings-modal-input:focus{border-color:var(--leaf-green);background:var(--white)}.settings-modal-input:disabled{opacity:.6;background:var(--cream-bg,var(--cream))}.settings-modal-error{color:#b91c1c;background:#fff2f2;border:1px solid #ffb5a7;border-radius:10px;padding:10px 12px;font-size:13px}.settings-modal-hint{color:var(--text-light);margin:0;font-size:12px;line-height:1.5}.settings-modal-footer{gap:10px;display:flex}.settings-modal-cancel{background:var(--white);border:1.5px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:999px;flex:1;padding:12px;font-size:14px;font-weight:600}.settings-modal-cancel:active{background:var(--cream-bg,var(--cream))}.settings-modal-save{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);cursor:pointer;border:none;border-radius:999px;flex:1.5;padding:12px;font-size:14px;font-weight:700;transition:transform .15s,opacity .15s;box-shadow:0 2px 8px #8ed08159}.settings-modal-save:active:not(.disabled){transform:scale(.98)}.settings-modal-save.disabled,.settings-modal-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.settings-modal-success{text-align:center;padding:24px 20px 12px}.settings-modal-success-icon{margin-bottom:12px;font-size:56px;animation:.6s cubic-bezier(.34,1.56,.64,1) both settingsSuccessBounce;display:block}@keyframes settingsSuccessBounce{0%{transform:scale(.3)}60%{transform:scale(1.15)}to{transform:scale(1)}}.settings-modal-success h3{color:var(--leaf-green-dark);margin:0 0 8px;font-size:20px;font-weight:800}.settings-modal-success p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.push-status-card{background:var(--white);border:1.5px solid var(--border);border-radius:14px;margin:0 16px 8px;padding:14px 16px}.push-status-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.push-status-row:last-of-type{border-bottom:none}.push-status-label{color:var(--text-secondary);font-size:13px;font-weight:500}.push-status-value{color:var(--text-primary);font-size:13px;font-weight:700}.push-status-granted,.push-status-subscribed{color:var(--leaf-green-dark)}.push-status-denied,.push-status-error{color:var(--coral-pink,#ff7975)}.push-status-actions{gap:8px;margin-top:12px;display:flex}.push-status-btn{cursor:pointer;border:none;border-radius:999px;flex:1;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .15s,opacity .15s}.push-status-btn:active:not(:disabled){transform:scale(.97)}.push-status-btn:disabled{opacity:.5;cursor:not-allowed}.push-status-btn-primary{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);box-shadow:0 2px 6px #8ed0814d}.push-status-btn-secondary{background:var(--white);color:var(--text-secondary);border:1.5px solid var(--border);flex:none;padding:10px 18px}.push-status-message{background:var(--cream-bg,var(--cream));color:var(--text-primary);border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12px;line-height:1.5}.push-status-note{color:var(--text-light);margin:12px 0 0;font-size:11px;line-height:1.5}.groups-screen{background:var(--cream-bg,var(--cream));max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:100px}.groups-gate{padding:var(--space-xl) var(--space-md);text-align:center;flex-direction:column;align-items:center;display:flex}.groups-gate-illustration{background:linear-gradient(135deg, var(--mint), var(--lavender));border-radius:var(--radius-full);width:120px;height:120px;margin-bottom:var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative}.groups-gate-emoji{font-size:3rem}.groups-gate-sparkles{position:absolute;inset:-12px}.groups-sparkle{font-size:1rem;animation:2.5s ease-in-out infinite groupsSparkleFloat;position:absolute}.groups-sparkle.gs1{animation-delay:0s;top:0;right:4px}.groups-sparkle.gs2{animation-delay:.8s;bottom:4px;left:0}.groups-sparkle.gs3{animation-delay:1.5s;top:10px;left:-4px}@keyframes groupsSparkleFloat{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.groups-gate-headline{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:1.5rem;font-weight:700}.groups-gate-subtext{color:var(--text-secondary);margin:0 0 var(--space-lg);max-width:320px;font-size:.95rem;line-height:1.5}.groups-gate-features{margin:0 0 var(--space-xl);gap:var(--space-md);flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.groups-gate-feature-item{align-items:flex-start;gap:var(--space-sm);text-align:left;background:var(--white);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:.5s ease-out both groupsFadeInUp;display:flex}.groups-gate-feature-item:first-child{animation-delay:.1s}.groups-gate-feature-item:nth-child(2){animation-delay:.2s}.groups-gate-feature-item:nth-child(3){animation-delay:.3s}.groups-gate-feature-item:nth-child(4){animation-delay:.4s}.groups-gate-feature-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.groups-gate-feature-item strong{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;display:block}.groups-gate-feature-item p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.4}.groups-gate-upgrade-btn{width:100%;max-width:320px;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;font-size:1.05rem;font-weight:600;transition:transform .15s,box-shadow .15s;animation:.5s ease-out .5s both groupsFadeInUp;box-shadow:0 4px 14px #8ed08159}.groups-gate-upgrade-btn:active{transform:scale(.97)}.groups-setup{padding:var(--space-lg) var(--space-md);animation:.5s ease-out both groupsFadeInUp}.groups-setup-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl) var(--space-lg);text-align:center}.groups-setup-icon{margin-bottom:var(--space-md);font-size:3rem}.groups-setup-title{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:1.35rem;font-weight:700}.groups-setup-desc{color:var(--text-secondary);margin:0 0 var(--space-lg);font-size:.92rem;line-height:1.55}.groups-setup-promises{gap:var(--space-sm);margin-bottom:var(--space-xl);text-align:left;flex-direction:column;display:flex}.groups-promise-item{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:.88rem;display:flex}.groups-promise-check{border-radius:var(--radius-full);background:var(--mint);width:24px;height:24px;color:var(--leaf-green-dark);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.groups-setup-next-btn{width:100%;padding:var(--space-md);background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:transform .15s}.groups-setup-next-btn:active{transform:scale(.97)}.groups-setup-field{text-align:left;margin-bottom:var(--space-lg)}.groups-setup-label{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:.88rem;font-weight:600;display:block}.groups-optional{color:var(--text-light);font-size:.82rem;font-weight:400}.groups-setup-input{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--cream-bg,var(--cream));color:var(--text-primary);box-sizing:border-box;outline:none;font-size:.95rem;transition:border-color .15s}.groups-setup-input:focus{border-color:var(--leaf-green)}.groups-setup-input::placeholder{color:var(--text-light)}.groups-setup-hint{color:var(--text-light);margin:var(--space-xs) 0 0;font-size:.75rem}.groups-location-input-wrap{position:relative}.groups-location-dropdown{background:var(--white);border:1.5px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:20;border-top:none;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001a}.groups-location-option{width:100%;padding:10px var(--space-md);border:none;border-bottom:1px solid var(--border);color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;font-size:.88rem;transition:background .15s;display:block}.groups-location-option:last-child{border-bottom:none}.groups-location-option:active,.groups-location-option:hover{background:var(--mint)}.groups-setup-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border);text-align:left;display:flex}.groups-setup-toggle-row:last-of-type{border-bottom:none}.groups-toggle-info{flex:1;min-width:0}.groups-toggle-label{color:var(--text-primary);margin-bottom:2px;font-size:.92rem;font-weight:600;display:block}.groups-toggle-hint{color:var(--text-light);font-size:.75rem;line-height:1.4;display:block}.groups-toggle{border-radius:var(--radius-full);background:var(--border);cursor:pointer;border:none;flex-shrink:0;width:48px;height:26px;padding:0;transition:background .25s;position:relative}.groups-toggle.active{background:var(--leaf-green)}.groups-toggle-knob{border-radius:var(--radius-full);background:var(--white);width:20px;height:20px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.groups-toggle.active .groups-toggle-knob{transform:translate(22px)}.groups-setup-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}.groups-setup-start-btn{width:100%;padding:var(--space-md);background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:transform .15s}.groups-setup-start-btn:active{transform:scale(.97)}.groups-setup-skip-btn{width:100%;padding:var(--space-sm);color:var(--text-secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:.88rem;font-weight:500;text-decoration:underline}.groups-header{padding:var(--space-md);background:var(--white);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.groups-back-btn{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));cursor:pointer;width:36px;height:36px;color:var(--text-primary);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:background .15s,transform .15s;display:flex}.groups-back-btn:active{background:var(--mint);transform:scale(.94)}.groups-simple-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--white);border-bottom:1px solid var(--border);z-index:10;display:flex;position:sticky;top:0}.groups-simple-title{color:var(--text-primary);text-align:center;flex:1;margin:0;font-size:1.1rem;font-weight:700}.groups-simple-header>span{flex-shrink:0;width:36px}.groups-header-profile{align-items:center;gap:var(--space-sm);cursor:pointer;flex:1;min-width:0;display:flex}.groups-header-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--mint), var(--sky-blue));border:2px solid var(--white);width:36px;height:36px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.groups-header-profile-info{flex:1;min-width:0}.groups-header-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.groups-header-name{color:var(--text-secondary);font-size:.75rem;display:block}.groups-header-actions{align-items:center;gap:8px;display:flex}.groups-msg-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex;position:relative}.groups-msg-btn:active{background:var(--mint)}.groups-msg-badge{background:var(--coral-pink);min-width:18px;height:18px;color:var(--white);border-radius:var(--radius-full);border:2px solid var(--white);justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;animation:.3s ease-out both groupsBadgePop;display:flex;position:absolute;top:-4px;right:-4px}@keyframes groupsBadgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.groups-settings-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.groups-settings-btn:active{background:var(--mint)}.groups-view-toggle{padding:var(--space-sm) var(--space-md);background:var(--white);border-bottom:1px solid var(--border);gap:4px;display:flex}.groups-view-btn{padding:10px var(--space-md);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;font-size:.88rem;font-weight:600;transition:all .25s}.groups-view-btn.active{background:var(--mint);color:var(--text-primary);box-shadow:0 2px 8px #8ed08133}.groups-view-btn:not(.active):active{background:var(--cream-bg,var(--cream))}.groups-section{padding:var(--space-md) var(--space-md) 0}.groups-section-title{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:1rem;font-weight:700}.groups-empty-state{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl) var(--space-lg);text-align:center;animation:.4s ease-out both groupsFadeInUp}.groups-empty-icon{margin-bottom:var(--space-sm);opacity:.6;font-size:2.5rem;display:block}.groups-empty-text{color:var(--text-primary);margin:0 0 4px;font-size:.95rem;font-weight:600}.groups-empty-hint{color:var(--text-light);margin:0 0 var(--space-md);font-size:.82rem;line-height:1.4}.groups-empty-btn{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;margin-top:var(--space-sm);border:none;padding:10px 24px;font-size:.88rem;font-weight:600;transition:transform .15s;display:inline-block}.groups-empty-btn:active{transform:scale(.97)}.groups-my-list{gap:var(--space-sm);flex-direction:column;display:flex}.groups-my-chip{align-items:center;gap:var(--space-sm);background:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s,box-shadow .15s;animation:.4s ease-out both groupsFadeInUp;display:flex}.groups-my-chip:first-child{animation-delay:50ms}.groups-my-chip:nth-child(2){animation-delay:.1s}.groups-my-chip:nth-child(3){animation-delay:.15s}.groups-my-chip:active{transform:scale(.98)}.groups-my-chip-emoji{background:var(--mint);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.groups-my-chip-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.92rem;font-weight:600;overflow:hidden}.groups-my-chip-arrow{color:var(--text-light);flex-shrink:0;font-size:1rem}.groups-category-scroll{margin:0 calc(-1 * var(--space-md)) var(--space-md);padding:0 var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.groups-category-scroll::-webkit-scrollbar{display:none}.groups-category-tabs{gap:var(--space-sm);padding:var(--space-xs) 0;width:max-content;display:flex}.groups-category-tab{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.groups-category-tab.active{background:var(--mint);border-color:var(--leaf-green);color:var(--text-primary);font-weight:600}.groups-category-tab:not(.active):active{background:var(--cream-bg,var(--cream))}.groups-category-tab-emoji{font-size:.88rem}.groups-category-tab-label{line-height:1}.groups-list{gap:var(--space-md);flex-direction:column;display:flex}.groups-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);cursor:pointer;transition:box-shadow .2s,transform .15s;animation:.4s ease-out both groupsFadeInUp}.groups-card:first-child{animation-delay:50ms}.groups-card:nth-child(2){animation-delay:.1s}.groups-card:nth-child(3){animation-delay:.15s}.groups-card:nth-child(4){animation-delay:.2s}.groups-card:nth-child(5){animation-delay:.25s}.groups-card:nth-child(6){animation-delay:.3s}.groups-card:active{transform:scale(.99)}.groups-card-top{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.groups-card-emoji{background:var(--cream-bg,var(--cream));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.groups-card-info{flex:1;min-width:0}.groups-card-name{color:var(--text-primary);margin:0 0 4px;font-size:.95rem;font-weight:700;line-height:1.3}.groups-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.groups-card-location,.groups-card-members{color:var(--text-light);font-size:.72rem}.groups-card-arrow{color:var(--text-light);flex-shrink:0;margin-top:4px;font-size:1.1rem}.groups-card-desc{color:var(--text-light);margin:0 0 var(--space-sm);font-size:.82rem;line-height:1.4}.groups-card-bottom{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.groups-card-activity-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.75rem;overflow:hidden}.groups-join-btn{border-radius:var(--radius-full);cursor:pointer;border:1.5px solid #0000;flex-shrink:0;padding:6px 18px;font-size:.82rem;font-weight:600;transition:all .2s}.groups-join-btn:not(.joined){background:var(--leaf-green);color:var(--white);border-color:var(--leaf-green)}.groups-join-btn:not(.joined):active{background:var(--leaf-green-dark);transform:scale(.95)}.groups-join-btn.joined{background:var(--white);color:var(--text-secondary);border-color:var(--border)}.groups-join-btn.joined:active{background:var(--cream-bg,var(--cream))}.groups-nearby-subtitle{color:var(--text-secondary);margin:-4px 0 var(--space-md);font-size:.85rem}.groups-nearby-list{gap:var(--space-md);flex-direction:column;display:flex}.groups-nearby-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);animation:.4s ease-out both groupsFadeInUp}.groups-nearby-card:first-child{animation-delay:50ms}.groups-nearby-card:nth-child(2){animation-delay:.1s}.groups-nearby-card:nth-child(3){animation-delay:.15s}.groups-nearby-card:nth-child(4){animation-delay:.2s}.groups-nearby-card:nth-child(5){animation-delay:.25s}.groups-nearby-card:nth-child(6){animation-delay:.3s}.groups-nearby-top{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.groups-nearby-avatar{background:linear-gradient(135deg, var(--mint), var(--sky-blue));border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.groups-nearby-info{flex:1;min-width:0}.groups-nearby-name{color:var(--text-primary);margin-bottom:2px;font-size:.95rem;font-weight:700;display:block}.groups-nearby-detail{color:var(--text-light);font-size:.75rem;line-height:1.4;display:block}.groups-nearby-status{border-radius:var(--radius-full);border:2px solid var(--white);flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 1px #0000000d}.groups-nearby-status.online{background:#4caf50}.groups-nearby-status.offline{background:var(--border)}.groups-nearby-bio{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:.85rem;line-height:1.5}.groups-nearby-actions{gap:var(--space-sm);display:flex}.groups-nearby-msg-btn{padding:10px var(--space-md);background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;flex:1;font-size:.85rem;font-weight:600;transition:transform .15s}.groups-nearby-msg-btn:active{transform:scale(.97)}.groups-nearby-msg-btn.disabled{background:var(--border);color:var(--text-secondary)}.groups-detail-sheet{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:430px;max-height:90vh;animation:.3s ease-out both groupsModalSlideUp;overflow-y:auto}.gd-header{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-md);border-bottom:1px solid var(--border);background:var(--white);z-index:1;display:flex;position:sticky;top:0}.gd-back{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:background .15s;display:flex}.gd-back:active{background:var(--border)}.gd-emoji{flex-shrink:0;font-size:1.6rem}.gd-header-info{flex:1;min-width:0}.gd-name{color:var(--text-primary);margin:0 0 2px;font-size:1.05rem;font-weight:700;line-height:1.3}.gd-meta{color:var(--text-secondary);font-size:.78rem}.gd-body{padding:var(--space-md)}.gd-desc{color:var(--text-secondary);margin:0 0 var(--space-md);font-size:.9rem;line-height:1.6}.gd-join-btn{border-radius:var(--radius-full);cursor:pointer;border:2px solid var(--leaf-green);background:var(--leaf-green);width:100%;color:var(--white);margin-bottom:var(--space-lg);padding:12px;font-size:.95rem;font-weight:600;transition:all .2s;display:block}.gd-join-btn.joined{background:var(--white);color:var(--leaf-green)}.gd-join-btn:active{transform:scale(.97)}.gd-tabs{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);background:var(--white);gap:4px;display:flex}.gd-tab{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:8px;font-size:.82rem;font-weight:600;transition:all .2s}.gd-tab.active{background:var(--mint);color:var(--text-primary)}.gd-join-banner{border:1.5px dashed var(--mint);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;margin-bottom:var(--space-md);background:linear-gradient(135deg,#a8e6cf33,#a0d8ef33)}.gd-join-banner p{color:var(--text-secondary);margin:0 0 var(--space-sm);font-size:.85rem;line-height:1.4}.gd-section{margin-bottom:var(--space-lg)}.gd-section-title{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:.88rem;font-weight:700}.gd-leave-btn{width:100%;padding:var(--space-sm);border:1.5px solid var(--coral-pink);border-radius:var(--radius-full);color:var(--coral-pink);cursor:pointer;margin-top:var(--space-md);background:0 0;font-size:.85rem;font-weight:600;transition:all .15s}.gd-leave-btn:active{background:var(--coral-pink);color:var(--white)}.gd-composer{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.gd-composer-types{margin-bottom:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;gap:4px;display:flex;overflow-x:auto}.gd-composer-types::-webkit-scrollbar{display:none}.gd-composer-type{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:5px 12px;font-size:.75rem;font-weight:500;transition:all .2s}.gd-composer-type.active{background:var(--mint);border-color:var(--leaf-green);color:var(--text-primary);font-weight:600}.gd-composer-input-row{gap:var(--space-sm);display:flex}.gd-composer-input{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-size:.88rem;transition:border-color .15s}.gd-composer-input:focus{border-color:var(--leaf-green)}.gd-composer-input::placeholder{color:var(--text-light)}.gd-composer-send{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;padding:10px 20px;font-size:.85rem;font-weight:600;transition:transform .15s,opacity .15s}.gd-composer-send:disabled{opacity:.5;cursor:not-allowed}.gd-composer-send:not(:disabled):active{transform:scale(.95)}.gd-composer-anon-note{color:var(--text-light);margin-top:var(--space-xs);text-align:center;font-size:.72rem;display:block}.gd-milestone-quick{margin-bottom:var(--space-sm)}.gd-milestone-quick-label{color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.gd-milestone-chips{flex-wrap:wrap;gap:6px;display:flex}.gd-milestone-chip{background:var(--cream-bg,var(--cream));border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;padding:6px 12px;font-size:.75rem;transition:all .15s}.gd-milestone-chip:active{background:var(--warm-yellow);border-color:var(--warm-yellow);transform:scale(.97)}.gd-feed{gap:var(--space-md);flex-direction:column;display:flex}.gd-feed-empty{text-align:center;padding:var(--space-xl) var(--space-md);opacity:.6}.gd-feed-empty span{margin-bottom:var(--space-sm);font-size:2.5rem;display:block}.gd-feed-empty p{color:var(--text-secondary);margin:0;font-size:.9rem}.gd-post{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);animation:.3s ease-out both groupsFadeInUp}.gd-post-milestone{border-color:var(--warm-yellow);background:linear-gradient(135deg,#fffcf2,#fff9e8)}.gd-post-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.gd-post-avatar{background:var(--cream-bg,var(--cream));border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;display:flex}.gd-post-user-info{flex:1;min-width:0}.gd-post-user{color:var(--text-primary);font-size:.85rem;font-weight:700;display:block}.gd-post-time{color:var(--text-light);font-size:.7rem;display:block}.gd-post-type-badge{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));color:var(--text-secondary);flex-shrink:0;padding:3px 10px;font-size:.68rem;font-weight:600}.gd-post-milestone .gd-post-type-badge{background:var(--warm-yellow);color:var(--text-primary)}.gd-post-text{color:var(--text-primary);margin:0 0 var(--space-sm);font-size:.9rem;line-height:1.55}.gd-post-emoji{font-size:1rem}.gd-post-reactions{margin-bottom:var(--space-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gd-reaction-badge{background:var(--cream-bg,var(--cream));border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;align-items:center;gap:3px;padding:4px 10px;font-size:.75rem;transition:background .15s;display:inline-flex}.gd-reaction-badge:active{background:var(--mint)}.gd-react-btns{gap:2px;margin-left:auto;display:flex}.gd-react-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--white);cursor:pointer;justify-content:center;align-items:center;width:30px;height:30px;font-size:.82rem;transition:all .15s;display:flex}.gd-react-btn:active{background:var(--mint);border-color:var(--leaf-green);transform:scale(1.2)}.gd-post-replies{border-top:1px solid var(--border);padding-top:var(--space-sm);margin-bottom:var(--space-sm)}.gd-reply{align-items:flex-start;gap:8px;padding:6px 0;display:flex}.gd-reply-avatar{background:var(--cream-bg,var(--cream));border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;display:flex}.gd-reply-content{flex:1;min-width:0}.gd-reply-user{color:var(--text-primary);margin-right:4px;font-size:.78rem;font-weight:700}.gd-reply-text{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.gd-reply-time{color:var(--text-light);margin-top:2px;font-size:.65rem;display:block}.gd-replies-more{color:var(--leaf-green);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.78rem;font-weight:600}.gd-reply-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.78rem;font-weight:600;transition:color .15s}.gd-reply-toggle:active{color:var(--leaf-green)}.gd-reply-input-row{gap:6px;margin-top:4px;display:flex}.gd-reply-input{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));color:var(--text-primary);outline:none;flex:1;padding:8px 12px;font-size:.82rem;transition:border-color .15s}.gd-reply-input:focus{border-color:var(--leaf-green)}.gd-reply-input::placeholder{color:var(--text-light)}.gd-reply-send{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;padding:8px 14px;font-size:.78rem;font-weight:600;transition:transform .15s,opacity .15s}.gd-reply-send:disabled{opacity:.5;cursor:not-allowed}.gd-reply-send:not(:disabled):active{transform:scale(.95)}.gd-members{gap:var(--space-sm);flex-direction:column;display:flex}.gd-member{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--cream-bg,var(--cream));border-radius:var(--radius-md);display:flex}.gd-member-avatar{background:var(--white);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.gd-member-info{flex:1;min-width:0}.gd-member-name{color:var(--text-primary);font-size:.88rem;font-weight:600;display:block}.gd-member-detail{color:var(--text-light);margin-top:2px;font-size:.75rem;display:block}.gd-member-msg-btn{border-radius:var(--radius-full);background:var(--leaf-green);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:transform .15s;display:flex}.gd-member-msg-btn:active{transform:scale(.9)}.gd-stats{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr 1fr;display:grid}.gd-stat{background:var(--cream-bg,var(--cream));padding:var(--space-sm);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;display:flex}.gd-stat-val{color:var(--leaf-green);font-size:1.1rem;font-weight:800}.gd-stat-lbl{color:var(--text-light);margin-top:2px;font-size:.68rem}.gd-share-btn{width:100%;padding:var(--space-sm) var(--space-md);background:var(--warm-yellow);color:var(--text-primary);border-radius:var(--radius-full);cursor:pointer;border:none;font-size:.88rem;font-weight:600;transition:transform .15s;display:block}.gd-share-btn:active{transform:scale(.97)}.groups-message-sheet{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:430px;height:85vh;animation:.3s ease-out both groupsModalSlideUp;display:flex}.gm-header{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.gm-back{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:background .15s;display:flex}.gm-back:active{background:var(--border)}.gm-avatar{flex-shrink:0;font-size:1.5rem}.gm-header-info{flex:1;min-width:0}.gm-name{color:var(--text-primary);font-size:.95rem;font-weight:700;display:block}.gm-status{color:var(--text-light);font-size:.75rem;display:block}.gm-messages{padding:var(--space-md);gap:var(--space-sm);background:var(--cream-bg,var(--cream));flex-direction:column;flex:1;display:flex;overflow-y:auto}.gm-empty{text-align:center;opacity:.6;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.gm-empty span{margin-bottom:var(--space-sm);font-size:2.5rem}.gm-empty p{color:var(--text-secondary);margin:0;font-size:.9rem}.gm-bubble{border-radius:16px;max-width:80%;padding:10px 14px;animation:.2s ease-out both groupsFadeInUp}.gm-mine{background:var(--leaf-green);color:var(--white);border-bottom-right-radius:4px;align-self:flex-end}.gm-theirs{background:var(--white);color:var(--text-primary);box-shadow:var(--shadow-sm);border-bottom-left-radius:4px;align-self:flex-start}.gm-bubble-text{font-size:.88rem;line-height:1.5;display:block}.gm-bubble-time{opacity:.7;margin-top:4px;font-size:.68rem;display:block}.gm-mine .gm-bubble-time{text-align:right}.gm-input-bar{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border);background:var(--white);flex-shrink:0;display:flex}.gm-input{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-size:.88rem;transition:border-color .15s}.gm-input:focus{border-color:var(--leaf-green)}.gm-input::placeholder{color:var(--text-light)}.gm-send{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;padding:10px 20px;font-size:.88rem;font-weight:600;transition:transform .15s,opacity .15s}.gm-send:disabled{opacity:.5;cursor:not-allowed}.gm-send:not(:disabled):active{transform:scale(.95)}.groups-modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both groupsOverlayIn;display:flex;position:fixed;inset:0}@keyframes groupsOverlayIn{0%{opacity:0}to{opacity:1}}.groups-modal{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:430px;max-height:85vh;padding:0;animation:.3s ease-out both groupsModalSlideUp;overflow-y:auto}@keyframes groupsModalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.groups-modal-header{padding:var(--space-lg) var(--space-lg) var(--space-sm);background:var(--white);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.groups-modal-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.groups-modal-close{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1.3rem;transition:background .15s;display:flex}.groups-modal-close:active{background:var(--border)}.groups-modal-body{padding:var(--space-md) var(--space-lg) var(--space-xl)}.groups-modal-save-btn{width:100%;padding:var(--space-md);background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;margin-top:var(--space-lg);border:none;font-size:1rem;font-weight:600;transition:transform .15s}.groups-modal-save-btn:active{transform:scale(.97)}.groups-modal-danger-zone{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border)}.groups-modal-leave-all-btn{width:100%;padding:var(--space-sm);border:1.5px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;font-size:.88rem;font-weight:500;transition:all .2s}.groups-modal-leave-all-btn:active,.groups-modal-leave-all-btn.confirming{border-color:var(--coral-pink);color:var(--coral-pink);font-weight:600}.groups-inbox-sheet{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;flex-direction:column;width:100%;max-width:430px;height:85vh;animation:.3s ease-out both groupsModalSlideUp;display:flex}.inbox-header{align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-md);border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.inbox-back{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));width:36px;height:36px;color:var(--text-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:background .15s;display:flex}.inbox-back:active{background:var(--border)}.inbox-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.inbox-body{flex:1;overflow-y:auto}.inbox-empty{padding:var(--space-xl) var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.inbox-empty-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.inbox-empty-text{color:var(--text-primary);margin:0 0 4px;font-size:1rem;font-weight:600}.inbox-empty-hint{color:var(--text-light);max-width:260px;margin:0;font-size:.85rem;line-height:1.5}.inbox-list{flex-direction:column;display:flex}.inbox-item{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;display:flex}.inbox-item:active{background:var(--cream-bg,var(--cream))}.inbox-item.inbox-unread{background:#8ed0810f}.inbox-item-avatar{background:var(--cream-bg,var(--cream));border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.inbox-unread .inbox-item-avatar{background:var(--mint)}.inbox-item-content{flex:1;min-width:0}.inbox-item-top{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:2px;display:flex}.inbox-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.inbox-unread .inbox-item-name{font-weight:700}.inbox-item-time{color:var(--text-light);flex-shrink:0;font-size:.7rem}.inbox-item-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;line-height:1.4;overflow:hidden}.inbox-unread .inbox-item-preview{color:var(--text-primary);font-weight:500}.inbox-item-badge{background:var(--leaf-green);min-width:22px;height:22px;color:var(--white);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:.72rem;font-weight:700;display:flex}.gp-avatar-section{margin-bottom:var(--space-lg);flex-direction:column;align-items:center;display:flex}.gp-avatar-preview{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--mint), var(--sky-blue));width:80px;height:80px;margin-bottom:var(--space-sm);border:3px solid var(--white);justify-content:center;align-items:center;font-size:2.5rem;display:flex;box-shadow:0 4px 14px #0000001a}.gp-avatar-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.82rem;font-weight:600}.gp-avatar-grid{grid-template-columns:repeat(8,1fr);gap:6px;width:100%;display:grid}.gp-avatar-option{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--white);cursor:pointer;justify-content:center;align-items:center;width:100%;font-size:1.2rem;transition:all .15s;display:flex}.gp-avatar-option.selected{border-color:var(--leaf-green);background:var(--mint);transform:scale(1.1);box-shadow:0 2px 8px #8ed0814d}.gp-avatar-option:active{transform:scale(.95)}.gp-bio-input{width:100%;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--cream-bg,var(--cream));color:var(--text-primary);box-sizing:border-box;resize:none;outline:none;font-family:inherit;font-size:.9rem;line-height:1.5;transition:border-color .15s}.gp-bio-input:focus{border-color:var(--leaf-green)}.gp-bio-input::placeholder{color:var(--text-light)}@keyframes groupsFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.practice-screen{background:var(--cream-bg,var(--cream));max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:40px}.practice-header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--white);border-bottom:1px solid var(--border);z-index:10;display:flex;position:sticky;top:0}.practice-back-btn{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));cursor:pointer;width:36px;height:36px;color:var(--text-primary);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:background .15s,transform .15s;display:flex}.practice-back-btn:active{background:var(--mint);transform:scale(.94)}.practice-header h1{color:var(--text-primary);text-align:center;flex:1;margin:0;font-size:1.1rem;font-weight:700}.practice-progress-text{color:var(--text-secondary);background:var(--cream-bg,var(--cream));border-radius:var(--radius-full);text-align:center;min-width:36px;padding:6px 12px;font-size:13px;font-weight:600}.practice-progress-bar{background:var(--border);width:100%;height:4px}.practice-progress-fill{background:linear-gradient(90deg, var(--leaf-green), #6bc45e);height:100%;transition:width .4s ease-out}.practice-themes-wrap{padding:var(--space-md) 0 0;background:var(--white);border-bottom:1px solid var(--border)}.practice-themes-scroll{padding:0 var(--space-md) var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.practice-themes-scroll::-webkit-scrollbar{display:none}.practice-theme-chip{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--text-primary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.practice-theme-chip:active{transform:scale(.96)}.practice-theme-chip.active{background:var(--mint);border-color:var(--leaf-green);box-shadow:0 2px 8px #8ed08140}.practice-theme-chip-emoji{font-size:16px;line-height:1}.practice-theme-chip-label{line-height:1}.practice-theme-chip-badge{background:var(--coral-pink);color:var(--white);letter-spacing:.3px;border-radius:8px;padding:2px 5px;font-size:8px;font-weight:800;line-height:1;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000026}.practice-theme-now{animation:2s ease-in-out infinite practiceThemePulse}@keyframes practiceThemePulse{0%,to{box-shadow:0 0 #ff696166}50%{box-shadow:0 0 0 6px #ff696100}}.practice-theme-now.active{animation:none}.practice-intro{padding:var(--space-md) var(--space-md) 0}.practice-intro p{color:var(--text-secondary);text-align:center;margin:0;font-size:13px;line-height:1.5}.practice-intro strong{color:var(--text-primary)}.practice-card{margin:var(--space-md);background:var(--white);border-radius:var(--radius-xl);animation:.4s cubic-bezier(.34,1.56,.64,1) both practiceCardIn;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}@keyframes practiceCardIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.practice-card-practiced{animation:.5s ease-out forwards practiceCardSuccess}.practice-card-logged{animation:.6s ease-out forwards practiceCardCelebrate}.practice-card-skip{animation:.3s ease-out forwards practiceCardSkip}@keyframes practiceCardSuccess{0%{transform:scale(1)}40%{transform:scale(1.02)}to{opacity:.5;transform:scale(1)}}@keyframes practiceCardCelebrate{0%{transform:scale(1)rotate(0)}30%{transform:scale(1.05)rotate(-1deg)}60%{transform:scale(1.03)rotate(1deg)}to{transform:scale(1)rotate(0)}}@keyframes practiceCardSkip{0%{opacity:1;transform:translate(0)}to{opacity:.4;transform:translate(-40px)}}.practice-flashcard{border-bottom:2.5px solid var(--warm-yellow);background:linear-gradient(135deg,#fff8f2,#fffdf5);justify-content:center;align-items:center;min-height:140px;padding:28px 20px;display:flex;position:relative;overflow:hidden}.practice-flashcard:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd76433 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.practice-flashcard-img{filter:drop-shadow(0 4px 10px #0000001a);font-size:90px;line-height:1;animation:.6s ease-out .15s both practiceBounce}@keyframes practiceBounce{0%{transform:scale(.6)rotate(-10deg)}50%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(0)}}.practice-word-info{padding:var(--space-lg) var(--space-md) var(--space-md);text-align:center}.practice-word-tags{margin-bottom:var(--space-sm);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.practice-tag{border-radius:var(--radius-full);color:var(--text-primary);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.practice-tag-difficulty{background:var(--cream-bg,var(--cream));border:1px solid var(--border)}.practice-difficulty-easy{color:var(--leaf-green-dark);background:#e6f5df;border-color:#b8d9a9}.practice-difficulty-medium{color:#a86500;background:#fff4e0;border-color:#f5cc7d}.practice-difficulty-advanced{color:#7a2d8d;background:#f5e8fa;border-color:#d0a8e8}.practice-word-title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:800}.practice-word-why{color:var(--text-secondary);text-align:left;background:#f8f9fa;border-radius:10px;margin:0;padding:10px 14px;font-size:13px;line-height:1.5}.practice-prompts{padding:0 var(--space-md) var(--space-lg)}.practice-prompts-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:12px;font-weight:700}.practice-prompts-list{flex-direction:column;gap:10px;display:flex}.practice-prompt-item{background:var(--cream-bg,var(--cream));border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;animation:.3s ease-out both practicePromptIn;display:flex}.practice-prompt-item:first-child{animation-delay:.1s}.practice-prompt-item:nth-child(2){animation-delay:.2s}@keyframes practicePromptIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.practice-prompt-num{background:var(--leaf-green);width:22px;height:22px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.practice-prompt-text{color:var(--text-primary);flex:1;font-size:13px;line-height:1.5}.practice-success{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;z-index:5;background:#ffffffeb;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out both practiceSuccessIn;display:flex;position:absolute;inset:0}@keyframes practiceSuccessIn{0%{opacity:0}to{opacity:1}}.practice-success span{color:var(--leaf-green-dark);font-size:16px;font-weight:700;line-height:1.5;animation:.4s cubic-bezier(.34,1.56,.64,1) both practiceSuccessPop}@keyframes practiceSuccessPop{0%{transform:scale(.7)}to{transform:scale(1)}}.practice-actions{padding:0 var(--space-md);flex-direction:column;gap:10px;display:flex}.practice-action-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:100%;color:var(--white);border-radius:var(--radius-full);cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;padding:14px 18px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #8ed08159}.practice-action-btn:active:not(:disabled){transform:scale(.98)}.practice-action-btn:disabled{opacity:.6;cursor:not-allowed}.practice-action-icon{flex-shrink:0;font-size:24px}.practice-action-label{flex:1;font-size:15px}.practice-action-hint{opacity:.9;font-size:11px;font-weight:500}.practice-action-row{gap:10px;display:flex}.practice-action-btn-small{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--text-primary);cursor:pointer;flex:1;padding:11px;font-size:14px;font-weight:600;transition:all .15s}.practice-action-btn-small:active:not(:disabled){transform:scale(.97)}.practice-action-btn-small:disabled{opacity:.5;cursor:not-allowed}.practice-action-practiced:active:not(:disabled){background:var(--mint);border-color:var(--leaf-green)}.practice-action-skip:active:not(:disabled){background:var(--cream-bg,var(--cream))}.practice-footer-stats{text-align:center;padding:var(--space-lg) var(--space-md) 0;color:var(--text-light);font-size:12px;font-weight:500}.practice-done{text-align:center;flex-direction:column;align-items:center;padding:40px 24px;display:flex}.practice-done-icon{margin-bottom:16px;font-size:72px;animation:1s ease-in-out infinite practiceDoneBounce}@keyframes practiceDoneBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.practice-done h2{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 10px;font-size:24px;font-weight:800}.practice-done p{color:var(--text-secondary);max-width:320px;margin:0 0 28px;font-size:14px;line-height:1.6}.practice-done-stats{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px;margin-bottom:28px;display:grid}.practice-stat{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:2px;padding:14px 8px;display:flex}.practice-stat-num{color:var(--leaf-green-dark);font-size:22px;font-weight:800}.practice-stat-lbl{color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.practice-done-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.practice-btn-primary{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;padding:14px 24px;font-size:15px;font-weight:600;transition:transform .15s;box-shadow:0 4px 14px #8ed08159}.practice-btn-primary:active{transform:scale(.97)}.practice-btn-secondary{background:var(--white);color:var(--text-primary);border:1.5px solid var(--border);border-radius:var(--radius-full);cursor:pointer;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s}.practice-btn-secondary:active{background:var(--cream-bg,var(--cream));transform:scale(.97)}.phrases-screen{background:var(--cream-bg,var(--cream));max-width:430px;min-height:100vh;margin:0 auto;padding-bottom:120px}.phrases-header{padding:var(--space-md);background:var(--white);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:12px;display:flex;position:sticky;top:0}.phrases-back-btn{border-radius:var(--radius-full);background:var(--cream-bg,var(--cream));cursor:pointer;width:36px;height:36px;color:var(--text-primary);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;transition:all .15s;display:flex}.phrases-back-btn:active{background:var(--mint);transform:scale(.94)}.phrases-header-text{flex:1;min-width:0}.phrases-header-text h1{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.phrases-header-text p{color:var(--text-secondary);margin:2px 0 0;font-size:11px}.phrases-header-icon{font-size:28px}.phrases-empty{text-align:center;padding:32px 24px}.phrases-empty-icon{margin-bottom:16px;font-size:56px;animation:3s ease-in-out infinite phrasesFloat;display:block}@keyframes phrasesFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.phrases-empty h2{color:var(--leaf-green-dark);letter-spacing:-.3px;margin:0 0 12px;font-size:22px;font-weight:800}.phrases-empty>p{color:var(--text-secondary);max-width:340px;margin:0 auto 24px;font-size:14px;line-height:1.6}.phrases-examples{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;margin-bottom:20px;padding:16px}.phrases-examples-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:10px;font-size:12px;font-weight:700}.phrases-examples-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.phrases-example-chip{background:var(--cream-bg,var(--cream));border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.phrases-example-count{background:var(--mint);color:var(--leaf-green-dark);border-radius:8px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700}.phrases-when-to-start{border:1.5px solid var(--warm-yellow);border-radius:var(--radius-lg);text-align:left;background:linear-gradient(135deg,#fffbe6,#fff8f2);margin-bottom:24px;padding:16px}.phrases-when-to-start h3{color:var(--text-primary);margin:0 0 10px;font-size:14px;font-weight:700}.phrases-when-to-start ul{color:var(--text-secondary);margin:0;padding-left:18px;font-size:12px;line-height:1.7}.phrases-when-to-start strong{color:var(--text-primary)}.phrases-start-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;padding:14px 32px;font-size:15px;font-weight:700;transition:transform .15s;display:inline-block;box-shadow:0 4px 14px #8ed08159}.phrases-start-btn:active{transform:scale(.97)}.phrases-stats{padding:var(--space-md);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.phrases-stat{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:2px;padding:14px 8px;display:flex}.phrases-stat-num{color:var(--leaf-green-dark);font-size:24px;font-weight:800}.phrases-stat-lbl{color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.phrases-highlight{margin:0 var(--space-md) var(--space-md);border:1.5px solid var(--warm-yellow);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffbe6,#fff8f2);align-items:center;gap:12px;padding:14px 16px;display:flex}.phrases-highlight-icon{flex-shrink:0;font-size:28px}.phrases-highlight-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.phrases-highlight-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.phrases-highlight-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.phrases-highlight-meta{color:var(--text-light);font-size:11px}.phrases-search-wrap{padding:0 var(--space-md);margin-bottom:10px}.phrases-search{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:11px 16px;font-size:14px;transition:border-color .15s}.phrases-search:focus{border-color:var(--leaf-green)}.phrases-search::placeholder{color:var(--text-light)}.phrases-filters{padding:0 var(--space-md) 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.phrases-filters::-webkit-scrollbar{display:none}.phrases-filter{border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--white);color:var(--text-primary);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.phrases-filter.active{background:var(--mint);border-color:var(--leaf-green);color:var(--leaf-green-dark)}.phrases-filter-count{background:var(--cream-bg,var(--cream));color:var(--text-secondary);border-radius:8px;padding:1px 7px;font-size:10px;font-weight:700}.phrases-filter.active .phrases-filter-count{background:var(--white)}.phrases-no-results{text-align:center;color:var(--text-light);padding:30px 16px;font-size:13px}.phrases-timeline{padding:0 var(--space-md)}.phrases-month{margin-bottom:20px}.phrases-month-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.phrases-month-dot{background:var(--leaf-green);border-radius:50%;flex-shrink:0;width:8px;height:8px}.phrases-month-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.phrases-cards{flex-direction:column;gap:8px;display:flex}.phrases-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:12px 14px;animation:.3s ease-out both phrasesCardIn;position:relative}@keyframes phrasesCardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.phrases-card-top{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.phrases-card.playing{background:linear-gradient(135deg, #f4f9f0, var(--white));border:1px solid var(--mint)}.phrases-card-play{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:-2px;padding:0;transition:transform .15s;display:flex;box-shadow:0 2px 8px #8ed08159}.phrases-card-play:active{transform:scale(.92)}.phrases-card-play.playing{background:linear-gradient(135deg,#ff9aa2,#ff7975);box-shadow:0 2px 8px #ff797559}.phrases-play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid var(--white);width:0;height:0;margin-left:3px}.phrases-pause-icon{gap:3px;display:flex}.phrases-pause-icon div{background:var(--white);border-radius:1px;width:3px;height:12px}.phrases-card-audio-hint{opacity:.5;flex-shrink:0;margin-top:2px;font-size:14px}.phrases-card-wave{align-items:flex-end;gap:3px;height:16px;margin:0 0 8px 46px;display:flex}.phrases-wave-bar{background:var(--leaf-green);border-radius:2px;width:3px;animation:.8s ease-in-out infinite phrasesWave}@keyframes phrasesWave{0%,to{height:4px}50%{height:14px}}.phrases-card-count{background:var(--mint);color:var(--leaf-green-dark);border-radius:8px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:10px;font-weight:800}.phrases-card-text{color:var(--text-primary);flex:1;font-size:15px;font-weight:700;line-height:1.4}.phrases-card-meta{color:var(--text-light);align-items:center;gap:10px;font-size:11px;display:flex}.phrases-card-ctx{background:var(--cream-bg,var(--cream));border-radius:8px;padding:2px 8px;font-weight:500}.phrases-card-note{background:var(--cream-bg,var(--cream));color:var(--text-secondary);border-radius:8px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.4}.phrases-card-delete{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;transition:opacity .15s,background .15s;position:absolute;top:10px;right:10px}.phrases-card-delete:active{opacity:1;background:var(--cream-bg,var(--cream))}.phrases-delete-confirm{color:var(--text-primary);background:#fff2f2;border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;font-size:12px;display:flex}.phrases-delete-confirm span{flex:1}.phrases-delete-yes{background:var(--coral-pink,#ff7975);color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:700}.phrases-delete-no{background:var(--white);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:600}.phrases-fab{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);border-radius:var(--radius-full);cursor:pointer;z-index:40;border:none;align-items:center;gap:6px;padding:14px 26px;font-size:14px;font-weight:700;transition:transform .15s;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #8ed08173}.phrases-fab:active{transform:translate(-50%)scale(.96)}.phrases-fab span:first-child{font-size:18px;font-weight:800;line-height:1}.pr-screen{background:#f5f7fa;min-height:100vh;padding-bottom:80px}.pr-controls{z-index:10;background:var(--white);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0000000a}.pr-back-btn{background:var(--cream-bg,var(--cream));border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;z-index:2;border:none;flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s;position:relative}.pr-back-btn:active{background:var(--border)}.pr-controls-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;pointer-events:none;max-width:55%;margin:0;font-size:15px;font-weight:700;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.pr-print-btn{background:var(--leaf-green);color:var(--white);border-radius:var(--radius-full);cursor:pointer;z-index:2;border:none;flex-shrink:0;padding:10px 18px;font-size:14px;font-weight:600;transition:transform .15s;position:relative;box-shadow:0 2px 8px #8ed0814d}.pr-print-btn:active{transform:scale(.97)}.pr-premium-gate{background:var(--white);border-radius:var(--radius-lg);text-align:center;max-width:520px;margin:40px auto;padding:32px 24px;box-shadow:0 4px 16px #0000000f}.pr-gate-icon{margin-bottom:12px;font-size:64px}.pr-premium-gate h2{color:#2d6936;letter-spacing:-.3px;margin:0 0 10px;font-size:22px;font-weight:800}.pr-premium-gate>p{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.6}.pr-gate-features{text-align:left;background:#fafafa;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:28px;padding:18px 20px;display:flex}.pr-gate-feature{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.pr-gate-feature span{width:20px;height:20px;color:var(--white);background:#8ed081;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;font-weight:700;display:inline-flex}.pr-gate-upgrade-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);border-radius:var(--radius-full);cursor:pointer;border:none;padding:14px 32px;font-size:15px;font-weight:700;transition:transform .15s;display:inline-block;box-shadow:0 4px 14px #8ed08159}.pr-gate-upgrade-btn:active{transform:scale(.97)}.pr-document{color:#222;background:#fff;max-width:850px;margin:24px auto;padding:48px 56px;font-family:-apple-system,Helvetica Neue,Segoe UI,Arial,sans-serif;line-height:1.5;box-shadow:0 4px 24px #00000014}.pr-header{border-bottom:3px solid #8ed081;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;display:flex}.pr-header-branding{align-items:center;gap:14px;display:flex}.pr-logo{background:linear-gradient(135deg,#e8f5e1,#d4edff);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:40px;display:flex}.pr-brand-name{color:#2d6936;letter-spacing:-.3px;font-size:22px;font-weight:800}.pr-brand-tagline{color:#555;letter-spacing:.3px;text-transform:uppercase;margin-top:2px;font-size:13px;font-weight:500}.pr-header-meta{text-align:right;color:#777;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.pr-header-date{color:#222;text-transform:none;letter-spacing:0;margin-top:4px;font-size:14px;font-weight:600}.pr-section{margin-bottom:36px}.pr-section-title{color:#2d6936;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e3ecdc;margin:0 0 16px;padding-bottom:6px;font-size:16px;font-weight:700}.pr-section-subtitle{color:#666;margin:-12px 0 14px;font-size:13px;font-style:italic}.pr-info-grid{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.pr-info-row{border-bottom:1px dotted #d8d8d8;justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.pr-info-label{color:#666;font-size:13px;font-weight:500}.pr-info-value{color:#222;text-align:right;font-size:14px;font-weight:600}.pr-summary-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.pr-summary-card{text-align:center;background:linear-gradient(135deg,#f4f9f0,#e8f5e1);border:1px solid #d4e8cd;border-radius:10px;padding:16px 12px}.pr-summary-number{color:#2d6936;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1}.pr-summary-label{color:#555;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.pr-summary-text{background:#fafafa;border-left:3px solid #8ed081;border-radius:4px;padding:14px 18px;font-size:14px;line-height:1.6}.pr-summary-text p{margin:0}.pr-benchmark-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:14px;padding:20px}.pr-benchmark-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.pr-benchmark-age{color:#222;margin-bottom:8px;font-size:18px;font-weight:700}.pr-benchmark-range-label{color:#777;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-size:11px}.pr-benchmark-range{color:#2d6936;font-size:15px;font-weight:600}.pr-benchmark-status{border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-weight:600;display:flex}.pr-status-good{color:#2d6936;background:#e6f5df;border:1px solid #b8d9a9}.pr-status-watch{color:#a86500;background:#fff4e0;border:1px solid #f5cc7d}.pr-status-icon{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:flex}.pr-status-good .pr-status-icon{color:#fff;background:#8ed081}.pr-status-watch .pr-status-icon{color:#fff;background:#f5a623}.pr-status-text{font-size:13px}.pr-benchmark-bar{margin:16px 0}.pr-benchmark-bar-track{background:#e8e8e8;border-radius:12px;height:24px;position:relative;overflow:visible}.pr-benchmark-bar-fill{background:linear-gradient(90deg,#8ed081,#6ab55d);border-radius:12px;height:100%;transition:width .4s}.pr-benchmark-bar-marker{background:#222;width:2px;height:28px;position:absolute;top:-2px}.pr-benchmark-bar-marker span{white-space:nowrap;color:#222;background:#fff;border:1px solid #ccc;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.pr-benchmark-bar-labels{color:#666;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.pr-benchmark-description{color:#444;margin:8px 0 0;font-size:13px;font-style:italic}.pr-benchmark-source{color:#666;background:#f0f8e8;border-left:3px solid #8ed081;border-radius:4px;margin:10px 0 0;padding:8px 12px;font-size:11px;line-height:1.5}.pr-disclaimer{color:#5a5030;background:#fffbe6;border:1px solid #f0e3a5;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.5}.pr-chart{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:20px}.pr-chart-bars{border-bottom:1px solid #ddd;align-items:flex-end;gap:8px;height:160px;padding-bottom:20px;display:flex}.pr-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:24px;height:100%;display:flex;position:relative}.pr-chart-bar{background:linear-gradient(#aedea2,#8ed081);border-radius:4px 4px 0 0;width:80%;max-width:40px;min-height:4px;transition:height .3s;position:relative}.pr-chart-value{color:#2d6936;font-size:11px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.pr-chart-label{color:#777;white-space:nowrap;transform-origin:top;margin-top:4px;font-size:10px;position:absolute;bottom:-20px;transform:rotate(-40deg)}.pr-chart-legend{text-align:center;color:#666;margin-top:16px;font-size:11px;font-style:italic}.pr-category-list{flex-direction:column;gap:10px;display:flex}.pr-category-row{grid-template-columns:140px 1fr 80px;align-items:center;gap:12px;display:grid}.pr-category-label{color:#222;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.pr-category-emoji{font-size:16px}.pr-category-bar{background:#eaeaea;border-radius:8px;height:16px;overflow:hidden}.pr-category-bar-fill{background:linear-gradient(90deg,#8ed081,#6ab55d);border-radius:8px;height:100%}.pr-category-count{color:#222;text-align:right;font-size:13px}.pr-category-pct{color:#777;font-size:11px}.pr-milestones{flex-direction:column;gap:8px;display:flex}.pr-milestone-item{background:#fafafa;border-left:3px solid #8ed081;border-radius:6px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pr-milestone-bullet{color:#fff;background:#8ed081;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:12px;font-weight:700;display:flex}.pr-milestone-content{flex:1;min-width:0}.pr-milestone-title{color:#222;font-size:14px;font-weight:700}.pr-milestone-desc{color:#666;margin-top:2px;font-size:12px}.pr-milestone-date{color:#777;flex-shrink:0;font-size:12px;font-weight:500}.pr-words-table{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.pr-words-table-header,.pr-words-table-row{grid-template-columns:2fr 1.5fr 1.5fr 1.5fr;gap:12px;padding:10px 14px;font-size:13px;display:grid}.pr-words-table-header{color:#222;text-transform:uppercase;letter-spacing:.3px;background:#f0f0f0;font-size:11px;font-weight:700}.pr-words-table-row{border-top:1px solid #eee}.pr-words-table-row:nth-child(2n){background:#fafafa}.pr-word-cell{color:#222}.pr-word-context{text-transform:capitalize;color:#555}.pr-word-date{color:#666;font-size:12px}.pr-notes-wrapper{margin-bottom:20px}.pr-notes-label{color:#333;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.pr-notes-input{color:#222;resize:vertical;box-sizing:border-box;background:#fafafa;border:1.5px solid #d0d0d0;border-radius:6px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5}.pr-notes-input:focus{background:#fff;border-color:#8ed081;outline:none}.pr-notes-display{color:#222;white-space:pre-wrap;background:#fafafa;border:1px solid #d0d0d0;border-radius:6px;min-height:60px;padding:14px;font-size:14px;line-height:1.6}.pr-notes-display em{color:#999;font-style:italic}.pr-guidance-intro{color:#222;margin:0 0 10px;font-size:14px;font-weight:500}.pr-guidance-list{color:#333;margin:0 0 14px;padding-left:20px;font-size:13px;line-height:1.8}.pr-guidance-list li{margin-bottom:4px}.pr-guidance-note{color:#2d4a70;background:#e8f2fb;border-left:3px solid #4a90d9;border-radius:4px;margin:0;padding:12px 16px;font-size:13px;line-height:1.6}.pr-footer{margin-top:48px}.pr-footer-line{background:linear-gradient(90deg,#0000,#8ed081,#0000);height:2px;margin-bottom:16px}.pr-footer-text{color:#777;font-size:11px;line-height:1.5}.pr-footer-text p{margin:0 0 10px}.pr-footer-brand{text-align:center;color:#2d6936;border-top:1px dotted #ccc;padding-top:8px;font-weight:600}.print-only{display:none}@media print{body{background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}.pr-screen{background:#fff;padding:0}.pr-document{max-width:100%;box-shadow:none;margin:0;padding:24px 32px;font-size:12px}.pr-header{margin-bottom:20px;padding-bottom:16px}.pr-section{page-break-inside:avoid;margin-bottom:22px}.pr-section-break{page-break-before:auto}.pr-section-title{margin-bottom:10px;font-size:13px}.pr-summary-cards{gap:8px;margin-bottom:14px}.pr-summary-card{padding:10px 8px}.pr-summary-number{font-size:22px}.pr-summary-label{font-size:9px}.pr-info-grid{grid-template-columns:1fr 1fr;gap:4px 16px}.pr-info-label,.pr-info-value{font-size:11px}.pr-chart-bars{height:120px}.pr-milestone-item,.pr-words-table-row,.pr-words-table-header{page-break-inside:avoid}.pr-milestones{gap:4px}.pr-milestone-item{padding:6px 10px}.pr-milestone-title{font-size:12px}.pr-milestone-desc,.pr-milestone-date{font-size:10px}.pr-guidance-list{font-size:11px}.pr-footer-text{font-size:9px}}@media (width<=700px){.pr-document{box-shadow:none;margin:0;padding:24px 18px}.pr-header{flex-direction:column;gap:14px}.pr-header-meta{text-align:left}.pr-info-grid{grid-template-columns:1fr}.pr-summary-cards{grid-template-columns:repeat(2,1fr)}.pr-summary-number{font-size:22px}.pr-benchmark-header{flex-direction:column;gap:12px}.pr-category-row{grid-template-columns:110px 1fr 60px;gap:8px}.pr-words-table-header,.pr-words-table-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:6px;padding:8px 10px;font-size:11px}.pr-chart-bars{height:120px}}.share-view-screen{background:linear-gradient(180deg, #f8fff5 0%, var(--cream) 100%);min-height:100dvh;padding:var(--space-xl) var(--space-md);flex-direction:column;align-items:center;display:flex}.share-view-card{border-radius:var(--radius-lg);width:100%;max-width:380px;margin-bottom:var(--space-xl);overflow:hidden;box-shadow:0 8px 32px #0000001a}.share-view-error{text-align:center;padding:var(--space-2xl)}.sv-logo{width:80px;height:auto;margin-bottom:var(--space-md)}.share-view-error h2{margin-bottom:var(--space-sm);font-size:24px;font-weight:700}.share-view-error p{color:var(--text-secondary);margin-bottom:var(--space-lg)}.share-view-cta-section{text-align:center;max-width:300px}.sv-small-logo{width:48px;height:auto;margin-bottom:var(--space-sm)}.share-view-cta-section h3{margin-bottom:var(--space-xs);font-size:18px;font-weight:700}.share-view-cta-section p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:14px;line-height:1.5}.sv-cta{background:var(--leaf-green);color:#fff;border-radius:var(--radius-full);padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 4px 16px #8ed08166}.legal-screen{color:#2d2a26;background:#fff9f0;min-height:100dvh;padding:0 0 80px}.legal-content{max-width:720px;margin:0 auto;padding:24px 20px 40px;font-size:16px;line-height:1.6}.legal-content h1{color:#2d2a26;margin:0 0 4px;font-size:28px}.legal-effective{color:#7a7167;margin:0 0 28px;font-size:14px}.legal-content h2{color:#2d2a26;margin:32px 0 8px;font-size:20px}.legal-content h3{color:#2d2a26;margin:20px 0 6px;font-size:17px}.legal-content p{margin:0 0 12px}.legal-content ul{margin:8px 0 16px;padding-left:22px}.legal-content li{margin-bottom:6px}.legal-content a{color:#5c8c4e;text-decoration:underline}.legal-content strong{color:#2d2a26}.legal-callout{background:#fdf2d9;border-left:4px solid #e8b84a;border-radius:4px;margin:16px 0;padding:12px 16px}.legal-callout p{margin:0}.mc-overlay{z-index:300;cursor:pointer;background:radial-gradient(#fffffff2 0%,#e8f5e9f2 100%);flex-direction:column;justify-content:center;align-items:center;animation:.4s mcFadeIn;display:flex;position:fixed;inset:0}.mc-overlay.fade{animation:.8s forwards mcFadeOut}@keyframes mcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes mcFadeOut{0%{opacity:1}to{opacity:0}}.mc-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mc-particle{opacity:0;animation:ease-out forwards mcRise;position:absolute;bottom:0}@keyframes mcRise{0%{transform:translateY(var(--start-y)) translateX(0) scale(.2) rotate(0deg);opacity:0}10%{opacity:1}70%{opacity:1}to{transform:translateY(-120vh) translateX(var(--drift)) scale(1.1) rotate(var(--rotation));opacity:0}}.mc-sparkles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mc-sparkle{opacity:0;animation:ease-in-out forwards mcFall;position:absolute;top:-20px}@keyframes mcFall{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}15%{opacity:1}85%{opacity:.8}to{transform:translateY(110vh) translateX(var(--wobble)) scale(.3);opacity:0}}.mc-center{opacity:0;z-index:2;flex-direction:column;align-items:center;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:scale(.3)}.mc-center.visible{opacity:1;transform:scale(1)}.mc-rings{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.mc-ring{border:3px solid;border-radius:50%;animation:1.5s ease-out forwards mcRingExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.mc-ring-1{border-color:#8ed08166;width:140px;height:140px;animation-delay:.2s}.mc-ring-2{border-color:#ffd2644d;width:200px;height:200px;animation-delay:.4s}.mc-ring-3{border-color:#cbaacb33;width:260px;height:260px;animation-delay:.6s}@keyframes mcRingExpand{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.mc-icon-wrap{z-index:2;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards mcIconBounce;position:relative}.mc-icon{filter:drop-shadow(0 4px 12px #0000001a);font-size:80px;display:block}@keyframes mcIconBounce{0%{transform:scale(0)rotate(-30deg)}50%{transform:scale(1.3)rotate(10deg)}70%{transform:scale(.85)rotate(-5deg)}85%{transform:scale(1.1)rotate(2deg)}to{transform:scale(1)rotate(0)}}.mc-banner{text-align:center;margin-top:var(--space-md,16px);opacity:0;transition:all .5s;transform:translateY(20px)}.mc-banner.show{opacity:1;transform:translateY(0)}.mc-banner-stars{letter-spacing:8px;margin-bottom:4px;font-size:20px;animation:1s ease-in-out infinite alternate mcStarPulse}@keyframes mcStarPulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.mc-title{background:linear-gradient(135deg,#8ed081,#5a9e4b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:26px;font-weight:800}.mc-milestone-name{color:#333;margin-bottom:4px;font-size:20px;font-weight:700}.mc-milestone-desc{color:#777;max-width:280px;font-size:14px;line-height:1.4}.mc-sparkle-ring{pointer-events:none;width:120px;height:120px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mc-ring-dot{background:var(--color,gold);width:8px;height:8px;animation:1s ease-out forwards mcDotBurst;animation-delay:var(--delay,0s);opacity:0;box-shadow:0 0 6px var(--color,gold);border-radius:50%;position:absolute;top:50%;left:50%}@keyframes mcDotBurst{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(0);opacity:0}25%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-55px) scale(1.5)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-80px) scale(.3)}}.mc-tap-hint{color:#0000004d;letter-spacing:.5px;opacity:0;font-size:13px;transition:opacity .5s;position:absolute;bottom:60px}.mc-tap-hint.show{opacity:1}.pwa-install-banner{background:linear-gradient(135deg, var(--white), #f8fff0);border:1.5px solid var(--mint);z-index:90;border-radius:16px;align-items:center;gap:12px;max-width:398px;margin:0 auto;padding:12px 14px;animation:.4s cubic-bezier(.16,1,.3,1) both pwaSlideUp;display:flex;position:fixed;bottom:96px;left:16px;right:16px;box-shadow:0 8px 24px #8ed08140,0 2px 8px #0000000f}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pwa-install-icon{flex-shrink:0;font-size:28px}.pwa-install-content{flex:1;min-width:0}.pwa-install-content h4{color:var(--text-primary);margin:0 0 2px;font-size:14px;font-weight:800;line-height:1.2}.pwa-install-content p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.4}.pwa-install-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.pwa-install-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;transition:transform .15s;box-shadow:0 2px 6px #8ed08166}.pwa-install-btn:active{transform:scale(.95)}.pwa-install-btn:disabled{opacity:.6;cursor:not-allowed}.pwa-install-close{width:28px;height:28px;color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;transition:background .15s;display:flex}.pwa-install-close:active{background:var(--cream-bg,var(--cream))}.pwa-install-ios{background:linear-gradient(135deg, var(--white), #f0f9ff);border-color:#a0d8ef;box-shadow:0 8px 24px #a0d8ef40,0 2px 8px #0000000f}.pwa-ios-modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s ease-out both pwaFadeIn;display:flex;position:fixed;inset:0}@keyframes pwaFadeIn{0%{opacity:0}to{opacity:1}}.pwa-ios-modal{background:var(--white);width:100%;max-width:430px;padding:10px 24px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));text-align:center;border-radius:24px 24px 0 0;animation:.35s cubic-bezier(.16,1,.3,1) both pwaSlideUpModal}@keyframes pwaSlideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-ios-modal-handle{background:var(--border);border-radius:2px;width:38px;height:4px;margin:0 auto 16px}.pwa-ios-modal-emoji{margin-bottom:8px;font-size:56px;animation:.6s cubic-bezier(.34,1.56,.64,1) both pwaBounce;display:block}@keyframes pwaBounce{0%{transform:scale(.3)}60%{transform:scale(1.15)}to{transform:scale(1)}}.pwa-ios-modal h3{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:800}.pwa-ios-modal-sub{color:var(--text-secondary);margin:0 0 24px;font-size:13px}.pwa-ios-steps{text-align:left;flex-direction:column;gap:14px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pwa-ios-steps li{background:var(--cream-bg,var(--cream));color:var(--text-primary);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.pwa-ios-step-num{background:var(--leaf-green);width:26px;height:26px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.pwa-ios-share-icon{background:var(--white);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:12px;display:inline-block}.pwa-ios-modal-btn{background:linear-gradient(135deg, var(--leaf-green), #6bc45e);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;padding:14px;font-size:15px;font-weight:700;transition:transform .15s;box-shadow:0 4px 14px #8ed08159}.pwa-ios-modal-btn:active{transform:scale(.98)}.pwa-offline-banner{z-index:95;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));color:var(--white);text-align:center;background:linear-gradient(135deg,#ffb347,#ff9244);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;animation:.3s ease-out both pwaSlideDown;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #ff924440}@keyframes pwaSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.pwa-offline-icon{font-size:16px}.pwa-update-banner{z-index:95;max-width:410px;color:var(--white);background:linear-gradient(135deg,#c8b6ff,#a594f5);border-radius:14px;align-items:center;gap:10px;margin:0 auto;padding:12px 14px;animation:.4s cubic-bezier(.16,1,.3,1) both pwaSlideDownSoft;display:flex;position:fixed;top:12px;left:12px;right:12px;box-shadow:0 6px 20px #a594f559}@keyframes pwaSlideDownSoft{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.pwa-update-icon{flex-shrink:0;font-size:22px}.pwa-update-content{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pwa-update-content strong{font-size:13px;font-weight:800;line-height:1.2}.pwa-update-content span{opacity:.9;font-size:11px}.pwa-update-btn{background:var(--white);color:#7a5ed5;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:800;transition:transform .15s}.pwa-update-btn:active{transform:scale(.95)}.pwa-update-close{width:26px;height:26px;color:var(--white);cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;font-size:18px}.pwa-update-close:active{opacity:1}:root{--leaf-green:#8ed081;--leaf-green-dark:#6db861;--sage:#b8d0b3;--mint:var(--sage);--moss:#7fa77a;--dawn-blue:#b6ccd8;--sky-blue:#a0d8ef;--acorn:#8b6f47;--acorn-light:#c9a67a;--gold:#f5d16a;--warm-yellow:var(--gold);--peach:#ffd3b6;--coral-pink:#ff9aa2;--cream:#fff8f2;--cream-dark:#f5ede4;--lavender:#cbaacb;--text-primary:#2d3436;--text-secondary:#636e72;--text-light:#b2bec3;--white:#fff;--border:#e8e0d8;--cat-animals:#b8d0b3;--cat-food:#ffd3b6;--cat-actions:#b6ccd8;--cat-people:#c9a67a;--cat-objects:#f5d16a;--cat-babbling:#f8c8dc;--cat-sounds:#ff9aa2;--cat-places:#b5ead7;--cat-feelings:#e2b6cf;--cat-descriptive:#f0c38e;--cat-bodyparts:#ffb5a7;--cat-colors:#c8b6ff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);background-color:var(--cream);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{background-color:var(--cream);max-width:430px;min-height:100dvh;margin:0 auto;position:relative}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input{font-family:var(--font-family);outline:none}.home-screen h1,.settings-screen h1,.child-profile-screen h1,.reports-screen h1,.weekly-summary-screen h1,.referral-screen h1,.tracker-screen h1,.practice-screen h1,.phrases-screen h1,.family-sharing-screen h1,.groups-screen h1,.memories-screen h1,.garden-screen h1{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:700;line-height:1.25}.home-screen h2,.settings-screen h2,.child-profile-screen h2,.reports-screen h2,.weekly-summary-screen h2,.referral-screen h2,.tracker-screen h2,.practice-screen h2,.phrases-screen h2,.family-sharing-screen h2,.groups-screen h2,.memories-screen h2,.garden-screen h2{color:var(--text-primary);letter-spacing:-.2px;font-size:18px;font-weight:700;line-height:1.3}.home-screen h3,.settings-screen h3,.child-profile-screen h3,.reports-screen h3,.weekly-summary-screen h3,.referral-screen h3,.tracker-screen h3,.practice-screen h3,.phrases-screen h3,.family-sharing-screen h3,.groups-screen h3,.memories-screen h3,.garden-screen h3{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.35}.screen-header .screen-header-title{font-size:18px!important}.settings-section-label,.section-label,.ui-section-label,.track-area-badge,.age-label,.referral-code-label,.cp-section-label,.groups-section-label{margin:0 0 var(--space-sm);letter-spacing:.5px!important;text-transform:uppercase!important;color:var(--text-light)!important;font-size:11px!important;font-weight:700!important}.settings-card,.ui-card,.stat-card,.child-card,.word-garden-card,.recent-word-chip,.groups-card,.groups-empty-state,.groups-setup-card,.push-status-card,.referral-code-card,.referral-promo,.family-member-card,.phrases-card,.memory-card,.vault-feature-item,.assessment-prompt-card,.notif-prompt-card{border-radius:var(--radius-lg)!important}.auth-cta,.save-word-btn:not(.disabled),.upgrade-cta,.referral-share-primary,.notif-perm-btn,.cp-save-btn,.gd-join-btn:not(.joined),.gd-share-btn,.pdf-generate-btn,.pdf-download-btn,.empty-cta,.reports-upgrade-btn,.phrases-start-btn,.tracker-phrase-cta,.gate-cta,.cta-btn,.settings-sign-in,.add-child-save-btn,.setup-next-btn,.vault-save-btn:not(.disabled),.practice-btn-primary,.logphrase-save:not(.disabled),.la-btn-primary:not(.disabled){cursor:pointer;transition:transform .15s,opacity .15s;box-shadow:0 4px 14px #8ed08159;padding:14px var(--space-lg)!important;background:linear-gradient(135deg, var(--leaf-green), var(--leaf-green-dark))!important;color:var(--white)!important;border-radius:var(--radius-full)!important;border:none!important;font-size:15px!important;font-weight:700!important}.settings-confirm-cancel,.cp-cancel-btn,.add-child-cancel-btn,.vault-cancel-btn,.practice-btn-secondary,.settings-modal-cancel,.logphrase-save.disabled,.vault-save-btn.disabled{cursor:pointer;transition:all .15s;padding:14px var(--space-lg)!important;background:var(--white)!important;color:var(--text-primary)!important;border:1.5px solid var(--border)!important;border-radius:var(--radius-full)!important;font-size:14px!important;font-weight:600!important}.settings-toggle,.groups-toggle,.notif-toggle{flex-shrink:0;display:inline-block;position:relative;width:48px!important;height:26px!important}.notif-toggle.small{width:44px!important;height:24px!important}.settings-toggle input+.settings-toggle-slider:before,.notif-toggle input+.notif-toggle-slider:before{width:20px!important;height:20px!important;bottom:3px!important;left:3px!important}.settings-toggle input:checked+.settings-toggle-slider:before,.notif-toggle input:checked+.notif-toggle-slider:before{transform:translate(22px)!important}.notif-toggle.small input+.notif-toggle-slider:before{width:18px!important;height:18px!important}.notif-toggle.small input:checked+.notif-toggle-slider:before{transform:translate(20px)!important}.empty-state,.tracker-empty,.groups-empty-state,.phrases-empty,.memories-empty,.inbox-empty,.vault-empty,.gd-feed-empty,.gm-empty{text-align:center;padding:var(--space-xl) var(--space-lg)!important;border-radius:var(--radius-xl)!important}.empty-icon,.tracker-empty-icon,.groups-empty-icon,.phrases-empty-icon,.memories-empty-icon,.inbox-empty-icon{margin-bottom:var(--space-md);opacity:.7;display:block;font-size:48px!important}.auth-input,.word-input,.note-input,.cp-input,.settings-modal-input,.groups-setup-input,.groups-search,.tracker-search-input,.phrases-search,.logphrase-input,.la-input,.gm-input,.gd-composer-input,.gd-reply-input{font-family:var(--font-family);background:var(--white);color:var(--text-primary);box-sizing:border-box;outline:none;transition:border-color .15s;border-radius:var(--radius-md)!important;border:1.5px solid var(--border)!important;padding:11px 14px!important;font-size:15px!important}.auth-input:focus,.word-input:focus,.note-input:focus,.cp-input:focus,.settings-modal-input:focus,.groups-setup-input:focus,.tracker-search-input:focus,.phrases-search:focus,.logphrase-input:focus,.la-input:focus,.gm-input:focus,.gd-composer-input:focus,.gd-reply-input:focus{border-color:var(--leaf-green)!important}.settings-section-label,.section-label{padding:var(--space-md) var(--space-md) var(--space-sm)!important}