:root{--bg: #f0f4f0;--card: #ffffff;--text: #2d3a2d;--text-muted: #6b7b6b;--accent: #7aa87a;--accent-light: #d4e8d4;--accent-glow: rgba(122, 168, 122, .3);--border: #d0ddd0;--shadow: 0 2px 12px rgba(0, 0, 0, .06);--radius: 12px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:480px;margin:0 auto;padding:2rem 1.25rem 3rem;min-height:100vh;display:flex;flex-direction:column;gap:1.5rem}.header{text-align:center}.title{font-size:1.75rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.subtitle{font-size:.9rem;color:var(--text-muted);margin-top:.25rem}.quote-section{text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center}.btn-quote{background:none;border:1px dashed var(--border);color:var(--text-muted);padding:.5rem 1.25rem;border-radius:2rem;cursor:pointer;font-size:.85rem;transition:all .3s ease}.btn-quote:hover{border-color:var(--accent);color:var(--accent)}.quote-text{font-style:italic;color:var(--accent);font-size:.95rem;animation:fadeIn .6s ease}.add-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.75rem}.input-message{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}.input-message:focus{border-color:var(--accent)}.form-row{display:flex;gap:.75rem}.input-time{flex:0 0 auto;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;background:var(--bg);color:var(--text);outline:none;transition:border-color .2s}.input-time:focus{border-color:var(--accent)}.btn-add{flex:1;padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-add:hover:not(:disabled){background:#6a9a6a;transform:translateY(-1px)}.btn-add:disabled{opacity:.4;cursor:not-allowed}.reminders-section{flex:1}.reminders-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.reminder-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:var(--shadow);transition:all .3s ease;animation:slideIn .3s ease}.reminder-item.inactive{opacity:.5}.reminder-item.notified{border-left:3px solid var(--accent)}.reminder-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.reminder-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--accent);font-weight:600;white-space:nowrap}.reminder-message{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;background:var(--accent-light);color:var(--accent);padding:.15rem .5rem;border-radius:1rem;white-space:nowrap}.reminder-actions{display:flex;gap:.35rem;flex-shrink:0}.btn-toggle,.btn-delete{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:all .2s}.btn-toggle:hover{border-color:var(--accent);color:var(--accent)}.btn-delete:hover{border-color:#c77;color:#c77}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-icon{font-size:2rem;margin-bottom:.5rem}.footer{text-align:center;padding-top:1rem}.footer p{font-size:.8rem;color:var(--text-muted);opacity:.6}.notification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;animation:fadeIn .3s ease}.notification-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2.5rem 2rem;text-align:center;box-shadow:0 8px 40px #0000001f;max-width:320px;width:90%;animation:scaleIn .4s ease}.notification-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(135deg,var(--accent-glow),transparent,var(--accent-glow));z-index:-1;animation:pulse 2s ease infinite}.notification-emoji{font-size:2.5rem;margin-bottom:.75rem}.notification-message{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.notification-time{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.btn-dismiss{padding:.65rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:2rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-dismiss:hover{background:#6a9a6a;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}::placeholder{color:var(--text-muted);opacity:.6}