:root{--pink-primary: #F472B6;--pink-light: #FDF2F8;--pink-dark: #DB2777;--coral: #FB7185;--mint: #6EE7B7;--lavender: #C4B5FD;--warm-white: #FFFBF5;--text-dark: #4A3728;--text-soft: #9B8B7D;--shadow: 0 4px 20px rgba(244, 114, 182, .15);--shadow-lg: 0 8px 32px rgba(244, 114, 182, .2);--radius: 16px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,Nunito,sans-serif;background-color:var(--warm-white);color:var(--text-dark);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif;font-weight:700}.app{min-height:100vh;padding-bottom:80px}.page{padding:16px;max-width:600px;margin:0 auto}.page-title{font-size:1.75rem;color:var(--pink-dark);margin-bottom:16px;text-align:center}.page-subtitle{font-size:1rem;color:var(--text-soft);text-align:center;margin-bottom:24px}.card{background:#fff;border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.card-title{font-size:1.1rem;color:var(--pink-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px}.btn{background:linear-gradient(135deg,var(--pink-primary),var(--coral));color:#fff;border:none;border-radius:var(--radius);padding:12px 24px;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:var(--shadow)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--pink-light);color:var(--pink-dark)}.btn-success{background:linear-gradient(135deg,var(--mint),#34D399)}input[type=checkbox]{width:24px;height:24px;accent-color:var(--mint);cursor:pointer}.tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.tag-pink{background:var(--pink-light);color:var(--pink-dark)}.tag-coral{background:#fef2f2;color:var(--coral)}.tag-mint{background:#d1fae5;color:#059669}.tag-lavender{background:#ede9fe;color:#7c3aed}.emoji{font-size:1.25rem}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s infinite}.badge{position:absolute;top:-4px;right:-4px;background:var(--coral);color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}