/* One quiet result card; the page's own palette and type remain in control. */
dialog.resume-result { width: min(440px, calc(100vw - 32px)); max-height: calc(100svh - 32px); padding: 30px 28px 26px; border: 0; border-radius: 24px; text-align: center; overflow-y: auto; background: var(--surface); color: var(--text); }
dialog.resume-result[open] { animation: rr-arrive 460ms cubic-bezier(.16,.84,.24,1) both; }
dialog.resume-result::backdrop { background: #101c2866; animation: rr-backdrop 220ms ease both; }
dialog.resume-result h2 { margin: 8px 0 12px; font-size: 25px; line-height: 1.3; letter-spacing: -.03em; }
dialog.resume-result #resume-result-description { margin: 0; color: var(--muted); font-size: 15px; line-height: 1.75; }
.rr-mark { width: 88px; height: 88px; margin: 0 auto 20px; color: var(--accent); background: var(--accent-pale); border-radius: 50%; animation: rr-open 760ms cubic-bezier(.16,.84,.24,1) both; }
.rr-mark svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.rr-ring { opacity: .25; }
.rr-book { opacity: .5; transform-origin: 40px 40px; }
.rr-book-left { animation: rr-leaf-left 700ms cubic-bezier(.16,.84,.24,1) both; }
.rr-book-right { animation: rr-leaf-right 700ms cubic-bezier(.16,.84,.24,1) both; }
.rr-sign { stroke-width: 3.5; stroke-dasharray: 50; stroke-dashoffset: 0; animation: rr-sign 520ms ease 320ms both; }
dialog.resume-result[data-decision="rejected"] .rr-mark { color: var(--muted); background: var(--raised); animation: rr-settle 650ms cubic-bezier(.16,.84,.24,1) both; }
.rr-fold { opacity: .65; }
dialog.resume-result[data-decision="rejected"] .rr-sign { stroke-width: 3; }
.rr-code { margin-top: 22px; padding: 16px; border-radius: 16px; background: var(--raised); animation: rr-copy 430ms ease 160ms both; }
.rr-code span { display: block; margin-bottom: 9px; color: var(--muted); font-size: 12px; }
.rr-code b { display: block; font-size: 28px; line-height: 1.2; letter-spacing: .13em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
dialog.resume-result .rr-exp { margin: 10px 0 0; font-size: 12px; color: var(--muted); line-height: 1.6; }
.rr-error:empty { display: none; }
.rr-actions { display: flex; gap: 10px; justify-content: center; margin-top: 26px; animation: rr-copy 430ms ease 230ms both; }
dialog.resume-result .rr-actions .btn { min-height: 46px; flex: 1; justify-content: center; }
@keyframes rr-arrive { from { opacity: 0; transform: translateY(18px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes rr-backdrop { from { opacity: 0; } to { opacity: 1; } }
@keyframes rr-open { from { opacity: 0; transform: translateY(7px) scale(.7); } 65% { opacity: 1; transform: translateY(-3px) scale(1.04); } to { opacity: 1; transform: none; } }
@keyframes rr-leaf-left { from { transform: scaleX(.05) rotate(-7deg); } to { transform: none; } }
@keyframes rr-leaf-right { from { transform: scaleX(.05) rotate(7deg); } to { transform: none; } }
@keyframes rr-sign { from { opacity: 0; stroke-dashoffset: 50; } to { opacity: 1; stroke-dashoffset: 0; } }
@keyframes rr-settle { from { opacity: 0; transform: translateY(-12px) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes rr-copy { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) { dialog.resume-result { padding: 26px 22px 22px; } dialog.resume-result h2 { font-size: 23px; } .rr-actions { gap: 8px; } }
@media (prefers-reduced-motion: reduce) { dialog.resume-result[open], dialog.resume-result::backdrop, .rr-mark, .rr-book, .rr-sign, .rr-code, .rr-actions { animation: none !important; transform: none; opacity: 1; stroke-dashoffset: 0; } }