:root{--bg: #f5f0eb;--card-bg: #ffffff;--text: #3d3a37;--text-muted: #8a827a;--accent: #c4a882;--accent-light: #e8ddd1;--accent-hover: #b3956d;--heart: #d4786b;--heart-bg: #fceae7;--calm-blue: #a7c4c4;--focus-purple: #b5a3c4;--love-pink: #d4a3a3;--motiv-amber: #c4b47a;--radius: 1rem;--radius-sm: .625rem;--shadow: 0 2px 16px rgba(0, 0, 0, .06);--transition: .25s ease;font-family:Georgia,Times New Roman,serif;line-height:1.6;color:var(--text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg)}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 3rem}.header{text-align:center;margin-bottom:2rem}.header-title{font-size:2rem;font-weight:400;letter-spacing:.01em;color:var(--text)}.header-subtitle{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.95rem;color:var(--text-muted);margin-top:.25rem}.main{width:100%;max-width:32rem;display:flex;flex-direction:column;gap:1.5rem}.categories{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.category-btn{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.02em;padding:.45rem .85rem;border-radius:2rem;border:1.5px solid var(--accent-light);background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:.35rem}.category-btn:hover{border-color:var(--accent);color:var(--text)}.category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-icon{font-size:.85rem;line-height:1}.affirmation-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem 2rem;text-align:center;display:flex;flex-direction:column;gap:1.75rem;border:1px solid rgba(0,0,0,.04)}.affirmation-text{font-size:1.45rem;font-weight:400;line-height:1.65;color:var(--text);letter-spacing:.005em}.affirmation-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.fav-btn,.new-btn{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.85rem;font-weight:500;padding:.6rem 1.3rem;border-radius:2rem;border:none;cursor:pointer;transition:all var(--transition)}.fav-btn{background:var(--accent-light);color:var(--text-muted)}.fav-btn:hover,.fav-btn.favorited{background:var(--heart-bg);color:var(--heart)}.new-btn{background:var(--accent);color:#fff}.new-btn:hover{background:var(--accent-hover)}.toggle-favs-btn{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.85rem;font-weight:500;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;text-decoration:underline;text-underline-offset:3px;align-self:center;transition:color var(--transition)}.toggle-favs-btn:hover{color:var(--text)}.favorites-section{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;border:1px solid rgba(0,0,0,.04)}.favorites-empty{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.9rem;color:var(--text-muted);text-align:center;padding:1rem 0}.favorites-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.favorite-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg);border-radius:var(--radius-sm);position:relative}.favorite-text{flex:1;font-size:.95rem;line-height:1.5;color:var(--text);padding-right:2rem}.favorite-category{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.7rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.remove-fav-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.1rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:.25rem;border-radius:50%;transition:all var(--transition)}.remove-fav-btn:hover{color:var(--heart);background:var(--heart-bg)}.footer{margin-top:auto;padding-top:3rem;text-align:center}.footer p{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.8rem;color:var(--text-muted);opacity:.7}@media(max-width:480px){.app{padding:1.5rem 1rem 2rem}.header-title{font-size:1.6rem}.affirmation-card{padding:2rem 1.25rem}.affirmation-text{font-size:1.2rem}.category-btn{font-size:.75rem;padding:.4rem .7rem}.fav-btn,.new-btn{font-size:.8rem;padding:.55rem 1rem}.favorite-item{flex-wrap:wrap;gap:.4rem}.favorite-category{order:3;margin-left:auto}.remove-fav-btn{order:2;position:static}}.affirmation-card{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}