:root{--bg:#fff;--text:#000;--card:#f5f5f5;--border:#ddd}[data-theme=dark]{--bg:#0d0d0d;--text:#f2f2f2;--card:#1a1a1a;--border:#2a2a2a}[data-theme=dark] .event-item,[data-theme=dark] li{box-shadow:0 0 4px #ffffff0d,0 0 12px #ffffff0f,0 4px 12px #0006}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{text-shadow:0 0 6px #ffffff14}*{transition:background .3s,color .3s,border-color .3s}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{background:var(--bg);max-width:480px;margin:0 auto;padding:24px}.app-header{z-index:1000;background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);margin:0 0 1rem;padding:.75rem 1rem;font-size:1.4rem;font-weight:600;position:sticky;top:0}.baby-controls{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:20px;padding:5px 12px;display:flex}.baby-btn{background:var(--card);color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:center;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;width:auto;min-width:fit-content;height:50px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.baby-btn:hover{transform:scale(.95)}.baby-selector{border:1px solid var(--border);background:var(--card);height:50px;color:var(--text);cursor:pointer;border-radius:8px;padding:0;font-size:15px}.day-group h3{color:var(--text);opacity:.9;margin-top:24px;margin-bottom:8px;font-size:16px}.button-row{gap:12px;margin-bottom:28px;display:flex}.event-btn{color:#fff;cursor:pointer;background:#007aff;border:none;border-radius:14px;flex:1;padding:16px;font-size:17px;font-weight:600;transition:transform .1s,background .2s}[data-theme=dark] button{background:#0a84ff}.event-btn:active{transform:scale(.97)}ul{padding:0;list-style:none}li{background:var(--card);border-radius:14px;margin-bottom:12px;padding:16px;box-shadow:0 2px 6px #00000040}.event-item{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000026}.event-icon{justify-content:center;width:32px;font-size:22px;display:flex}.event-type{width:80px;font-size:16px;font-weight:600}.event-feedtype{opacity:.8;width:80px;font-size:14px}.event-time{opacity:.7;width:60px;font-size:14px}.event-actions{gap:6px;display:flex}.action-btn{color:var(--text);cursor:pointer;text-align:center;background:0 0;border:none;justify-content:center;align-items:center;min-width:32px;padding:4px;font-size:18px;transition:transform .2s,color .2s;display:flex}.edit-btn:hover{color:#007aff;transform:scale(1.1)}[data-theme=dark] .edit-btn:hover{color:#0a84ff}.delete-btn:hover{color:#f33;transform:scale(1.1)}.theme-toggle{cursor:pointer;background:var(--card);width:40px;height:40px;color:var(--text);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:20px;transition:background .3s,color .3s,border-color .3s,transform .2s;display:flex}.theme-toggle:hover{background:var(--border);transform:scale(1.08)}.theme-toggle:active{transform:scale(.95)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:90%;max-width:380px;padding:24px;animation:.25s modalIn;box-shadow:0 8px 28px #00000040}.modal h3{text-align:center;color:var(--text);margin-top:0;margin-bottom:16px;font-size:22px;font-weight:700}.modal label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.modal input{border:2px solid var(--border-color);background:var(--background);width:70%;color:var(--text);border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:15px}.save-btn,.cancel-btn{cursor:pointer;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:600}.save-btn{background:var(--accent);color:#fff;border:none}.cancel-btn{background:var(--card);color:var(--text);border:1px solid var(--border-color)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal button{background:var(--border);color:var(--text);border-radius:8px;padding:12px}.feed-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.feed-option{background:var(--card);border:1px solid var(--border);text-align:center;height:100px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:20px;font-size:1rem;font-weight:600;display:flex}.feed-option:hover{background:var(--border)}.skip-option{color:#fff;background:#999}.feed-interval{background:var(--border);opacity:.9;border-radius:8px;margin-top:10px;margin-bottom:10px;padding:10px;font-size:1rem}.daily-summary{background:var(--card);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;padding:12px;display:grid}.summary-col{opacity:.9;flex-direction:column;gap:4px;font-size:14px;display:flex}.summary-col strong{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.day-group h3{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.day-group h3:hover{opacity:.8}.day-content{opacity:0;height:0;transition:all .3s;overflow:hidden}.day-content.open{opacity:1;height:auto}.baby-selector{background:var(--card);border-radius:8px;margin-bottom:1rem;padding:1rem}.baby-selector select{padding:8px;font-size:1rem}.invite-code-input{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:15px}@media (width<=400px){.button-row{flex-direction:column;gap:10px}.button-row button{width:100%}.modal{width:90%;padding:16px}.event-item{flex-direction:column;align-items:flex-start;gap:6px}.delete-btn{align-self:flex-end}body{font-size:.95rem}}@media (width<=600px){.container{padding:16px}h1{font-size:28px}.event-item{padding:10px 14px}.modal{width:300px}}