*{box-sizing:border-box}.birthday-calendar{min-height:100vh;background-color:#f8fafc;padding:1.5rem}.calendar-container{max-width:80rem;margin:0 auto}.calendar-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;text-align:center}.year-selector-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;margin-top:1rem}.year-label{font-size:1.125rem;font-weight:600;color:#1f2937}.year-select{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;color:#1f2937;box-shadow:0 1px 2px #0000000d;outline:none;transition:all .2s ease}.year-select:focus{ring:2px solid #7c3aed;border-color:#7c3aed}.calendar-note{text-align:center;color:#6b7280;margin-bottom:2rem;font-size:.875rem}.lower-section{display:flex;align-items:center;justify-content:center}.calendar-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.calendar-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.calendar-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.calendar-grid{grid-template-columns:repeat(7,1fr)}}.day-column{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;border:1px solid #e5e7eb}.day-header{background:linear-gradient(135deg,#7c3aed,#c084fc);color:#fff;text-align:center;padding:.75rem 1rem;font-weight:700;font-size:.875rem}.day-content{padding:1rem;min-height:300px}.person-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.person-card{color:#fff;border-radius:.5rem;padding:.75rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;transition:box-shadow .2s ease}.person-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000001a}.person-initials{font-weight:700;font-size:1.125rem}.person-date{font-size:.75rem;opacity:.9;margin-top:.25rem}.empty-day{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:.875rem}.color-teal{background-color:#545d79}.color-orange{background-color:#8ab721}.color-green{background-color:#c77d99}.color-red{background-color:#78cae3}.color-blue{background-color:#e64a33}.body{background:#784972;display:grid;place-content:center;place-items:center;grid-template-columns:repeat(5,40px);width:500px;height:500px;margin:auto}.p{position:absolute;width:22px;height:55px;background:#f7ffcf;border-radius:11px 11px 0 0;translate:0px -72.5px;z-index:3}.div{width:100px;height:150px;background:#f7ffcf;margin-top:50px;border-radius:50%;box-shadow:0 0 0 10px #784972}.left{z-index:2}.right{z-index:1}#body{background:#f5d6b4;display:grid;place-items:center;width:400px;height:400px;margin:auto}#p{position:absolute;width:20px;height:20px;background:#d86f45;border-radius:50px;transform:translate(-90px,10px);box-shadow:80px 0 #d86f45}#div{position:absolute;border:20px solid #d86f45;border-top:none;border-radius:0 0 100px 100px}.I{width:30px;height:22px;transform:rotate(180deg) translate(0)}.J{width:80px;height:40px;transform:translate(-20px,30px)}.K{width:120px;height:60px;transform:rotate(180deg) translateY(19px)}.L{width:160px;height:80px;transform:translate(-20px,50px)}