.confirm-dialog.first-like-dialog{--like-pink:#ff9bb5;width:calc(100vw - 32px);max-width:490px;max-height:calc(100dvh - 32px);padding:30px;border:2px solid var(--border);border-radius:var(--radius-dialog);background:var(--panel);color:var(--ink);box-shadow:7px 7px 0 #000;overflow:visible;text-align:center}
.first-like-dialog::backdrop{background:#0008}
.first-like-dialog .first-like-emblem{position:relative;display:grid;place-items:center;width:76px;height:70px;margin:2px auto 22px;border:2px solid var(--border);border-radius:22px;background:var(--like-pink);color:#252628;box-shadow:4px 4px 0 #000;transform:rotate(-8deg)}
.first-like-emblem>.ui-icon{width:39px;height:39px;fill:currentColor;stroke-width:1.5}
.first-like-twinkle{position:absolute;color:var(--yellow);font-size:27px;line-height:1;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}
.first-like-twinkle-a{top:-12px;right:-20px;transform:rotate(12deg)}
.first-like-twinkle-b{left:-19px;bottom:2px;font-size:19px}
.first-like-dialog>h2{padding:0;margin:0 auto 12px;max-width:340px;font-size:29px;line-height:1.1;letter-spacing:-.5px;text-wrap:balance}
.first-like-dialog .first-like-intro{font-size:16px;font-weight:650;margin:0 0 14px;overflow-wrap:anywhere;line-height:1.5}
.first-like-dialog .first-like-rule{font-size:13px;line-height:1.65;color:var(--muted);margin:0 auto;max-width:360px}
.first-like-dialog .actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px}
.first-like-dialog .actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;min-height:44px;padding:10px 18px;font-size:14px}
.first-like-dialog [data-confirm]{background:var(--like-pink);color:#252628}
.first-like-dialog [data-confirm]:hover{background:#ffb2c6;color:#252628}
.first-like-dialog [data-confirm]>.ui-icon{width:19px;height:19px;fill:currentColor}
.first-like-dialog [data-cancel]{background:transparent;color:var(--ink);box-shadow:none}
.first-like-dialog .actions button:hover:not(:disabled){transform:translateY(-1px)}
.first-like-dialog .actions button:active:not(:disabled){transform:translate(2px,2px)}
.first-like-dialog .dialog-close{border-radius:50%;top:12px;right:12px}
.first-like-dialog .first-like-error{font-size:13px;line-height:1.5;margin:16px 0 0;padding:10px;border:2px solid var(--coral);border-radius:var(--radius-inset);background:var(--bg);color:var(--ink)}
.first-like-dialog[data-state=celebrating] [data-confirm]{background:var(--like-pink)!important;color:#252628!important;border-color:var(--border)!important}
.first-like-confetti{position:absolute;pointer-events:none;left:50%;top:50%;width:19px;height:19px;line-height:1;color:var(--like-pink);filter:drop-shadow(1px 2px 0 #000)}
.first-like-confetti .ui-icon{width:100%;height:100%;fill:currentColor;stroke:#252628;stroke-width:1.5}
@media(max-width:430px){.confirm-dialog.first-like-dialog{padding:28px 20px;width:calc(100vw - 28px)}.first-like-dialog>h2{font-size:25px}.first-like-dialog .first-like-intro{font-size:15px}.first-like-dialog .actions{gap:10px}.first-like-dialog .actions button{padding:10px 15px;font-size:13px}}
@media(max-height:540px){.confirm-dialog.first-like-dialog{overflow:auto}.first-like-dialog .first-like-emblem{width:58px;height:54px;margin-bottom:14px}.first-like-dialog .first-like-rule{font-size:12px}.first-like-dialog .actions{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.first-like-dialog,.first-like-dialog *{animation:none!important;transition:none!important}.first-like-dialog .first-like-emblem{transform:none}}