:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-serif:"Fraunces", Georgia, serif;--bg-app:#faf7f4;--bg-card:#fff;--bg-card-subtle:#f6f1ec;--bg-card-hover:#f9f5f1;--border-subtle:#efe7e0;--border-focus:#e07a7a;--text-primary:#2c2425;--text-secondary:#6b5e60;--text-muted:#96898b;--text-inverse:#fff;--color-period:#de6b78;--color-period-light:#fdf0f1;--color-period-border:#f7ccd1;--color-follicular:#e0915e;--color-follicular-light:#fdf4ed;--color-follicular-border:#f7dbc9;--color-fertile:#2e856e;--color-fertile-light:#ebf7f3;--color-fertile-border:#c2e7dc;--color-luteal:#8a6e94;--color-luteal-light:#f6f0f8;--color-luteal-border:#decde3;--shadow-sm:0 2px 6px #3c282d0a;--shadow-md:0 6px 18px #3c282d12;--shadow-lg:0 12px 32px #3c282d1a;--shadow-glow:0 0 24px #de6b7833;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ede7e1;font-size:15px;line-height:1.5;overflow-x:hidden}#root{justify-content:center;align-items:stretch;min-height:100vh;display:flex}.app-container{background-color:var(--bg-app);width:100%;max-width:480px;min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 40px #00000014}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.font-serif{font-family:var(--font-serif)}button,input,select,textarea{font-family:inherit;font-size:15px}button{cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:active{transform:scale(.97)}.btn-primary{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#e06c7b 0%,#d45b6c 100%);min-height:48px;padding:0 22px;font-weight:600;box-shadow:0 6px 16px #de6b7b4d}.btn-primary:hover{background:linear-gradient(135deg,#de5e6e 0%,#c94c5e 100%)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-subtle);min-height:46px;color:var(--text-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:0 18px;font-weight:600}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-subtle{min-height:44px;color:var(--text-secondary);border-radius:var(--radius-md);padding:0 14px;font-weight:500}.btn-subtle:hover{background:var(--bg-card-subtle)}.app-header{z-index:40;-webkit-backdrop-filter:blur(14px);background:#faf7f4eb;border-bottom:1px solid #efe7e099;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.header-user-info{align-items:center;gap:10px;display:flex}.user-avatar{color:#de6b78;width:42px;height:42px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fde6ea 0%,#f5ccd3 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.user-greeting{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.user-name{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.2}.header-actions{align-items:center;gap:8px;display:flex}.header-icon-btn{background:var(--bg-card);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px;position:relative}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);width:100%;max-width:480px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffffff0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #3c282d0f}.nav-item{min-height:52px;color:var(--text-muted);border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:4px 2px;font-size:12px;font-weight:600;display:flex;position:relative}.nav-item.active{color:#de6b78}.nav-indicator{border-radius:var(--radius-full);background:#de6b78;width:18px;height:3px;position:absolute;top:2px}.cycle-wheel-wrapper{flex-direction:column;align-items:center;padding:10px 0 20px;display:flex;position:relative}.cycle-circle{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.cycle-svg{width:100%;height:100%;transform:rotate(-90deg)}.cycle-inner-content{text-align:center;flex-direction:column;align-items:center;padding:20px;display:flex;position:absolute}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-period{background:var(--color-period-light);color:#c03e4d;border:1px solid var(--color-period-border)}.badge-follicular{background:var(--color-follicular-light);color:#b5622b;border:1px solid var(--color-follicular-border)}.badge-fertile{background:var(--color-fertile-light);color:#1f6b56;border:1px solid var(--color-fertile-border)}.badge-luteal{background:var(--color-luteal-light);color:#6c4f77;border:1px solid var(--color-luteal-border)}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;background:#1e141973;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{width:100%;max-width:480px;max-height:90vh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);background:#fff;border-radius:28px 28px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.modal-handle{border-radius:var(--radius-full);background:#e2d9d3;width:40px;height:5px;margin:0 auto 16px}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day-header{color:var(--text-muted);padding:8px 0;font-size:12px;font-weight:700}.calendar-day-cell{aspect-ratio:1;min-height:42px;transition:all var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;position:relative}.calendar-day-cell.day-period{color:#c03e4d;background:#fce6e9;font-weight:700}.calendar-day-cell.day-fertile{color:#1b6e57;background:#e4f4ef;font-weight:700}.calendar-day-cell.day-ovulation{color:#fff;background:#2e856e;font-weight:800;box-shadow:0 3px 8px #2e856e59}.calendar-day-cell.day-predicted{color:#c03e4d;border:2px dashed #e07a7a}.calendar-day-cell.day-today{border:2px solid #2c2425}.audio-visualizer{align-items:center;gap:4px;height:24px;display:flex}.audio-bar{background:#de6b78;border-radius:2px;width:4px;height:100%;animation:.8s ease-in-out infinite alternate soundWave}.audio-bar:nth-child(2){animation-delay:.2s}.audio-bar:nth-child(3){animation-delay:.4s}.audio-bar:nth-child(4){animation-delay:.1s}.audio-bar:nth-child(5){animation-delay:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes soundWave{0%{height:6px}to{height:22px}}@keyframes pulseSubtle{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.animate-pulse-subtle{animation:3s ease-in-out infinite pulseSubtle}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;min-height:48px;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-size:15px}.form-input:focus{border-color:#de6b78;box-shadow:0 0 0 3px #de6b7826}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-item{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-card);min-height:44px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.chip-item.selected{color:#c03e4d;background:#fde8ec;border-color:#de6b78;font-weight:700}.range-slider{-webkit-appearance:none;background:#e8dfd8;border-radius:4px;outline:none;width:100%;height:8px}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;box-shadow:var(--shadow-sm);cursor:pointer;background:#de6b78;border:3px solid #fff;border-radius:50%}