*{margin:0;padding:0;box-sizing:border-box}.container{min-height:100vh;background:linear-gradient(135deg,#ff6b9d,#ff8cc8 100%,#ff6b9d);padding:20px;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000001a;width:100%;max-width:400px;padding:24px}.title{font-size:18px;font-weight:600;color:#333;margin-bottom:24px;text-align:center}.birthday-list{display:flex;flex-direction:column;gap:16px}.birthday-item{display:flex;align-items:center;gap:16px;padding:8px;border-radius:8px;transition:background-color .2s ease}.birthday-item:hover{background-color:#f7fafc}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.person-info{flex:1}.person-name{font-size:18px;font-weight:600;color:#333;margin:0 0 4px;text-align:center}.person-age{font-size:14px;color:#718096;text-align:center;margin:0}.clear-button{width:100%;margin-top:24px;background:#ff6b9d;color:#fff;font-weight:600;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .2s ease}.clear-button:hover{background:#e85a93}.clear-button:active{transform:translateY(1px)}.empty-state{text-align:center;margin:0;padding:0;color:#718096;font-size:16px}@media (max-width: 480px){.container{padding:16px}.card{padding:20px}.title{font-size:18px}.avatar{width:56px;height:56px}.person-name{font-size:18px}}