.app{min-height:100vh;display:flex;flex-direction:column;max-width:720px;margin:0 auto;position:relative;padding-bottom:90px}.app-loading{min-height:100vh;display:grid;place-items:center}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--rose);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.app-header{padding:32px 24px 20px;text-align:center;border-bottom:1px solid var(--line-soft)}.app-title{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.1;display:flex;align-items:baseline;justify-content:center;gap:10px}.title-script{font-style:italic;color:var(--rose-deep);font-weight:400}.title-roman{color:var(--ink)}.app-subtitle{margin:6px 0 0;font-size:13px;color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase}.app-main{flex:1;padding:20px 18px 24px;animation:fadeIn .3s ease-out}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:4px;padding:10px 16px;background:var(--tab-bar-bg, rgba(250, 246, 243, .92));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line-soft);z-index:50}.tab-bar>*{max-width:720px}.tab-bar{display:flex}.tab-btn{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;color:var(--ink-muted);transition:color .2s;border-radius:var(--radius-sm)}.tab-btn-active{color:var(--rose-deep)}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.card{background:var(--bg-elevated);border:1px solid var(--line-soft);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.card+.card{margin-top:14px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-family:var(--serif);font-size:20px;color:var(--ink)}.card-subtitle{font-size:12px;color:var(--ink-muted);letter-spacing:.03em}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;border-radius:var(--radius-pill);background:var(--bg-sunken);color:var(--ink-soft);font-size:14px;font-weight:500;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.chip:active{transform:scale(.97)}.chip-selected{background:var(--rose-bg);color:var(--rose-deep);border-color:var(--rose-soft)}.chip-sm{padding:6px 11px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-size:15px;font-weight:500;transition:all .15s;border:1px solid transparent}.btn-primary{background:var(--rose);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:active{transform:translateY(1px);background:var(--rose-deep)}.btn-primary:disabled{opacity:.5}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:active{background:var(--bg-sunken)}.btn-secondary{background:var(--bg-sunken);color:var(--ink)}.btn-secondary:active{background:var(--line)}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:13px}.input,.select,.textarea{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);font-size:15px;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--rose-soft)}.textarea{min-height:80px;resize:vertical;font-family:var(--sans)}.field-label{display:block;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:8px}.muted{color:var(--ink-muted)}.empty{text-align:center;padding:32px 16px;color:var(--ink-muted);font-style:italic;font-family:var(--serif);font-size:17px}.divider{height:1px;background:var(--line-soft);margin:16px 0}.event-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.event-item:last-child{border-bottom:none}.event-time{font-size:13px;color:var(--ink-muted);font-variant-numeric:tabular-nums;min-width:64px;font-weight:500}.event-body{flex:1;min-width:0}.event-label{font-size:15px;color:var(--ink)}.event-meta{font-size:12px;color:var(--ink-muted);margin-top:2px}.event-delete{color:var(--ink-muted);font-size:18px;padding:4px 8px;border-radius:var(--radius-sm)}.event-delete:active{background:var(--bg-sunken);color:var(--rose-deep)}.severity-dots{display:inline-flex;gap:3px}.severity-dot{width:6px;height:6px;border-radius:50%;background:var(--line)}.severity-dot-on{background:var(--rose)}:root{--bg: #faf6f3;--bg-elevated: #ffffff;--bg-sunken: #f3ece6;--ink: #2a2422;--ink-soft: #5a4f4a;--ink-muted: #8a7e78;--line: #e8dfd8;--line-soft: #f0e8e1;--rose: #c08478;--rose-soft: #d9a89e;--rose-bg: #f5e3dc;--rose-deep: #8e5a4f;--plum: #6b4a55;--moss: #6b7a5a;--gold: #b8945a;--phase-menstrual: #c0685a;--phase-follicular: #b8945a;--phase-ovulation: #6b7a5a;--phase-luteal: #6b4a55;--flow-spotting: #e9c4bb;--flow-light: #d99488;--flow-medium: #c0685a;--flow-heavy: #8e3d31;--wedge-menstrual: #fceee9;--wedge-follicular: #f9f0dc;--wedge-ovulation: #eef1e5;--wedge-luteal: #ece5ea;--wedge-period: #fbe3da;--wedge-future: #f3ece6;--wedge-divider: #ffffff;--tab-bar-bg: rgba(250, 246, 243, .92);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(60, 30, 20, .04), 0 1px 4px rgba(60, 30, 20, .03);--shadow: 0 4px 14px rgba(60, 30, 20, .06), 0 2px 4px rgba(60, 30, 20, .04);--shadow-lg: 0 12px 40px rgba(60, 30, 20, .1);--serif: "DM Serif Display", Georgia, serif;--sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}@media (prefers-color-scheme: dark){:root:not(.theme-light){--bg: #18141a;--bg-elevated: #221d24;--bg-sunken: #2a2329;--ink: #f2ebe5;--ink-soft: #c5b8ae;--ink-muted: #897a72;--line: #3a3138;--line-soft: #2e272d;--rose: #d99e91;--rose-soft: #e7b8ac;--rose-bg: #3a2620;--rose-deep: #f0c1b5;--plum: #9a7785;--moss: #94a380;--gold: #d4ad7a;--phase-menstrual: #d97e6c;--phase-follicular: #d4a86c;--phase-ovulation: #94a380;--phase-luteal: #9a7785;--flow-spotting: #6b4137;--flow-light: #a35a4c;--flow-medium: #c47767;--flow-heavy: #db8a78;--wedge-menstrual: #2d2220;--wedge-follicular: #2c2620;--wedge-ovulation: #232723;--wedge-luteal: #28232a;--wedge-period: #3d2823;--wedge-future: #1f1a20;--wedge-divider: #18141a;--tab-bar-bg: rgba(24, 20, 26, .92);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--shadow: 0 4px 14px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}}:root.theme-dark{--bg: #18141a;--bg-elevated: #221d24;--bg-sunken: #2a2329;--ink: #f2ebe5;--ink-soft: #c5b8ae;--ink-muted: #897a72;--line: #3a3138;--line-soft: #2e272d;--rose: #d99e91;--rose-soft: #e7b8ac;--rose-bg: #3a2620;--rose-deep: #f0c1b5;--plum: #9a7785;--moss: #94a380;--gold: #d4ad7a;--phase-menstrual: #d97e6c;--phase-follicular: #d4a86c;--phase-ovulation: #94a380;--phase-luteal: #9a7785;--flow-spotting: #6b4137;--flow-light: #a35a4c;--flow-medium: #c47767;--flow-heavy: #db8a78;--wedge-menstrual: #2d2220;--wedge-follicular: #2c2620;--wedge-ovulation: #232723;--wedge-luteal: #28232a;--wedge-period: #3d2823;--wedge-future: #1f1a20;--wedge-divider: #18141a;--tab-bar-bg: rgba(24, 20, 26, .92);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 4px rgba(0, 0, 0, .2);--shadow: 0 4px 14px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse at top,rgba(217,168,158,.08),transparent 60%),var(--bg);background-attachment:fixed}@media (prefers-color-scheme: dark){body{background:radial-gradient(ellipse at top,rgba(217,168,158,.06),transparent 60%),var(--bg)}}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:var(--input-icon-filter, none)}@media (prefers-color-scheme: dark){:root:not(.theme-light) input[type=date]::-webkit-calendar-picker-indicator,:root:not(.theme-light) input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.8)}}:root.theme-dark input[type=date]::-webkit-calendar-picker-indicator,:root.theme-dark input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.8)}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0}::selection{background:var(--rose-bg);color:var(--rose-deep)}.safe-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out}