.tt-btn--kakao{color:#000000d9;background:#fee500}.tt-progress{background:#ffffff14;border-radius:999px;height:6px;margin-bottom:1.25rem;overflow:hidden}.tt-progress span{background:var(--tt-gold);width:0;height:100%;transition:width .25s;display:block}.tt-step{color:var(--tt-gold);margin:0 0 .35rem;font-size:.85rem;font-weight:700}.tt-question{outline:none;margin:0 0 1rem;font-size:1.25rem;line-height:1.45}.tt-options{gap:.6rem;display:grid}.tt-option{min-height:56px;color:var(--tt-text);font:inherit;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:14px;padding:.8rem 1rem;font-size:.98rem;transition:border-color .15s,background .15s}.tt-option:hover,.tt-option:focus-visible{border-color:var(--tt-gold);background:#e5c07b1a}.tt-back{color:var(--tt-muted);font:inherit;cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.85rem}.tt-result{text-align:center;border-color:var(--tt-accent)}.tt-result-art{width:min(240px,60vw);height:auto;margin:0 auto .75rem;display:block}.tt-result-name{color:var(--tt-accent);margin:0;font-weight:800}.tt-result-headline{margin:.25rem 0 .75rem;font-size:clamp(1.35rem,5.5vw,1.75rem);line-height:1.35}.tt-result-desc{color:#d1d5db;text-align:left;margin:0 0 1rem}.tt-traits{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.tt-traits li{border:1px solid var(--tt-gold-border);color:var(--tt-gold);border-radius:999px;padding:.2rem .65rem;font-size:.82rem;font-weight:700}@media (prefers-reduced-motion:reduce){.tt-progress span,.tt-option{transition:none}}