#date-calendar{width:470px;padding:35px 32px 25px;text-align:center;border:1px solid #d7adb5;border-radius:20px;background:radial-gradient(ellipse at top,#f4dedd,transparent 65%),#fffaf2;box-shadow:0 20px 90px #401c3d35}#date-calendar .eyebrow{font-size:8px;margin-bottom:12px}.calendar-close{position:absolute;right:16px;top:9px;border:0;background:none;font-size:28px}.calendar-heart{font:44px var(--serif);color:#ad536c}#date-calendar h2{font-size:39px;letter-spacing:-1px;margin-top:5px}.calendar-intro{font-size:12px;color:var(--muted);margin-top:15px}.calendar-nav{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;margin:28px 0 18px}.calendar-nav h3{font:24px var(--serif)}.calendar-nav button{border:1px solid #d7b6bd;border-radius:50%;height:38px;background:#fffaf3;font-size:25px;line-height:1}.calendar-nav button:disabled{opacity:.3;cursor:default}.calendar-weekdays,#calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays{font-size:10px;color:#8b6570;margin-bottom:10px}#calendar-days button{aspect-ratio:1;min-width:0;border:1px solid transparent;border-radius:50%;background:transparent;font-size:13px;padding:0}#calendar-days button:hover:not(:disabled),#calendar-days button[aria-pressed=true]{background:var(--wine);color:#fff4ef}#calendar-days .is-today{border-color:#b06a7c;background:#f5e4e4}#calendar-days button:disabled{color:#c2b4b7;cursor:default}.calendar-tip{font-size:10px;color:#8d6773;margin-top:25px}.chosen-date{font-size:12px;color:var(--wine);line-height:1.6;margin:0 0 16px}.chosen-date:empty{display:none}#date-kiss-celebration{position:fixed;inset:0;z-index:999;pointer-events:none;overflow:hidden}.date-kiss{position:absolute;left:var(--left);top:var(--top);font-size:var(--size);opacity:0;animation:date-kiss-burst 2.8s var(--delay) ease-out both;filter:drop-shadow(0 3px 8px #8e204233)}.date-kiss.still{opacity:.85;animation:none}@keyframes date-kiss-burst{0%{opacity:0;transform:scale(.1) rotate(-20deg)}18%{opacity:1;transform:scale(1.2)}45%{opacity:1}100%{opacity:0;transform:translate(var(--drift),-170px) scale(.65) rotate(var(--turn))}}@media(max-width:480px){#date-calendar{padding:35px 20px 22px}#date-calendar h2{font-size:34px}.calendar-weekdays,#calendar-days{gap:4px}.calendar-nav h3{font-size:22px}}