.baby-tracker-page{width:min(100% - 32px,900px);margin:0 auto;padding-bottom:80px;color:#332d2e}.tracker-header{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:18px 0 10px}.tracker-logo-link{display:flex;align-items:center}.tracker-logo{width:44px;height:auto}.tracker-header-title{text-align:center}.tracker-mini-label{display:block;margin-bottom:3px;color:#a04a5e;font-size:9px;font-weight:900;letter-spacing:1.6px}.tracker-header-title h1{margin:0;color:#30292b;font-size:20px;line-height:1.1;font-weight:900}.tracker-settings-button{width:42px;height:42px;margin-left:auto;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff;color:#62595b;border:1px solid #eee5e6;border-radius:50%;font-size:17px;box-shadow:0 6px 20px rgba(58,39,43,.06);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tracker-settings-button:hover{transform:rotate(8deg);border-color:#e7c5ce;box-shadow:0 9px 24px rgba(58,39,43,.1)}.tracker-baby-profile{display:flex;align-items:center;gap:12px;width:fit-content;margin:22px auto 4px;padding:8px 12px 8px 8px;background:rgba(255,255,255,.82);border:1px solid #eee5e6;border-radius:999px;box-shadow:0 7px 25px rgba(55,37,41,.05)}.baby-profile-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff0f4;border-radius:50%;font-size:21px}.baby-profile-info{display:flex;flex-direction:column}.baby-profile-info span{color:#b88b95;font-size:8px;font-weight:900;letter-spacing:1.2px}.baby-profile-info strong{margin-top:2px;color:#332d2e;font-size:13px}.baby-profile-edit{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;background:#faf6f6;border:0;border-radius:50%;font-size:12px;cursor:pointer}.tracker-intro{padding:48px 0 34px;text-align:center}.tracker-badge{display:inline-flex;align-items:center;padding:7px 13px;background:#fff0f4;color:#a04a5e;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:1.2px}.tracker-intro h2{max-width:700px;margin:17px auto 14px;color:#30292b;font-size:clamp(38px,6vw,58px);line-height:.98;letter-spacing:-2.4px;font-weight:900}.tracker-intro h2 span{color:#dc8d9f}.tracker-intro p{max-width:460px;margin:0 auto;color:#817779;font-size:16px;line-height:1.6}.voice-logger-section{position:relative;overflow:hidden;padding:44px 25px 31px;background:radial-gradient( circle at 50% -10%,rgba(255,255,255,.95),transparent 45% ),linear-gradient( 145deg,#fff2f6 0%,#fff8f4 55%,#fdf3f7 100% );border:1px solid #f3dde3;border-radius:34px;text-align:center;box-shadow:0 20px 55px rgba(67,40,47,.08)}.voice-logger-section::before,.voice-logger-section::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.voice-logger-section::before{width:180px;height:180px;top:-120px;left:-80px;background:rgba(255,255,255,.7)}.voice-logger-section::after{width:150px;height:150px;right:-75px;bottom:-90px;background:rgba(255,255,255,.45)}.voice-logger-header{position:relative;z-index:1}.voice-logger-header .section-kicker{display:block;margin-bottom:8px;color:#9c4a5c;font-size:9px;font-weight:900;letter-spacing:1.5px}.voice-logger-header h2{margin:0;color:#332d2e;font-size:31px;line-height:1.05;letter-spacing:-.8px}.voice-logger-header p{margin:8px 0 25px;color:#877b7d;font-size:14px}.voice-main-button{position:relative;z-index:2;width:148px;height:148px;margin:3px auto 17px;display:flex;align-items:center;justify-content:center;border:8px solid rgba(255,255,255,.92);border-radius:50%;background:linear-gradient( 145deg,#e8a2b2,#d47b91 );color:white;box-shadow:0 18px 35px rgba(201,111,134,.25),0 5px 0 rgba(190,102,125,.08);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.voice-main-button:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 24px 45px rgba(201,111,134,.3),0 5px 0 rgba(190,102,125,.08)}.voice-main-button:active{transform:scale(.96)}.voice-main-button-ring{position:absolute;inset:-13px;border:1px solid rgba(215,126,148,.18);border-radius:50%;pointer-events:none}.voice-main-icon{position:relative;font-size:43px;line-height:1}.voice-main-button[aria-pressed="true"]{animation:voiceButtonPulse 1.5s infinite}.voice-main-button:disabled,.voice-main-button.voice-unsupported{opacity:.45;cursor:not-allowed;transform:none;box-shadow:0 8px 18px rgba(201,111,134,.12)}.voice-main-button:disabled:hover,.voice-main-button.voice-unsupported:hover{transform:none}.voice-confirm-heard{font-size:19px;font-weight:800;color:#332b2b;line-height:1.5;margin:12px 0 6px}.voice-confirm-desc{font-size:14.5px;color:#6d6566;line-height:1.55;margin:0 0 18px}#voiceConfirmDiscard{margin-top:10px}.voice-status{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:38px;margin-top:3px}.voice-status strong{color:#4a3d40;font-size:13px;font-weight:900}.voice-status span{color:#a1848b;font-size:11px}.voice-wave{height:30px;display:flex;align-items:center;justify-content:center;gap:4px;margin:12px auto 0;opacity:0;visibility:hidden;transition:opacity .2s ease}.voice-wave span{width:3px;height:8px;background:#d9879b;border-radius:99px}.voice-wave span:nth-child(2),.voice-wave span:nth-child(6){height:15px}.voice-wave span:nth-child(3),.voice-wave span:nth-child(5){height:22px}.voice-wave span:nth-child(4){height:28px}.voice-wave.active{opacity:1;visibility:visible}.voice-wave.active span{animation:waveAnimation .8s ease-in-out infinite alternate}.voice-wave.active span:nth-child(2){animation-delay:.1s}.voice-wave.active span:nth-child(3){animation-delay:.2s}.voice-wave.active span:nth-child(4){animation-delay:.3s}.voice-wave.active span:nth-child(5){animation-delay:.2s}.voice-wave.active span:nth-child(6){animation-delay:.1s}.voice-transcript{position:relative;z-index:2;max-width:490px;margin:13px auto 0;padding:14px 17px;background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.95);border-radius:16px;text-align:left}.voice-transcript-label{display:block;margin-bottom:4px;color:#bf7a8b;font-size:8px;font-weight:900;letter-spacing:1.2px}.voice-transcript p{margin:0;color:#4c4244;font-size:13px;line-height:1.45}.voice-examples{position:relative;z-index:2;max-width:580px;margin:22px auto 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;color:#8f7f83;font-size:11px}.voice-example{padding:7px 11px;background:rgba(255,255,255,.7);color:#75666a;border:1px solid rgba(235,214,220,.9);border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.voice-example:hover{background:white;transform:translateY(-1px)}.tracker-summary{margin-top:25px;padding:25px;background:#ffffff;border:1px solid #eee6e7;border-radius:27px;box-shadow:0 10px 35px rgba(55,38,42,.045)}.summary-header{display:flex;align-items:center;justify-content:space-between}.summary-label,.section-kicker{display:block;color:#9c4a5c;font-size:9px;font-weight:900;letter-spacing:1.4px}.summary-header h2{margin:4px 0 0;color:#332d2e;font-size:21px;font-weight:900}.summary-count{text-align:right}.summary-count strong{display:block;color:#d18093;font-size:25px;line-height:1}.summary-count span{color:#6b6264;font-size:9px;font-weight:800;text-transform:uppercase}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.summary-stat{padding:16px 8px;background:#faf7f7;border:1px solid #f1eaea;border-radius:18px;text-align:center}.summary-stat span{display:block;margin-bottom:5px;font-size:21px}.summary-stat strong{display:block;color:#393133;font-size:19px}.summary-stat small{color:#6b6264;font-size:9px;font-weight:700}.quick-log-section,.timeline-section{margin-top:48px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.section-heading h2{margin:5px 0 0;color:#332d2e;font-size:25px;line-height:1.1;letter-spacing:-.5px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.quick-action{display:grid;grid-template-columns:50px 1fr 18px;align-items:center;width:100%;min-height:82px;padding:13px;background:white;border:1px solid #eee6e7;border-radius:21px;color:#332d2e;text-align:left;box-shadow:0 7px 23px rgba(55,38,42,.04);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.quick-action:hover{transform:translateY(-3px);border-color:#e6ccd2;box-shadow:0 13px 30px rgba(55,38,42,.08)}.quick-action-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:22px}.feed-action .quick-action-icon{background:#fff0f4}.diaper-action .quick-action-icon{background:#eef8fc}.sleep-action .quick-action-icon{background:#f3f0ff}.note-action .quick-action-icon{background:#fff8e8}.quick-action-text strong{display:block;font-size:15px;font-weight:900}.quick-action-text small{display:block;margin-top:3px;color:#938a8c;font-size:10px}.quick-action-arrow{color:#c9b9bd;font-size:22px}.active-sleep-card{display:flex;align-items:center;gap:13px;margin-top:13px;padding:15px;background:#f5f1ff;border:1px solid #e8e1fa;border-radius:21px;box-shadow:0 7px 23px rgba(69,51,111,.05)}.active-sleep-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:white;border-radius:14px;font-size:21px}.active-sleep-info{flex:1}.active-sleep-info span{display:block;margin-bottom:2px;color:#7c6ab2;font-size:8px;font-weight:900;letter-spacing:1.2px}.active-sleep-info strong{color:#453d55;font-size:19px}.active-sleep-card button{padding:9px 13px;background:#7b6bb5;color:white;border:0;border-radius:11px;font-size:10px;font-weight:800}.timeline{display:flex;flex-direction:column}.timeline-item{display:grid;grid-template-columns:48px 1fr auto 24px;align-items:center;gap:10px;margin-bottom:8px;padding:11px;background:white;border:1px solid #eee7e8;border-radius:19px;box-shadow:0 5px 18px rgba(55,38,42,.035)}.timeline-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff2f5;border-radius:14px;font-size:20px}.timeline-info strong{display:block;color:#3a3335;font-size:14px;font-weight:900}.timeline-info span{display:block;margin-top:3px;color:#938b8d;font-size:10px}.timeline-time{color:#a49a9d;font-size:9px;white-space:nowrap}.timeline-delete{padding:5px;background:transparent;color:#c8bec0;border:0;font-size:16px;cursor:pointer}.timeline-delete:hover{color:#d17c90}.empty-state{padding:40px 25px;background:#fffdfd;border:1px dashed #eadcdf;border-radius:23px;text-align:center}.empty-state-icon{margin-bottom:8px;font-size:33px}.empty-state h3{margin:0 0 6px;color:#453b3e;font-size:18px}.empty-state p{max-width:300px;margin:auto;color:#6b6264;font-size:12px;line-height:1.55}.voice-card{display:flex;align-items:flex-start;gap:15px;margin-top:45px;padding:21px;background:linear-gradient(135deg,#fff6f8,#fffdfb);border:1px solid #f0e1e5;border-radius:24px;box-shadow:0 8px 25px rgba(55,38,42,.035)}.voice-card-icon{width:49px;height:49px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff0f4;border-radius:15px;font-size:23px}.voice-card h3{margin:4px 0 5px;color:#3a3234;font-size:17px}.voice-card p{margin:0;color:#807679;font-size:12px;line-height:1.55}.tracker-privacy{display:flex;gap:13px;margin:20px 0;padding:17px;background:#f8f8f8;border:1px solid #ededed;border-radius:19px}.tracker-privacy>span{font-size:18px}.tracker-privacy strong{display:block;color:#50484a;font-size:11px}.tracker-privacy p{margin:4px 0 12px;color:#6b6264;font-size:10px;line-height:1.5}.privacy-actions{display:flex;flex-wrap:wrap;gap:7px}.privacy-action-button{padding:7px 10px;background:white;color:#71676a;border:1px solid #e4dddd;border-radius:9px;font-size:9px;font-weight:800;cursor:pointer}.tracker-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;height:100dvh;overflow:hidden}.modal-overlay{position:absolute;inset:0;width:100%;height:100%;background:rgba(42,32,35,.38);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.tracker-modal-content{position:relative;z-index:1;width:min(100%,610px);max-width:610px;max-height:91%;max-height:91dvh;margin:0 auto;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:30px 26px 35px;background:#fffaf9;border-radius:30px 30px 0 0;box-shadow:0 -15px 50px rgba(42,28,33,.15);animation:trackerModalUp .25s ease}.modal-close{position:absolute;top:15px;right:17px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;background:#f4eeee;color:#63595c;border:0;border-radius:50%;font-size:22px;cursor:pointer}.tracker-modal-content h2{margin:12px 0 6px;color:#342d2f;font-size:27px;letter-spacing:-.5px}.modal-subtitle{color:#918789;font-size:12px}.settings-header{padding-top:5px;margin-bottom:25px}.settings-header h2{margin-top:12px}.settings-header p{margin:0;color:#918789;font-size:12px;line-height:1.5}.settings-group{padding:18px 0;border-top:1px solid #eee4e6}.settings-group label{display:block;margin-bottom:7px;color:#4b4144;font-size:11px;font-weight:900}.settings-group input,.settings-group select{width:100%;box-sizing:border-box;padding:13px 14px;background:white;border:1px solid #e7dddf;border-radius:13px;color:#393234;font-family:inherit;font-size:16px;outline:none}.settings-group input:focus,.settings-group select:focus{border-color:#df98a9;box-shadow:0 0 0 3px rgba(223,152,169,.12)}.settings-group small{display:block;margin-top:7px;color:#6b6264;font-size:10px;line-height:1.45}.settings-primary-button,.settings-secondary-button,.settings-danger-button{width:100%;margin-top:9px;padding:12px 14px;border-radius:12px;font-size:11px;font-weight:900;cursor:pointer}.settings-primary-button{background:#d98598;color:white;border:0;box-shadow:0 8px 20px rgba(210,123,145,.18)}.settings-secondary-button{background:white;color:#756a6d;border:1px solid #e7dddf}.settings-danger-button{background:#fff1f1;color:#c56868;border:1px solid #f1d6d6}.settings-data-group h3{margin:0 0 8px;font-size:15px}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-toggle-row strong{display:block;font-size:12px}.settings-toggle-row small{max-width:350px;margin-top:3px}.toggle{position:relative;flex-shrink:0;width:45px;height:25px;margin:0}.toggle input{position:absolute;opacity:0}.toggle-slider{position:absolute;inset:0;background:#ddd6d8;border-radius:999px;cursor:pointer;transition:.2s ease}.toggle-slider::before{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;background:white;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s ease}.toggle input:checked+.toggle-slider{background:#d98598}.toggle input:checked+.toggle-slider::before{transform:translateX(20px)}.settings-storage-note{display:flex;align-items:flex-start;gap:8px;margin-top:20px;padding:12px;background:#f7f6f6;border-radius:12px;color:#8d8587;font-size:9px;line-height:1.45}.delete-confirmation{text-align:center}.delete-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#fff0f0;border-radius:20px;font-size:28px}.delete-confirmation h2{margin-top:0}.delete-confirmation p{max-width:390px;margin:8px auto;color:#8c8285;font-size:12px;line-height:1.5}.delete-actions{display:grid;gap:7px;margin-top:20px}.voice-permission-message{position:fixed;left:16px;right:16px;bottom:16px;z-index:3000;display:flex;align-items:flex-start;gap:12px;padding:15px;background:white;border:1px solid #eadfe1;border-radius:18px;box-shadow:0 15px 45px rgba(40,28,32,.18)}.voice-permission-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff0f4;border-radius:12px;font-size:18px}.voice-permission-message strong{display:block;color:#3d3537;font-size:12px}.voice-permission-message p{margin:4px 0 0;color:#8b8184;font-size:10px;line-height:1.45}.voice-permission-message>button{margin-left:auto;padding:2px;background:transparent;color:#aaa;border:0;font-size:19px}.tracker-toast{position:fixed;left:50%;bottom:20px;z-index:4000;display:flex;align-items:center;gap:8px;padding:10px 15px;background:#332c2e;color:white;border-radius:999px;font-size:11px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18);transform:translate(-50%,100px);transition:transform .3s ease}.tracker-toast.show{transform:translate(-50%,0)}.tracker-toast span:first-child{width:19px;height:19px;display:flex;align-items:center;justify-content:center;background:#dd8b9e;border-radius:50%;font-size:10px}.baby-tracker-page footer{margin-top:55px;padding-top:35px;border-top:1px solid #eee5e6;text-align:center}.baby-tracker-page footer .footer-logo img{width:43px}.baby-tracker-page footer h3{margin:10px 0 5px;color:#403638;font-size:16px}.baby-tracker-page footer>p{max-width:330px;margin:auto;color:#93898b;font-size:10px;line-height:1.5}.baby-tracker-page .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:17px}.baby-tracker-page .footer-links a{color:#806f74;font-size:10px;font-weight:800;text-decoration:none}.baby-tracker-page .footer-bottom{margin-top:20px}.baby-tracker-page .footer-bottom p{color:#aaa1a3;font-size:9px}.hidden{display:none !important}@keyframes voiceButtonPulse{0%{box-shadow:0 18px 35px rgba(201,111,134,.25),0 0 0 0 rgba(220,141,159,.35)}70%{box-shadow:0 18px 35px rgba(201,111,134,.25),0 0 0 20px rgba(220,141,159,0)}100%{box-shadow:0 18px 35px rgba(201,111,134,.25),0 0 0 0 rgba(220,141,159,0)}}@keyframes waveAnimation{from{transform:scaleY(.45)}to{transform:scaleY(1.15)}}@keyframes trackerModalUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.tracker-modal input,.tracker-modal select,.tracker-modal textarea{font-size:16px !important;line-height:1.4;-webkit-text-size-adjust:100%}.tracker-modal-content{-webkit-text-size-adjust:100%}.tracker-modal,.tracker-modal-content{max-width:100%;box-sizing:border-box}@media screen and (max-width:600px){.tracker-modal input,.tracker-modal select,.tracker-modal textarea{font-size:16px !important;min-height:48px}.tracker-modal textarea{min-height:110px;resize:vertical}}@media (min-width:601px){.baby-tracker-page{width:min(100% - 50px,900px)}.tracker-header{padding-top:24px}.tracker-baby-profile{margin-top:25px}.tracker-intro{padding-top:55px;padding-bottom:40px}.voice-logger-section{padding-top:50px;padding-bottom:35px}.voice-main-button{width:158px;height:158px}}@media (max-width:600px){.baby-tracker-page{width:calc(100% - 28px);padding-bottom:60px}.tracker-header{grid-template-columns:46px 1fr 46px;padding-top:14px}.tracker-logo{width:40px}.tracker-settings-button{width:39px;height:39px}.tracker-baby-profile{margin-top:19px}.tracker-intro{padding:40px 0 29px}.tracker-intro h2{font-size:clamp(36px,11vw,47px);letter-spacing:-1.8px}.tracker-intro p{font-size:14px}.voice-logger-section{padding:34px 17px 25px;border-radius:27px}.voice-logger-header h2{font-size:28px}.voice-main-button{width:130px;height:130px;border-width:7px}.voice-main-icon{font-size:37px}.voice-examples{gap:6px}.voice-example{font-size:10px;padding:6px 9px}.tracker-summary{padding:20px;border-radius:23px}.summary-stats{gap:6px}.summary-stat{padding:13px 5px;border-radius:15px}.summary-stat span{font-size:19px}.summary-stat strong{font-size:17px}.summary-stat small{font-size:8px}.quick-log-section,.timeline-section{margin-top:39px}.section-heading h2{font-size:22px}.quick-actions{grid-template-columns:1fr;gap:8px}.quick-action{min-height:70px;border-radius:18px}.quick-action-icon{width:43px;height:43px}.active-sleep-card{padding:13px}.timeline-item{grid-template-columns:43px 1fr auto 20px;gap:7px;padding:10px;border-radius:17px}.timeline-icon{width:41px;height:41px}.timeline-info strong{font-size:13px}.timeline-time{font-size:8px}.voice-card{padding:18px;border-radius:21px}.tracker-privacy{padding:14px}.privacy-actions{flex-direction:column}.privacy-action-button{width:100%}.tracker-modal{height:100%;height:100dvh;align-items:flex-end}.tracker-modal-content{width:100%;max-width:none;max-height:92%;max-height:92dvh;padding:27px 19px calc(30px+env(safe-area-inset-bottom));border-radius:27px 27px 0 0;-webkit-overflow-scrolling:touch}}@media (max-width:380px){.baby-tracker-page{width:calc(100% - 22px)}.tracker-intro h2{font-size:35px}.voice-logger-section{padding-left:13px;padding-right:13px}.voice-main-button{width:120px;height:120px}.summary-stat{padding-left:3px;padding-right:3px}.summary-stat strong{font-size:16px}.quick-action{grid-template-columns:45px 1fr 15px}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(214,131,151,.28);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}