#angel-test-popup{width:700px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #ded5f1;border-radius:16px;background:#f5f1ff;color:#2e1a61;box-shadow:0 18px 80px #160d3933;overflow:auto;overscroll-behavior:contain;line-height:1.6}
#angel-test-popup::backdrop{background:#160d3999;backdrop-filter:blur(4px)}
body:has(>#angel-test-popup[open]){overflow:hidden}
#angel-test-popup .test-popup-content{padding:38px 32px 28px}
#angel-test-popup h2{margin:0;padding-right:20px;font-family:'PTA Pretendard','Apple SD Gothic Neo',sans-serif;font-size:28px;font-weight:650;line-height:1.45;letter-spacing:-.035em;word-break:keep-all}
#angel-test-popup #angel-test-popup-description{margin:14px 0 24px;font-size:15px;line-height:1.7;color:#665a7d}
#angel-test-popup .test-popup-close{position:absolute;right:14px;top:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#6b5e80;font-size:28px;line-height:1}
#angel-test-popup .test-popup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#angel-test-popup .test-popup-option{display:flex;flex-direction:column;gap:14px;min-width:0;padding:24px;border:1px solid #dcd0f3;border-radius:10px;transition:background .15s}
#angel-test-popup .test-popup-need{background:#671cff;border-color:#671cff;color:#fff}
#angel-test-popup .test-popup-need:hover{background:#5414d6}
#angel-test-popup .test-popup-angel{background:#c7ff6b;border-color:#a9cf59;color:#2e1a61}
#angel-test-popup .test-popup-angel:hover{background:#d5ff93}
#angel-test-popup h3{margin:0;font-family:'PTA Pretendard','Apple SD Gothic Neo',sans-serif;font-size:22px;font-weight:650;letter-spacing:-.025em;line-height:1.4}
#angel-test-popup .test-popup-option p{margin:0;font-size:14px;line-height:1.7;font-weight:400}
#angel-test-popup .test-popup-angel p{color:#463d63}
#angel-test-popup .test-popup-action{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600}
#angel-test-popup .test-popup-action>span{font-size:20px;line-height:1}
#angel-test-popup .test-popup-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid #ded5f1;padding:12px 24px;background:#fff}
#angel-test-popup .test-popup-footer button{min-width:64px;min-height:44px;padding:8px 4px;border:0;background:transparent;color:#665a7d;font-size:14px;line-height:1.5;cursor:pointer}
#angel-test-popup .test-popup-footer button:hover,#angel-test-popup .test-popup-close:hover{color:#671cff}
#angel-test-popup :is(a,button):focus-visible{outline:2px solid #671cff;outline-offset:3px}
#angel-test-popup .test-popup-need:focus-visible{outline-color:#2e1a61}
.test-popup-mobile-break{display:none}
@media(max-width:560px){
  #angel-test-popup .test-popup-content{padding:32px 20px 20px}
  #angel-test-popup h2{font-size:23px;padding-right:12px;line-height:1.45}
  #angel-test-popup #angel-test-popup-description{font-size:14px;margin:12px 0 20px}
  #angel-test-popup .test-popup-options{grid-template-columns:1fr;gap:12px}
  #angel-test-popup .test-popup-option{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:18px}
  #angel-test-popup h3{font-size:20px;grid-column:1/-1}
  #angel-test-popup h3 br{display:none}
  #angel-test-popup .test-popup-option p{font-size:13px;grid-column:1/-1}
  #angel-test-popup .test-popup-action{grid-column:1/-1;padding-top:4px;font-size:13px}
  #angel-test-popup .test-popup-footer{padding:8px 12px}
  .test-popup-mobile-break{display:block}
}
@media(prefers-reduced-motion:reduce){#angel-test-popup .test-popup-option{transition:none}}