*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-base);color:var(--color-text);background:radial-gradient(circle at 20% -8%,rgba(232,164,176,.14),transparent 32%),radial-gradient(circle at 82% 10%,rgba(237,205,181,.12),transparent 34%),linear-gradient(180deg,#fffbf8,#fff8f6 52%,#fffaf3);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}h1,h2,h3,strong{font-family:var(--font-family-base)}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(232,164,176,.4);outline-offset:2px}:root{--font-family-base: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 22px;--font-size-hero: 28px;--line-height-tight: 1.25;--line-height-base: 1.45;--line-height-relaxed: 1.6;--bg-page: #fffaf6;--bg-card: #fff8f5;--bg-card-soft: #fff4ec;--color-primary: #e8a4b0;--color-secondary: #edcdb5;--color-accent: #e8b07a;--color-text: #564945;--color-text-light: #998580;--color-border: #eddad7;--color-abnormal: #d98e8e;--color-shadow: rgba(110, 76, 68, .08);--shadow-card: 0 1px 2px rgba(110, 76, 68, .04), 0 8px 24px rgba(110, 76, 68, .07), 0 24px 48px rgba(110, 76, 68, .04);--shadow-soft: 0 1px 2px rgba(110, 76, 68, .03), 0 6px 16px rgba(110, 76, 68, .06);--shadow-hover: 0 2px 4px rgba(110, 76, 68, .05), 0 12px 32px rgba(110, 76, 68, .09), 0 28px 52px rgba(110, 76, 68, .05);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 10px;--ease-out: cubic-bezier(.2, 0, 0, 1);--transition-fast: .18s var(--ease-out);--transition-normal: .28s var(--ease-out)}.app-shell{max-width:540px;margin:0 auto;min-height:100vh;padding:14px 14px 24px}.login-page{max-width:420px;margin:0 auto;min-height:100vh;padding:14px 14px 24px}.login-page{display:flex;align-items:center}.login-card,.soft-card{background:#fffbf8c7;-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.login-card{width:100%;padding:28px 22px;position:relative;overflow:hidden}.brand-hero,.brand-inline{display:flex;align-items:center;gap:12px}.brand-hero{position:relative;align-items:flex-start;gap:16px;margin:-2px -2px 18px;padding:18px 16px;border-radius:22px;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.88),transparent 42%),linear-gradient(148deg,#fff2eaf2,#fff6f8eb);border:1px solid rgba(255,255,255,.62);box-shadow:inset 0 1px #fffc,0 1px 3px #6e4c440a}.brand-hero:after,.brand-banner:after{content:"";position:absolute;border-radius:999px;background:radial-gradient(circle,rgba(247,183,195,.2),transparent 68%);pointer-events:none}.brand-hero:after{width:136px;height:136px;right:-42px;top:-44px}.brand-badge{display:flex;align-items:center;justify-content:center;border-radius:22px;background:radial-gradient(circle at top,#fffffff2,#fff1f4d9);border:1px solid rgba(242,217,221,.8);box-shadow:0 10px 22px #f7b7c329;overflow:hidden;flex-shrink:0}.brand-badge-hero{width:96px;height:96px}.brand-badge-small{border-radius:22px}.brand-logo{display:block;object-fit:cover}.brand-logo-large{width:86px;height:86px}.brand-logo-small{width:52px;height:52px}.app-header{margin-bottom:4px}.brand-banner{position:relative;display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.88),transparent 38%),linear-gradient(148deg,#fff4eef5,#fff9f7eb);border:1px solid rgba(255,255,255,.68);box-shadow:var(--shadow-soft)}.brand-banner.compact-banner{padding:10px 12px;border-radius:18px;gap:8px}.brand-banner:after{width:126px;height:126px;right:-34px;top:-42px}.brand-banner .ghost-button{justify-self:end;padding:7px 10px}.brand-copy{display:grid;gap:5px;position:relative;z-index:1}.brand-copy.compact{gap:1px}.eyebrow{margin:0;color:var(--color-text-light);font-size:var(--font-size-xs);letter-spacing:.02em}h1,h2,p{margin:0}h1{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.brand-title{font-size:var(--font-size-hero);line-height:1.05;letter-spacing:.03em;color:#6b4e4b;text-shadow:0 1px 2px rgba(110,76,68,.06)}.brand-title.compact{font-size:var(--font-size-xl)}.brand-subtitle{color:#8f7670;line-height:var(--line-height-relaxed);font-size:var(--font-size-md);letter-spacing:.01em}.brand-subtitle.compact{font-size:var(--font-size-sm);line-height:var(--line-height-base)}h2{font-size:var(--font-size-lg)}.subtext,.muted,.history-item span{color:var(--color-text-light)}.subtext{margin-bottom:4px;line-height:var(--line-height-base);font-size:var(--font-size-md)}.error-text{margin-top:10px;color:#c57272;font-size:var(--font-size-md)}.field{display:grid;gap:6px;margin-top:12px}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(237,218,215,.8);border-radius:var(--radius-md);padding:12px 14px;background:#fffdfbf2;color:var(--color-text);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field input:focus,.field textarea:focus,.field select:focus{border-color:#e8a4b080;box-shadow:0 0 0 3px #e8a4b01a}.primary-button,.ghost-button,.mini-button,.tab-button{border-radius:999px;transition:all .2s ease}.primary-button{width:100%;margin-top:14px;padding:13px 16px;background:linear-gradient(140deg,#e6a0ae,#efc08e);color:#5a4643;font-weight:700;font-size:var(--font-size-md);line-height:1.2;letter-spacing:.03em;box-shadow:0 2px 4px #e8a4b01f,0 8px 20px #e8a4b02e}.primary-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 2px 6px #e8a4b024,0 14px 28px #e8a4b038}.primary-button:not(:disabled):active{transform:translateY(0) scale(.985)}.ghost-button:not(:disabled):hover,.mini-button:not(:disabled):hover,.tab-button:not(:disabled):hover{transform:translateY(-1px)}.ghost-button:not(:disabled):active,.mini-button:not(:disabled):active,.tab-button:not(:disabled):active{transform:scale(.97)}.primary-button:disabled{opacity:.7;cursor:default}.ghost-button,.mini-button,.tab-button{padding:7px 12px;background:#ffffffb8;color:var(--color-text);font-size:var(--font-size-md);line-height:1.2;border:1px solid rgba(255,255,255,.5)}.tab-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}.tab-button.active,.mini-button.active{background:linear-gradient(135deg,#e8a4b0e0,#edcdb5e0);font-weight:700;border-color:#ffffff8f;box-shadow:0 2px 8px #e8a4b024}.panel-stack{display:grid;gap:8px}.soft-card{padding:12px}.card-header,.filter-row,.switch-row,.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.reminder-card{background:linear-gradient(160deg,#ffece2f2,#fff3f6eb)}.prediction-hero-card{background:radial-gradient(circle at top right,rgba(255,255,255,.82),transparent 32%),linear-gradient(155deg,#ffe8defa,#fff2f6f0)}.prediction-hero-grid{margin-top:8px;display:grid;gap:8px}.prediction-hero-main,.prediction-hero-side,.prediction-hero-side div{display:grid;gap:6px}.prediction-hero-main strong{font-size:22px;line-height:1.05;color:#6b4e4b}.prediction-hero-main p{color:#8f7670;line-height:1.35;font-size:var(--font-size-sm)}.prediction-hero-side{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.prediction-hero-side strong{font-size:var(--font-size-md)}.prediction-empty-copy{margin-top:12px}.ai-highlight-card{background:linear-gradient(155deg,#fff5eef5,#fff1f4eb)}.ai-highlight-copy{display:grid;gap:2px}.reminder-list,.history-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.reminder-item,.history-item{display:grid;gap:6px}.history-detail-button{justify-self:flex-start}.clickable{cursor:pointer}.soft-tag{display:inline-flex;width:fit-content;padding:4px 8px;border-radius:999px;background:#ffffffb8;font-size:var(--font-size-xs)}.prediction-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.prediction-grid div{display:grid;gap:6px}.prediction-grid strong,.history-item strong{font-size:var(--font-size-md)}.calendar-placeholder,.chart-placeholder,.picker-placeholder{margin-top:10px;min-height:100px;border:1px dashed var(--color-border);border-radius:var(--radius-md);display:grid;place-items:center;color:var(--color-text-light);background:#ffffff73}.trend-metric-actions{margin-top:6px;justify-content:flex-start}.trend-chart{margin-top:8px;height:196px;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:#ffffff73}.calendar-panel{margin-top:8px;display:grid;gap:8px}.calendar-month{font-weight:700;color:var(--color-text)}.calendar-swipe-hint{margin-top:-4px;color:var(--color-text-light);font-size:var(--font-size-xs)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-weekdays span{text-align:center;color:var(--color-text-light);font-size:var(--font-size-xs)}.calendar-day{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(242,217,221,.9);background:#ffffffb3;color:var(--color-text);position:relative}.calendar-day.period{background:#f7b7c357}.calendar-day.spotting{background:#e89a9a33;box-shadow:inset 0 0 0 1px #e89a9ab8}.calendar-day.spotting:before,.legend-dot.spotting:before{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background:#d86574}.calendar-day.spotting:before{top:6px;right:6px}.calendar-day.predicted{box-shadow:inset 0 0 0 2px #f9c89af2}.calendar-day.spotting.predicted{box-shadow:inset 0 0 0 1px #e89a9ab8,inset 0 0 0 3px #f9c89af2}.calendar-day.status:after,.legend-dot.status{content:"";width:8px;height:8px;border-radius:999px;background:#f1aa82;position:absolute;right:6px;bottom:6px}.calendar-day.abnormal{outline:1px solid rgba(216,101,116,.45);outline-offset:-1px}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px;color:var(--color-text-light);font-size:11px}.legend-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:999px;vertical-align:middle;position:relative}.legend-dot.period{background:#f7b7c3bd}.legend-dot.spotting{background:#e89a9a2e;box-shadow:inset 0 0 0 1px #e89a9a85;position:relative}.legend-dot.predicted{box-shadow:inset 0 0 0 2px #f9c89af2}.legend-dot.status{background:transparent}.body-copy{margin-top:8px;line-height:var(--line-height-base);font-size:var(--font-size-md)}.form-stack,.tag-row{display:grid;gap:8px}.compact-form{gap:8px}.inline-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact-top{margin-top:0}.form-action-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.compact-primary{width:auto;min-width:108px;margin-top:0;margin-left:auto}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#5c474338;display:flex;align-items:flex-end;justify-content:center;padding:12px;z-index:50}.detail-sheet{width:100%;max-width:460px;max-height:78vh;overflow:auto;background:#fff9f6fa;border:1px solid rgba(242,217,221,.75);border-radius:22px 22px 16px 16px;box-shadow:0 12px 30px var(--color-shadow);padding:16px 14px 18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.detail-grid div,.detail-block{display:grid;gap:6px}.detail-block{margin-top:10px}.detail-block h3{margin:0;font-size:var(--font-size-md)}.detail-list{margin:4px 0 0;padding-left:18px;color:var(--color-text);font-size:var(--font-size-md)}.ghost-button.small{padding:6px 10px}.ghost-button.danger{color:#bf6f72}.tag-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.filter-stack{display:grid;gap:8px;margin-top:8px}.month-filter-grid{display:grid;gap:8px}.field.compact{margin-top:0}.field.compact span{font-size:var(--font-size-xs);color:var(--color-text-light)}.filter-action{width:100%}.detail-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.confirm-dialog{width:100%;max-width:420px;background:#fff9f6fa;border:1px solid rgba(242,217,221,.78);border-radius:20px;box-shadow:0 14px 30px #6b5b5724;padding:16px 14px 14px;display:grid;gap:12px}.confirm-dialog-copy{display:grid;gap:6px}.confirm-dialog-copy p{color:var(--color-text-light);line-height:var(--line-height-base);font-size:var(--font-size-md)}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.chat-compose-card textarea{min-height:78px}.chat-thread{margin-top:8px;display:grid;gap:8px}.chat-bubble{display:grid;gap:5px;padding:10px;border-radius:14px;background:#ffffffb3;border:1px solid rgba(242,217,221,.8)}.chat-bubble.user{background:#fff5eeeb}.chat-bubble.assistant{background:#fff1f4eb}@media(max-width:420px){.brand-hero,.brand-inline{gap:14px}.brand-badge-hero{width:96px;height:96px}.brand-title{font-size:30px}.brand-title.compact{font-size:22px}.prediction-hero-main strong{font-size:24px}.prediction-hero-side{grid-template-columns:1fr}}.sync-tag{margin-right:6px;background:#6d84df1f;color:#5b6db8}