.birthday-magic{padding:22px 12px 64px;color:#213b36}.birthday-magic__hero{padding-bottom:34px}.birthday-magic__card{max-width:1050px;margin:0 auto 20px;padding:clamp(18px,3vw,32px);background:#fff;border:1px solid #d7e2da;border-radius:20px;box-shadow:0 12px 35px #173a2a0b}.birthday-magic__card h2{font-size:clamp(1.3rem,2.5vw,1.75rem);margin:0 0 18px}.birthday-magic__card h3{font-size:1.2rem;margin:26px 0 12px}.birthday-magic__form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.birthday-magic__form>div{width:min(100%,340px)}.birthday-magic__form label{display:block;font-weight:700;margin-bottom:6px}.birthday-magic__form button{min-height:48px}.birthday-magic__equation{font-size:clamp(1.25rem,3vw,1.9rem);font-weight:800;color:#19584a;overflow-wrap:anywhere}.birthday-magic__square-wrap{width:min(100%,560px);margin:20px auto}.birthday-magic__square{width:100%;table-layout:fixed;border-collapse:collapse;border:3px solid #20463d}.birthday-magic__square td{width:25%;height:clamp(66px,15vw,130px);border:2px solid #55786a;text-align:center;vertical-align:middle;padding:5px;background:#f4f9f2;color:#14382d;font-size:clamp(1rem,3.5vw,2rem);font-weight:800;overflow-wrap:anywhere}.birthday-magic__square tr:nth-child(even) td:nth-child(odd),.birthday-magic__square tr:nth-child(odd) td:nth-child(even){background:#e8f3ee}.birthday-magic__sum{text-align:center;font-size:1.3rem}.birthday-magic__message,.birthday-magic__properties p{border-left:4px solid #2b8574;background:#eef8f3;border-radius:0 8px 8px 0;padding:10px 13px;margin:14px 0}.birthday-magic__message[hidden],.birthday-magic__card[hidden]{display:none}.birthday-magic__error,.birthday-magic__properties .birthday-magic__warning{border-color:#c06d2a;background:#fff4e8}.birthday-magic__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.birthday-magic__checks p{padding:7px 10px;margin:0;border-radius:8px;background:#f2f7f3;font-weight:650}.birthday-magic__card details{margin:16px 0}.birthday-magic__card summary{cursor:pointer;font-weight:700;color:#19584a}.birthday-magic__proofs{padding-top:12px}.birthday-magic__proofs p{padding:7px 0;border-bottom:1px solid #e5eee7;overflow-wrap:anywhere}.birthday-magic__note{padding-top:12px;color:#596f62}.birthday-magic :is(button,input,summary):focus-visible{outline:3px solid #d9a33c;outline-offset:3px}@media(max-width:600px){.birthday-magic__checks{grid-template-columns:1fr}.birthday-magic__square td{height:clamp(58px,19vw,96px);font-size:clamp(.9rem,4.2vw,1.4rem)}.birthday-magic__form button{width:100%}}
.birthday-magic__square td.birthday-magic__special{background:#fff0c9!important;border-color:#ba8025;color:#553914}.birthday-magic__square.birthday-magic__symbolic td{font-size:clamp(.85rem,2.2vw,1.15rem)}.birthday-magic__shift-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:14px 0}.birthday-magic__shift-details[hidden],.birthday-magic [hidden]{display:none!important}.birthday-magic__shift-details p{background:#f3f8f5;border-radius:8px;padding:9px;margin:0}.birthday-magic__actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.birthday-magic__form select{width:100%}@media(max-width:600px){.birthday-magic__shift-details{grid-template-columns:1fr}}