:root{--color-lavender:#e1bee7;--color-mint:#c8e6c9;--color-pink:#f8bbd0;--color-salmon:#ffccbc;--color-blue:#b3e5fc;--color-bg:#f3e5f5;--color-text:#4a4a4a;--color-accent:#f06292;--text:var(--color-text);--text-h:#2d2d2d;--bg:var(--color-bg);--border:#0000001a;--accent:var(--color-accent);--accent-bg:#f062921a;--accent-border:#f0629280;--shadow:#0000000d 0 10px 15px -3px, #00000005 0 4px 6px -2px;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--heading:var(--sans);--mono:ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{box-sizing:border-box;width:100%;max-width:480px;min-height:100svh;box-shadow:var(--shadow);background:#fff;flex-direction:column;margin:0 auto;display:flex}body{background:var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-.02em;margin:24px 0;font-size:32px}h2{margin:0 0 8px;font-size:20px;line-height:1.2}p{margin:0}button{border-radius:var(--radius-md);background-color:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:opacity .25s}button:hover{opacity:.9}.layout{background-color:#fff;flex-direction:column;height:100svh;display:flex}.header{background-color:var(--color-lavender);text-align:center;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);padding:16px}.header h1{color:var(--text-h);margin:0;font-size:24px}.content{flex:1;padding:16px;overflow-y:auto}.bottom-nav{border-top:1px solid var(--border);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background-color:#fff;justify-content:space-around;padding:12px;display:flex;box-shadow:0 -4px 10px #0000000d}.nav-item{color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-weight:600}.nav-item:hover{opacity:.8}.nav-item.active{color:var(--accent)}.calendar-container{border-radius:var(--radius-lg);background-color:#fff;padding:16px}.calendar-header{text-align:center;margin-bottom:16px}.calendar-header h2{margin:0;font-size:20px}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day-name{text-align:center;color:var(--text);opacity:.6;padding-bottom:8px;font-size:12px;font-weight:600}.calendar-day{aspect-ratio:1;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.other-month{opacity:.2}.today{border:2px solid var(--color-lavender);font-weight:700}.period-day{background-color:var(--color-pink);color:#fff;font-weight:600}.predicted-day{background-color:var(--accent-bg);border:2px dashed var(--accent);color:var(--accent)}.modal-overlay{z-index:1000;background-color:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-sizing:border-box;background-color:#fff;width:100%;max-width:480px;margin:0 auto;padding:24px;animation:.3s ease-out slide-up}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--text-h);margin:0;font-size:20px}.close-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1}.modal-body h4{color:var(--text-h);margin:16px 0 8px;font-size:16px}.chip-group,.mood-group{flex-wrap:wrap;gap:8px;display:flex}.chip{background-color:var(--color-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:6px 12px;font-size:14px}.chip.active{background-color:var(--color-pink);color:#fff;border-color:var(--color-pink)}.mood-btn{background-color:var(--color-bg);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.mood-btn.active{background-color:var(--color-lavender);border-color:var(--color-lavender)}.modal-footer{margin-top:32px}.save-btn{width:100%}.dashboard{flex-direction:column;gap:24px;padding-bottom:24px;display:flex}.summary-card{background-color:var(--color-mint);border-radius:var(--radius-lg);color:var(--text-h);padding:24px}.summary-card h2{margin:0 0 8px}.summary-card p{opacity:.8;font-size:16px}.actions{padding:0 16px}.primary-btn{width:100%;box-shadow:0 4px 12px var(--accent-bg);padding:16px;font-size:18px;font-weight:600}