.obs-form{display:flex;flex-direction:column;gap:6px}.obs-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.obs-form-header h2{font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.03em}.obs-form-title-group{display:flex;align-items:center;gap:8px}.obs-form-nav{width:36px;height:36px;border:none;background:var(--surface-mid);font-size:1.1rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.obs-form-nav:active{transform:scale(.96)}.obs-form-nav:disabled{opacity:.35;cursor:not-allowed}.obs-form-close{width:40px;height:40px;border:none;background:var(--surface-mid);font-size:1.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.obs-form-close:active{transform:scale(.96)}.obs-form-date{font-size:.9rem;color:var(--text-secondary);margin-bottom:14px}.obs-preview{display:flex;align-items:center;gap:16px;padding:18px;background:linear-gradient(135deg,#7b55561a,#daf8e880);border-radius:28px;margin-bottom:10px}.obs-preview-code{font-size:1.05rem;font-weight:600;font-family:SF Mono,Fira Code,monospace}.obs-form .toggle-group{margin-bottom:4px}.toggle-hint-red{background:#c86f6626}.toggle-hint-red.active{background:var(--stamp-red)}.toggle-hint-green{background:#4f7b6326}.toggle-hint-green.active{background:var(--stamp-green)}.toggle-hint-white{background:#fffdfb1f;box-shadow:inset 0 0 0 1px #7a7b7926}.toggle-hint-white.active{background:var(--stamp-white);color:var(--surface, #1e1f1d);box-shadow:inset 0 0 0 1px #7a7b794d}.intercourse-toggle{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-low);border-radius:22px}.intercourse-toggle label{font-size:.875rem;color:var(--text-primary)}.switch{position:relative;width:48px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#7a7b7947;border-radius:14px;cursor:pointer;transition:background .2s}.switch-slider:before{content:"";position:absolute;left:2px;top:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:var(--shadow-sm)}.switch input:checked+.switch-slider{background:var(--accent)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.obs-form-actions{display:flex;gap:8px;margin-top:16px;padding-top:8px}.obs-form-actions .btn{flex:1}.obs-form textarea{margin-top:4px}.peak-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--surface-low);border-radius:22px}.peak-toggle-label{display:flex;flex-direction:column}.peak-toggle-label span:first-child{font-size:.875rem;font-weight:500}.peak-toggle-label span:last-child{font-size:.75rem;color:var(--text-secondary)}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.calendar-nav h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.03em}.calendar-nav-btn{width:44px;height:44px;border:none;border-radius:50%;background:var(--bg-card);font-size:1.5rem;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.calendar-nav-btn:active{transform:scale(.96)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:8px;background:var(--surface-low);border-radius:30px}@media(min-width:768px){.calendar-grid{gap:8px;padding:14px}}.calendar-weekday{text-align:center;font-size:.68rem;font-weight:700;color:var(--text-secondary);padding:4px 0 8px;text-transform:uppercase;letter-spacing:.08em}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px;border:none;background:var(--bg-card);border-radius:22px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;transition:transform .18s ease,background .18s ease;min-width:0;overflow:hidden}.calendar-day:active{transform:scale(.97)}.calendar-day-num{font-size:.82rem;font-weight:600;color:var(--text-primary)}.calendar-day.today{background:var(--accent-ghost);box-shadow:inset 0 0 0 1px #7b55561f}.calendar-day.empty{background:transparent;cursor:default;box-shadow:none}.calendar-day.has-obs .calendar-day-num{font-weight:700}.calendar-day.cycle-start:before{content:"";position:absolute;top:7px;left:50%;width:18px;height:4px;transform:translate(-50%);border-radius:999px;background:var(--accent)}.calendar-stamp{width:21px;height:21px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.52rem;font-weight:700;box-shadow:inset 0 0 0 1px #3133310a}.calendar-stamp-green{background:var(--stamp-green);color:#fff}.calendar-stamp-red{background:var(--stamp-red);color:#fff}.calendar-stamp-white{background:var(--stamp-white);color:var(--text-primary);box-shadow:inset 0 0 0 1px #7a7b7933}.calendar-stamp-yellow{background:var(--stamp-yellow);color:var(--text-primary)}.day-detail{padding:6px 0 0}.day-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.day-detail-header h2{font-family:var(--font-display);font-size:1.4rem;line-height:1.05}.day-detail-nav{display:flex;gap:8px}.day-detail-nav button{width:40px;height:40px;border:none;background:var(--bg-card);border-radius:16px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.day-detail-stamp{display:flex;justify-content:center;padding:20px;margin:0 0 20px;background:var(--surface-low);border-radius:28px}.day-detail-info{display:flex;flex-direction:column;gap:10px}.day-detail-row{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--bg-card);border-radius:22px;font-size:.92rem}.day-detail-row-label{color:var(--text-secondary)}.day-detail-row-value{font-weight:600;text-align:right}.day-detail-actions{display:flex;gap:10px;margin-top:22px}.day-detail-actions .btn{flex:1}