/* CampusDown Korea 심리테스트(Quizzes) — 2026-10-08 intlquiz (그록 봇). intl.css 위에 얹는 추가 스타일. 움직임은 transform/opacity 만 */
.qz-wrap [hidden],.qz-res [hidden]{display:none!important}
.qz-eye{display:inline-block;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.18);font-size:13px;font-weight:700;letter-spacing:.01em}
.qz-meta{display:inline-block;margin:0 0 8px;font-size:13px;font-weight:700;color:var(--c1,#4f46e5);background:color-mix(in srgb,var(--c1,#4f46e5) 10%,#fff);padding:4px 10px;border-radius:999px}
.qz-note{font-size:13px;color:var(--mut);margin:14px 0 0;line-height:1.55}
.qz-note--foot{margin:28px 0 8px;text-align:center}
.qz-sec{margin:34px 0}
.qz-sec h2{font-size:20px;margin:0 0 14px;letter-spacing:-.01em}
.qz-sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.qz-sec__head h2{margin:0}
.qz-sec__head a{font-weight:700;font-size:14px}

/* hub */
.qz-hubhead{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;padding:28px 22px 26px;margin:6px 0 22px;color:#fff;background:linear-gradient(135deg,#7c4dff 0%,#5b6cff 48%,#12b886 100%);box-shadow:var(--sh2)}
.qz-hubhead h1{margin:0 0 8px;font-size:clamp(26px,5vw,36px);line-height:1.2;letter-spacing:-.02em}
.qz-hubhead p{margin:0;max-width:600px;color:rgba(255,255,255,.93)}
.qz-hubhead .qz-eye{color:#fff}
.qz-hubhead__fx{position:absolute;inset:0;z-index:-1;pointer-events:none}
.qz-hubhead__fx span{position:absolute;font-size:40px;opacity:.25;animation:qz-float 7s ease-in-out infinite alternate}
.qz-hubhead__fx span:nth-child(1){right:6%;top:12%;font-size:72px;opacity:.32}.qz-hubhead__fx span:nth-child(2){right:28%;top:6%;animation-delay:-2s}.qz-hubhead__fx span:nth-child(3){right:16%;bottom:8%;animation-delay:-4s}.qz-hubhead__fx span:nth-child(4){right:38%;bottom:14%;animation-delay:-1s}
@keyframes qz-float{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-12px) rotate(5deg)}}
.qz-hubgrid{display:grid;gap:18px}
@media (min-width:720px){.qz-hubgrid{grid-template-columns:1fr 1fr}}
.qz-qcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;color:var(--ink);box-shadow:var(--sh);transition:transform .25s ease,box-shadow .25s ease}
.qz-qcard:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--sh2)}
.qz-qcard__img{display:block;aspect-ratio:1200/630;background:linear-gradient(135deg,var(--c1),var(--c2))}
.qz-qcard__img img{display:block;width:100%;height:100%;object-fit:cover}
.qz-qcard__b{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.qz-qcard__b .qz-meta{align-self:flex-start;margin:0}
.qz-qcard__t{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.01em}
.qz-qcard__s{font-size:14.5px;color:var(--ink2)}
.qz-qcard__res{display:flex;gap:6px;font-size:20px;margin-top:2px}
.qz-go{align-self:flex-start;margin-top:auto;padding:9px 16px;border-radius:999px;color:#fff;font-weight:800;font-size:14.5px;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 8px 18px color-mix(in srgb,var(--c1) 30%,transparent)}
.qz-how h2{margin-top:0}
.qz-how p{margin:0 0 6px}

/* test */
.qz-wrap{max-width:760px}
.qz-main{padding-bottom:20px}
.qz-hero{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--sh)}
.qz-hero__img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:linear-gradient(135deg,var(--c1),var(--c2))}
.qz-hero__b{padding:20px 20px 22px}
.qz-hero__b h1{margin:0 0 6px;font-size:clamp(25px,5.4vw,34px);line-height:1.22;letter-spacing:-.02em}
.qz-sub{margin:0 0 12px;font-size:16.5px;font-weight:600;color:var(--ink2)}
.qz-desc{margin:0 0 10px;color:var(--ink2)}
.qz-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;margin:14px 0 0;padding:14px 22px;border:0;border-radius:16px;font:inherit;font-size:18px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--c1,#4f46e5),var(--c2,#06b6d4));box-shadow:0 12px 26px color-mix(in srgb,var(--c1,#4f46e5) 32%,transparent);transition:transform .15s ease,filter .15s ease}
.qz-start:hover{text-decoration:none;filter:brightness(1.06);transform:translateY(-1px)}
.qz-start:active{transform:scale(.98)}
.qz-start[disabled]{opacity:.6;cursor:default}
.qz-start--sm{width:auto;min-height:46px;font-size:16px;margin-top:8px}
@media (min-width:640px){.qz-hero .qz-start{width:auto;min-width:280px}}
.qz-rgrid{display:grid;gap:10px}
@media (min-width:600px){.qz-rgrid{grid-template-columns:1fr 1fr}}
.qz-rmini{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink);transition:transform .2s ease,border-color .2s ease}
.qz-rmini:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--c1)}
.qz-rmini.on{border:2px solid var(--c1);background:color-mix(in srgb,var(--c1) 6%,#fff)}
.qz-rmini__e{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 18%,#fff),color-mix(in srgb,var(--c2) 22%,#fff))}
.qz-rmini b{display:block;font-size:15px;line-height:1.3}
.qz-rmini small{display:block;font-size:13px;color:var(--mut);line-height:1.4}
.qz-other{display:flex;align-items:center;gap:14px;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--ink)}
.qz-other:hover{text-decoration:none;border-color:var(--c1)}
.qz-other img{width:132px;flex:none;border-radius:12px;aspect-ratio:1200/630;object-fit:cover}
.qz-other b{display:block;font-size:16px;line-height:1.35}.qz-other small{color:var(--mut);font-size:13px}

/* play */
.qz-play{min-height:68vh;padding:6px 0 30px}
.qz-prog__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font-weight:750;font-size:14px;color:var(--ink2)}
.qz-back{border:0;background:none;color:var(--mut);font:inherit;font-size:14px;font-weight:650;padding:8px 4px;cursor:pointer}
.qz-back[disabled]{visibility:hidden}
.qz-prog__bar{height:10px;border-radius:999px;background:#e9ebf5;overflow:hidden}
.qz-prog__bar i{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--c1),var(--c2));transform-origin:left;transform:scaleX(0);transition:transform .35s ease}
.qz-card{margin:22px 0 0;padding:26px 20px 22px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh)}
.qz-card.in{animation:qz-in .35s ease both}
@keyframes qz-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.qz-card__e{font-size:46px;line-height:1;text-align:center;margin:0 0 12px}
.qz-card__q{margin:0 0 20px;font-size:clamp(20px,4.6vw,25px);line-height:1.38;text-align:center;letter-spacing:-.01em;outline:none}
.qz-opts{display:grid;gap:10px}
.qz-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:13px 16px;text-align:left;border:2px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .12s ease}
.qz-opt:hover{border-color:color-mix(in srgb,var(--c1) 55%,#fff);background:color-mix(in srgb,var(--c1) 4%,#fff)}
.qz-opt:active{transform:scale(.985)}
.qz-opt.sel{border-color:var(--c1);background:color-mix(in srgb,var(--c1) 10%,#fff)}
.qz-opt__k{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--c1);background:color-mix(in srgb,var(--c1) 12%,#fff)}
.qz-opt.sel .qz-opt__k{background:var(--c1);color:#fff}

/* analyzing */
.qz-ana{min-height:68vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 0}
.qz-ana__orb{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;font-size:58px;background:conic-gradient(from 0deg,var(--c1),var(--c2),var(--c1));animation:qz-spin 1.6s linear infinite;box-shadow:0 18px 40px color-mix(in srgb,var(--c1) 30%,transparent)}
.qz-ana__orb span{width:112px;height:112px;border-radius:50%;background:#fff;display:grid;place-items:center;animation:qz-spin 1.6s linear infinite reverse}
@keyframes qz-spin{to{transform:rotate(360deg)}}
.qz-ana__t{margin:22px 0 10px;font-size:19px;font-weight:800}
.qz-ana__dots{display:flex;gap:6px}.qz-ana__dots i{width:9px;height:9px;border-radius:50%;background:var(--c1);animation:qz-dot 1s ease-in-out infinite}
.qz-ana__dots i:nth-child(2){animation-delay:.15s}.qz-ana__dots i:nth-child(3){animation-delay:.3s}
@keyframes qz-dot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}

/* result */
.qz-only-mine{display:none}
.qz-mine .qz-only-mine{display:block}
.qz-mine span.qz-only-mine{display:inline}
.qz-mine .qz-only-shared{display:none}
.qz-rhero{position:relative;background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh2);padding:0 0 20px;text-align:center}
.qz-rhero__lbl{margin:0;padding:11px 16px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--c1),var(--c2))}
.qz-rhero__img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}
.qz-rhero__h{margin:18px 18px 4px;font-size:clamp(25px,5.6vw,34px);line-height:1.22;letter-spacing:-.02em}
.qz-rhero__tag{margin:0 18px;font-size:17px;font-weight:600;color:var(--ink2)}
.qz-rhero__sm{margin:8px 18px 0;font-size:14px;color:var(--mut)}
.qz-yours{margin:12px 18px 0}.qz-yours p{margin:0;color:var(--mut);font-size:14px}
.qz-share{margin:18px 18px 0;padding-top:16px;border-top:1px dashed var(--line)}
.qz-share__h{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--ink2)}
.qz-share__row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.qz-sbtn{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.qz-sbtn:hover{text-decoration:none;border-color:var(--c1);color:var(--c1)}
.qz-sbtn--native{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border:0}
.qz-sbtn--native:hover{color:#fff;filter:brightness(1.06)}
.qz-toast{margin:10px 0 0;font-size:13.5px;font-weight:700;color:var(--c1)}
.qz-rdesc{margin:26px 0 0;font-size:17px;line-height:1.8}
.qz-rdesc p{margin:0 0 16px}
.qz-tips ul{margin:6px 0 0;padding-left:20px}
.qz-tips li{margin:0 0 8px}
.qz-tips li::marker{color:var(--c1)}
.qz-advice{margin:14px 0 0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--c1) 8%,#fff)}
.qz-match{display:grid;gap:12px;margin:26px 0}
@media (min-width:640px){.qz-match{grid-template-columns:1fr 1fr}}
.qz-mcard{display:flex;flex-direction:column;gap:4px;padding:16px 16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--ink);border-top:5px solid var(--c1);transition:transform .2s ease}
.qz-mcard:hover{text-decoration:none;transform:translateY(-2px)}
.qz-mcard__l{font-size:13px;font-weight:800;color:var(--mut)}
.qz-mcard__n{font-size:17px;font-weight:800;line-height:1.35}
.qz-mcard__w{font-size:14.5px;color:var(--ink2)}
.qz-ctas{display:flex;flex-direction:column;gap:10px;margin:30px 0 0}
.qz-ctas .qz-start{margin:0}
.qz-btn2{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 18px;border-radius:16px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-weight:750}
.qz-btn2:hover{text-decoration:none;border-color:var(--c1);color:var(--c1)}
@media (min-width:720px){.qz-ctas{flex-direction:row;flex-wrap:wrap}.qz-ctas>*{flex:1 1 200px}}

/* home teaser */
.qz-teaser .qz-hubgrid{margin-top:4px}
@media (prefers-reduced-motion:reduce){.qz-hubhead__fx span,.qz-ana__orb,.qz-ana__orb span,.qz-ana__dots i{animation:none}.qz-card.in{animation:none}.qz-prog__bar i{transition:none}}