.screen{position:relative;height:100dvh;min-height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:24px;overflow:hidden}.card{text-align:center;background:#ffffffbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:36px 44px;border-radius:28px;box-shadow:0 18px 50px #00000026;max-width:600px}.emoji{font-size:64px;margin-bottom:12px}.portrait{width:200px;height:200px;object-fit:cover;border-radius:50%;margin:0 auto 18px;display:block;border:5px solid #fff;box-shadow:0 12px 30px #0003}.photo{display:block;margin:0 auto;max-width:min(280px,70vw);max-height:38vh;object-fit:contain;border-radius:18px;box-shadow:0 12px 30px #0003;position:relative;z-index:2}.card .photo{margin-bottom:18px}.photo-sm{max-width:min(160px,45vw);max-height:24vh}.celebrate .photo{margin-top:18px}.card h1{font-size:clamp(24px,4vw,40px);color:#b3204a;line-height:1.25}.buttons{position:relative;width:100%;max-width:520px;min-height:120px;display:flex;align-items:center;justify-content:center;gap:40px}button{border:none;cursor:pointer;font-size:22px;font-weight:700;padding:18px 34px;border-radius:999px;color:#fff;font-family:inherit;box-shadow:0 10px 24px #0000002e}.yes{background:linear-gradient(135deg,#ff5e8e,#ff2e63);transform-origin:center;transition:transform .18s ease;z-index:5}.yes:hover{filter:brightness(1.05)}.no{background:linear-gradient(135deg,#8d99ae,#6b7280);white-space:nowrap;min-width:150px;position:relative;z-index:6;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.celebrate{background:linear-gradient(135deg,#ff9a9e,#fad0c4);text-align:center}.celebrate h1{font-size:clamp(40px,9vw,90px);color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.2)}.big{font-size:clamp(24px,5vw,44px);color:#b3204a;font-weight:800}.sub{font-size:clamp(16px,3vw,24px);color:#7a1133;margin-top:8px}.days{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:560px;margin-top:18px;z-index:2}.day{background:linear-gradient(135deg,#ff5e8e,#ff2e63);font-size:18px;padding:14px 22px}.day:hover{filter:brightness(1.06);transform:translateY(-2px)}.hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hearts span{position:absolute;top:-40px;animation:fall 4s linear infinite}@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#ffafbd,#ffc3a0);overflow:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}