/* 2026-10-10 typepv (그록 봇): 심리테스트 시작 화면 '시작 전에 유형 종류 미리 보기' (이름만 목록). 모바일 아래 시트 / PC 아래쪽 가운데 창. 테스트 테마 색(--psy-*) */
.psy-types--btn{display:flex;align-items:center;gap:8px;width:100%;margin:12px 0 0;background:#fff;font:inherit;font-size:14px;font-weight:700;color:#374151;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}
.psy-types--btn:hover{border-color:var(--psy-acc,#6366f1);box-shadow:0 4px 14px rgba(15,23,42,.06)}
.psy-types--btn:focus-visible{outline:none;border-color:var(--psy-acc,#6366f1)}
.psy-types__txt{flex:1;min-width:0}
.psy-types__n{flex:none;color:var(--psy-acc,#6366f1);font-size:13px}
.psy-types--note{margin:12px 0 0;text-align:center;color:#6b7280;font-size:13.5px;background:#fff}
.psy-tpv-chip{cursor:pointer;transition:border-color .15s,background .15s}
.psy-tpv-chip:hover,.psy-tpv-chip:focus-visible{border-color:var(--psy-acc,#6366f1)!important;background:#fff!important;outline:none}
.psy-tpv-chip::after{content:" ›";color:var(--psy-acc,#6366f1);font-weight:700}
.psy-tpv{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 24px}
.psy-tpv[hidden]{display:none}
.psy-tpv__dim{position:absolute;inset:0;background:rgba(15,23,42,.45);opacity:0;transition:opacity .2s}
.psy-tpv__sheet{position:relative;width:100%;max-width:420px;max-height:80vh;overflow:auto;padding:22px 20px 18px;border-radius:20px;background:#fff;color:var(--psy-ink,#1f2433);
  border-top:4px solid var(--psy-acc,#6366f1);box-shadow:0 20px 50px rgba(15,23,42,.25);opacity:0;transform:translateY(16px);transition:opacity .2s,transform .25s ease;outline:none}
.psy-tpv.is-open .psy-tpv__dim{opacity:1}
.psy-tpv.is-open .psy-tpv__sheet{opacity:1;transform:none}
.psy-tpv__grab{display:none}
.psy-tpv__x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f4f6;color:#6b7280;font-size:14px;cursor:pointer}
.psy-tpv__x:hover{color:#111827}
.psy-tpv__h{margin:0 0 12px;padding:0 40px 0 0;border:0!important;background:none;font-size:17px;font-weight:800;line-height:1.35}
.psy-tpv__h::before,.psy-tpv__h::after{content:none!important;display:none!important}
.psy-tpv__list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.psy-tpv__list li{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--psy-acc,#6366f1) 7%,#fff);font-size:14px;font-weight:700;line-height:1.3;word-break:keep-all}
.psy-tpv__list li span{flex:none;font-size:18px}
.psy-tpv__q{margin:16px 0 10px;text-align:center;font-size:14px;font-weight:700;color:#4b5563}
.psy-tpv__go{width:100%;margin:0}
body.psy-tpv-lock{overflow:hidden}
@media (max-width:640px){
  .psy-tpv{padding:0}
  .psy-tpv__sheet{max-width:none;max-height:85vh;border-radius:20px 20px 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(100%)}
  .psy-tpv__grab{display:block;width:40px;height:4px;margin:0 auto 12px;border-radius:4px;background:#d1d5db}
  .psy-tpv__h{font-size:16px}
  .psy-tpv__list li{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.psy-tpv__dim,.psy-tpv__sheet{transition:none}}