@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700;800&display=swap";:root{--bg-main:#fce4ec;--bg-grad-1:#ffe4e1;--bg-grad-2:#fff0f5;--bg-grad-3:#fde4f2;--blob-1:#ffb6c199;--blob-2:#ffdab980;--blob-3:#e6e6fa99;--glass-shadow:#ffb6c166;--primary-gradient-1:#ff758c;--primary-gradient-2:#ff7eb3;--primary:#ff758c;--shadow-color:#ff758c26;--btn-shadow:#ff758c59;--btn-shadow-hover:#ff758c80;--btn-sec-border:#ff758c66;--btn-sec-hover:#ff758c1a;--nav-border:#ff758c66;--nav-shadow:#ff758c40;--error-color:#f43f5e;--error-bg:#f43f5e1a;--error-bg-hover:#f43f5e33}[data-theme=blue]{--bg-main:#e0f2fe;--bg-grad-1:#e0f2fe;--bg-grad-2:#f0f9ff;--bg-grad-3:#bae6fd;--blob-1:#7dd3fc99;--blob-2:#bae6fd80;--blob-3:#bfdbfe99;--glass-shadow:#7dd3fc66;--primary-gradient-1:#38bdf8;--primary-gradient-2:#0ea5e9;--primary:#0ea5e9;--shadow-color:#0ea5e926;--btn-shadow:#0ea5e959;--btn-shadow-hover:#0ea5e980;--btn-sec-border:#0ea5e966;--btn-sec-hover:#0ea5e91a;--nav-border:#0ea5e966;--nav-shadow:#0ea5e940;--error-color:#ef4444;--error-bg:#ef44441a;--error-bg-hover:#ef444433}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-main);background:radial-gradient(circle at top left, var(--bg-grad-1) 0%, var(--bg-grad-2) 50%, var(--bg-grad-3) 100%);color:#334155;min-height:100vh;overflow-x:hidden}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.bg-blob{filter:blur(80px);z-index:-1;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:fixed}.blob-1{background:var(--blob-1);width:400px;height:400px;top:-10%;left:-10%}.blob-2{background:var(--blob-2);width:500px;height:500px;bottom:-10%;right:-10%}.blob-3{background:var(--blob-3);width:300px;height:300px;animation-delay:-5s;top:40%;left:60%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}to{transform:translate(-20px,20px)scale(.9)}}.container{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;padding:10px;display:flex;position:relative}.glass-panel{-webkit-backdrop-filter:blur(30px);text-align:center;box-sizing:border-box;width:100%;max-width:600px;box-shadow:0 25px 50px -12px var(--glass-shadow), inset 0 0 0 1px #fff9;background:#ffffff80;border:1px solid #fffc;border-radius:30px;flex:100%;padding:2rem 1rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.tab-transition{animation:.3s ease-out forwards fadeScale}.title{background:linear-gradient(135deg, var(--primary-gradient-1) 0%, var(--primary-gradient-2) 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin-bottom:.2rem;font-size:4rem;font-weight:800;line-height:1.1}.subtitle{color:#64748b;margin-bottom:2.5rem;font-size:1.2rem;font-weight:500}.card{background:#ffffffd9;border-radius:25px;margin-bottom:2rem;padding:2rem 1rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.card:hover{box-shadow:0 20px 40px var(--shadow-color);transform:translateY(-8px)}.card:before{content:"";background:linear-gradient(90deg, var(--primary-gradient-1), var(--primary-gradient-2));height:5px;position:absolute;top:0;left:0;right:0}.fruit-emoji{animation:4s ease-in-out infinite pulseEmoji;display:inline-block}@keyframes pulseEmoji{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(3deg)}to{transform:scale(1)rotate(0)}}.tip-text{color:#475569;font-size:1.1rem;font-weight:400;line-height:1.6}.btn{cursor:pointer;background:linear-gradient(135deg, var(--primary-gradient-1) 0%, var(--primary-gradient-2) 100%);color:#fff;width:100%;box-shadow:0 8px 20px var(--btn-shadow);border:none;border-radius:9999px;padding:1.2rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{box-shadow:0 12px 25px var(--btn-shadow-hover);transform:translateY(-3px)scale(1.02)}.btn-secondary{cursor:pointer;border:1px solid var(--btn-sec-border);color:var(--primary);background:#fff9;border-radius:9999px;width:100%;margin-top:15px;padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:var(--btn-sec-hover)}.modal-overlay{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#fff3;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{width:95%;max-width:900px;height:90vh;box-shadow:0 25px 50px var(--shadow-color), inset 0 0 0 1px #fff9;text-align:center;-ms-overflow-style:none;scrollbar-width:none;background:#ffffffd9;border-radius:30px;flex-direction:column;padding:2.5rem 2rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;overflow-y:auto}.modal-content::-webkit-scrollbar{display:none}.bottom-nav{-webkit-backdrop-filter:blur(25px);border:1px solid var(--btn-sec-border);max-width:400px;box-shadow:0 20px 40px -10px var(--nav-shadow), inset 0 0 0 1px #fff9;z-index:100;background:#fff6;border-radius:40px;justify-content:space-around;margin:0 auto;padding:15px 0;display:flex;position:fixed;bottom:25px;left:20px;right:20px}.nav-item{color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;flex-direction:column;align-items:center;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .3s;display:flex}.nav-item.active{color:var(--primary)}.nav-icon{margin-bottom:5px;font-size:1.5rem}.event-card{text-align:left;background:#ffffffb3;border:1px solid #fff9;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem;display:flex;position:relative;box-shadow:0 5px 15px #00000008}.event-date{color:var(--primary);text-transform:uppercase;margin-bottom:5px;font-size:.9rem;font-weight:700}.event-title{color:#1e293b;font-size:1.2rem;font-weight:700}.event-desc{color:#64748b;margin-top:5px;font-size:.95rem;line-height:1.5}.delete-btn{background:var(--error-bg);color:var(--error-color);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.delete-btn:hover{background:var(--error-bg-hover);transform:scale(1.1)}.event-form{box-sizing:border-box;background:#fff9;border-radius:25px;width:100%;max-width:100%;margin-bottom:2rem;padding:1rem;display:block;overflow:hidden}.event-form-title{color:#334155;text-align:left;margin-bottom:15px;font-size:1.2rem}.form-group{box-sizing:border-box;width:100%;max-width:100%;margin-bottom:15px;display:block}.relative-group{width:100%;max-width:100%;position:relative}.form-input{color:#334155;box-sizing:border-box;appearance:none;background:#fffc;border:1px solid #0000001a;border-radius:12px;outline:none;width:100%;min-width:0;max-width:100%;min-height:48px;margin:0;padding:12px 10px;font-family:inherit;font-size:.95rem;display:block}.textarea{resize:none;height:80px;min-height:80px}.date-placeholder{color:#64748b;pointer-events:none;background:0 0;padding-right:10px;font-size:.95rem;position:absolute;top:14px;left:15px}.form-actions{box-sizing:border-box;gap:10px;width:100%;display:flex}.form-btn{flex:1;padding:.8rem;font-size:1rem}.secondary-btn{color:#475569;box-shadow:none;background:#ffffffb3}.secondary-btn:hover{background:#ffffffe6}.stats-container{justify-content:space-between;gap:10px;margin:1.5rem 0;display:flex}.stat-block{text-align:center;background:#fde4f280;border-radius:16px;flex:1;padding:15px 5px;box-shadow:0 4px 15px #00000008}.stat-block.trimester{background:#dcfce799}.stat-value{color:#1e293b;margin-bottom:2px;font-size:1.1rem;font-weight:800}.stat-block.trimester .stat-value{color:#059669}.stat-label{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:500}.progress-container{margin:2rem 0}.progress-labels{color:#64748b;justify-content:space-between;margin-bottom:8px;font-size:.8rem;font-weight:500;display:flex}.progress-track{background:#0000000d;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary-gradient-1), var(--primary-gradient-2));border-radius:999px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.milestone-alert{color:#059669;background:#f0fdf4cc;border:1px solid #86efac80;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:1rem;padding:15px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 15px #00000005}