:root{--color-bg: #ebe6f4;--color-bg-soft: #f3effa;--color-surface: #f7f4fc;--color-surface-raised: #faf8ff;--color-text: #2d2640;--color-text-secondary: #7a7189;--color-text-tertiary: #a59db8;--color-accent: #7b5cf0;--color-accent-deep: #6b4fd4;--color-accent-warm: #ff9f5a;--color-accent-warm-deep: #ff8a45;--color-primary: #7b5cf0;--color-primary-light: #ede8f8;--shadow-clay: 14px 14px 28px rgba(163, 148, 191, .32), -10px -10px 24px rgba(255, 255, 255, .95);--shadow-clay-sm: 8px 8px 20px rgba(163, 148, 191, .24), -6px -6px 16px rgba(255, 255, 255, .92);--radius-sm: 10px;--radius-md: 16px;--radius-card: 20px;--radius-btn: 999px;--sidebar-width: 220px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,Helvetica Neue,sans-serif;background:linear-gradient(165deg,#ebe6f4,#f5f0fc 45%,#e9e4f2);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#f7f4fc,#f0ebf8);border-right:1px solid rgba(255,255,255,.6);padding:28px 16px;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 12px 28px;font-size:20px;font-weight:700;color:var(--color-text)}.sidebar-brand span{font-size:28px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:15px;font-weight:500;transition:all .15s ease;border:none;background:transparent;cursor:pointer;text-align:left;width:100%}.sidebar-link:hover{background:#7b5cf014;color:var(--color-accent)}.sidebar-link.active{background:linear-gradient(135deg,#7b5cf026,#7b5cf014);color:var(--color-accent);font-weight:600}.sidebar-icon{font-size:20px;width:24px;text-align:center}.main-area{flex:1;margin-left:var(--sidebar-width);min-width:0}.main-content{max-width:900px;margin:0 auto;padding:24px 32px 48px}.page-header{margin-bottom:24px}.page-header.with-back{display:flex;align-items:flex-start;gap:12px}.back-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:var(--color-surface-raised);box-shadow:var(--shadow-clay-sm);cursor:pointer;font-size:20px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:transform .15s}.back-btn:hover{transform:scale(1.05);color:var(--color-accent)}.page-title{font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0;line-height:1.2}.page-subtitle{font-size:14px;color:var(--color-text-secondary);margin:6px 0 0}.card{background:linear-gradient(145deg,#faf8ff,#f3eef9);border-radius:var(--radius-card);padding:24px;margin-bottom:16px;box-shadow:var(--shadow-clay);border:1px solid rgba(255,255,255,.65)}.card-eyebrow{display:block;font-size:11px;font-weight:600;color:var(--color-accent);letter-spacing:1.5px;margin-bottom:6px;opacity:.85}.card-title{font-size:18px;font-weight:700;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-link-pill{font-size:13px;color:var(--color-accent);background:var(--color-primary-light);padding:6px 14px;border-radius:var(--radius-btn);cursor:pointer;font-weight:500;border:none}.card-link-pill:hover{background:#7b5cf033}.section-hint{font-size:13px;color:var(--color-text-tertiary);margin-bottom:16px}.btn-primary{display:block;width:100%;background:linear-gradient(135deg,#ffb86a,#ff9f5a 45%,#ff8a45);color:#fff;border:none;border-radius:var(--radius-btn);font-size:16px;font-weight:600;height:48px;cursor:pointer;box-shadow:0 8px 24px #ff8f5a6b;transition:transform .15s,box-shadow .15s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #ff8f5a80}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:transparent;color:#e74c3c;border:1px solid rgba(231,76,60,.3);border-radius:var(--radius-btn);padding:10px 20px;font-size:14px;cursor:pointer}.btn-danger:hover{background:#e74c3c14}.empty-tip{text-align:center;color:var(--color-text-tertiary);font-size:14px;padding:24px}.form-item{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:10px}.input{width:100%;padding:12px 16px;border:1px solid rgba(163,148,191,.2);border-radius:var(--radius-md);font-size:15px;background:var(--color-surface-raised);color:var(--color-text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--color-accent)}.picker-value{padding:12px 16px;border-radius:var(--radius-md);background:var(--color-surface-raised);font-size:15px;color:var(--color-text-secondary)}.tag-group{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:8px 16px;border-radius:var(--radius-btn);font-size:14px;background:var(--color-surface-raised);color:var(--color-text-secondary);border:1px solid transparent;cursor:pointer;transition:all .15s}.tag:hover{border-color:#7b5cf04d}.tag.active{background:var(--color-primary-light);color:var(--color-accent);border-color:var(--color-accent);font-weight:600}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{padding:10px 20px;border-radius:var(--radius-btn);font-size:14px;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface-raised);border:none;cursor:pointer;transition:all .15s}.tab.active{background:var(--color-accent);color:#fff}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--color-text-secondary)}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#2d2640eb;color:#fff;padding:12px 24px;border-radius:var(--radius-btn);font-size:14px;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero-card{background:linear-gradient(145deg,#8b6cf0,#7b5cf0,#6b4fd4);border-radius:var(--radius-card);padding:28px;margin-bottom:16px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-clay)}.hero-label{font-size:12px;font-weight:600;letter-spacing:1.5px;opacity:.85}.hero-day-row{display:flex;align-items:baseline;gap:4px;margin:8px 0}.day-num{font-size:56px;font-weight:800;line-height:1}.day-total{font-size:18px;opacity:.8}.stage-tag{display:inline-block;background:#fff3;padding:4px 12px;border-radius:var(--radius-btn);font-size:13px;margin-bottom:16px}.progress-wrap{display:flex;align-items:center;gap:12px;margin-bottom:20px}.progress-bar{flex:1;height:8px;background:#ffffff40;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#ffb86a,#ff9f5a);border-radius:4px;transition:width .3s}.progress-text{font-size:13px;font-weight:600;min-width:36px}.hero-entry{display:flex;align-items:center;justify-content:space-between;background:#ffffff26;border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:background .15s;border:none;width:100%;text-align:left;color:inherit}.hero-entry:hover{background:#ffffff38}.hero-entry-left{display:flex;align-items:center;gap:12px}.hero-entry-icon{font-size:24px}.hero-entry-title{font-size:14px;font-weight:600}.hero-entry-sub{font-size:12px;opacity:.75;display:block}.hero-entry-arrow{font-size:20px;opacity:.7}.ended-tip{margin-top:12px;font-size:13px;opacity:.85;text-align:center}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--color-surface-raised);border-radius:var(--radius-md);cursor:pointer;border:none;transition:transform .15s,box-shadow .15s}.quick-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-clay-sm)}.quick-icon{font-size:28px}.quick-label{font-size:13px;color:var(--color-text-secondary);font-weight:500}.tip-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;line-height:1.5}.tip-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent-warm);margin-top:7px;flex-shrink:0}.timeline-item{display:flex;gap:12px;margin-bottom:12px}.timeline-time{font-size:12px;color:var(--color-text-tertiary);min-width:44px;padding-top:4px}.timeline-bubble{flex:1;display:flex;gap:10px;background:var(--color-surface-raised);padding:12px 14px;border-radius:var(--radius-md)}.timeline-icon{font-size:20px}.timeline-title{font-size:14px;font-weight:600}.timeline-detail{font-size:13px;color:var(--color-text-secondary);display:block;margin-top:2px}.add-grid{display:flex;flex-wrap:wrap;gap:10px}.add-chip{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-surface-raised);border-radius:var(--radius-btn);cursor:pointer;border:1px solid transparent;font-size:14px;transition:all .15s}.add-chip:hover{border-color:var(--color-accent);color:var(--color-accent)}.record-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(163,148,191,.12)}.record-item:last-child{border-bottom:none}.record-main{display:flex;gap:12px;align-items:flex-start}.record-icon{font-size:24px}.record-title{font-size:14px;font-weight:600}.record-detail{font-size:13px;color:var(--color-text-secondary);display:block;margin-top:2px}.record-delete{font-size:13px;color:#e74c3c;cursor:pointer;padding:6px 12px;border-radius:var(--radius-btn);border:none;background:transparent}.record-delete:hover{background:#e74c3c14}.chart-scroll{overflow-x:auto;margin-bottom:16px}.chart-cols{display:flex;gap:12px;min-width:min-content;padding-bottom:8px}.chart-col{display:flex;flex-direction:column;align-items:center;min-width:56px}.chart-col-bars{display:flex;gap:4px;height:80px;align-items:flex-end}.chart-bar-wrap{width:8px;height:80px;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;border-radius:4px 4px 0 0;min-height:4px}.bar-lochia{background:#f472b6}.bar-pain{background:#fb923c}.bar-weight{background:#60a5fa}.bar-breast{background:#a78bfa}.chart-mood-emoji{font-size:16px}.chart-day-num{font-size:11px;font-weight:600;margin-top:6px}.chart-day-date{font-size:10px;color:var(--color-text-tertiary)}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-text-secondary)}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:2px}.daily-card{background:var(--color-surface-raised);border-radius:var(--radius-md);padding:16px;margin-bottom:12px}.daily-card-head{display:flex;justify-content:space-between;margin-bottom:12px}.daily-day{font-weight:700;font-size:15px}.daily-date{font-size:13px;color:var(--color-text-tertiary)}.metric-row{display:flex;gap:10px;margin-bottom:10px}.metric-icon{font-size:18px}.metric-body{flex:1}.metric-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.metric-bar-bg{height:4px;background:#a394bf26;border-radius:2px}.metric-bar-fill{height:100%;border-radius:2px;transition:width .3s}.recommend-card{background:linear-gradient(145deg,#faf8ff,#ede8f8);border-radius:var(--radius-card);padding:24px;margin-bottom:20px;box-shadow:var(--shadow-clay)}.recommend-head{margin-bottom:16px}.recommend-eyebrow{font-size:11px;font-weight:600;color:var(--color-accent);letter-spacing:1.5px}.recommend-title{font-size:16px;font-weight:700;display:block;margin-top:4px}.recommend-sub{font-size:13px;color:var(--color-text-secondary)}.recommend-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--color-surface-raised);border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;transition:transform .15s;border:none;width:100%;text-align:left}.recommend-item:hover{transform:translate(4px)}.recommend-item-title{font-size:14px;font-weight:600}.recommend-item-summary{font-size:12px;color:var(--color-text-secondary);display:block;margin-top:2px}.recommend-arrow{font-size:18px;color:var(--color-text-tertiary)}.category-scroll{overflow-x:auto;margin-bottom:20px;padding-bottom:4px}.category-list{display:flex;gap:8px}.category-chip{padding:8px 16px;border-radius:var(--radius-btn);font-size:14px;background:var(--color-surface-raised);color:var(--color-text-secondary);border:none;cursor:pointer;white-space:nowrap;transition:all .15s}.category-chip.active{background:var(--color-accent);color:#fff}.article-card{display:flex;gap:14px;padding:16px;background:linear-gradient(145deg,#faf8ff,#f3eef9);border-radius:var(--radius-md);margin-bottom:12px;cursor:pointer;box-shadow:var(--shadow-clay-sm);border:1px solid rgba(255,255,255,.65);transition:transform .15s;width:100%;text-align:left;border:none}.article-card:hover{transform:translateY(-2px)}.article-icon{font-size:32px}.article-meta{display:flex;gap:8px;font-size:12px;color:var(--color-text-tertiary);margin-bottom:4px}.article-title{font-size:15px;font-weight:700;display:block;margin-bottom:4px}.article-summary{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.disclaimer-tip{font-size:12px;color:var(--color-text-tertiary);text-align:center;padding:16px;line-height:1.6}.profile-card{text-align:center;padding:32px 24px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#8b6cf0,#7b5cf0);display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 16px;box-shadow:var(--shadow-clay-sm)}.profile-name{font-size:22px;font-weight:700;margin-bottom:4px}.profile-meta{font-size:14px;color:var(--color-text-secondary)}.menu-list{display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-surface-raised);border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;border:none;width:100%;font-size:15px;color:var(--color-text);transition:background .15s;text-align:left}.menu-item:hover{background:var(--color-primary-light)}.menu-arrow{color:var(--color-text-tertiary)}.onboarding-header{text-align:center;margin-bottom:28px}.onboarding-title{font-size:26px;font-weight:800;margin-bottom:8px}.onboarding-subtitle{font-size:14px;color:var(--color-text-secondary)}.agreement{margin:20px 0;font-size:14px}.agreement-item{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer}.agreement-link{color:var(--color-accent);cursor:pointer}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mood-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--radius-md);background:var(--color-surface-raised);cursor:pointer;border:2px solid transparent;transition:all .15s}.mood-item.active{border-color:var(--color-accent);background:var(--color-primary-light)}.mood-emoji{font-size:24px}.mood-label{font-size:11px;color:var(--color-text-secondary)}.stage-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.stage-tab{padding:8px 14px;border-radius:var(--radius-btn);font-size:13px;background:var(--color-surface-raised);color:var(--color-text-secondary);border:none;cursor:pointer}.stage-tab.active{background:var(--color-accent);color:#fff}.guide-section{margin-bottom:20px}.guide-heading{font-size:16px;font-weight:700;margin-bottom:10px}.guide-list{font-size:14px;line-height:1.8;color:var(--color-text-secondary);padding-left:0;list-style:none}.guide-list li{padding:6px 0;display:flex;gap:8px}.guide-list li:before{content:"·";color:var(--color-accent-warm);font-weight:700}.article-content{font-size:15px;line-height:1.8;color:var(--color-text)}.article-content h3{font-size:17px;margin:24px 0 12px}.article-content p{margin:0 0 12px;color:var(--color-text-secondary)}.legal-date{font-size:13px;color:var(--color-text-tertiary);margin-bottom:20px}.legal-section{margin-bottom:24px}.legal-heading{font-size:16px;font-weight:700;margin-bottom:8px}.legal-text{font-size:14px;line-height:1.7;color:var(--color-text-secondary);margin-bottom:8px}.legal-list{font-size:14px;line-height:1.7;color:var(--color-text-secondary);padding-left:8px}@media(max-width:768px){.sidebar{width:100%;position:fixed;bottom:0;top:auto;height:auto;flex-direction:row;padding:8px 12px;border-right:none;border-top:1px solid rgba(255,255,255,.6)}.sidebar-brand,.sidebar-nav{display:none}.main-area{margin-left:0;margin-bottom:60px}.main-content{padding:16px 16px 32px}.quick-grid{grid-template-columns:repeat(3,1fr)}}