.pr-scope.pr-session{flex-direction:column;min-height:100dvh;display:flex}.pr-scope .pr-ss-top{z-index:40;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:color-mix(in srgb, var(--hr-surface-1) 90%, transparent);-webkit-backdrop-filter:saturate(120%)blur(10px);border-bottom:1px solid var(--hr-border-2);align-items:center;gap:12px;display:flex;position:sticky;top:0}.pr-scope .pr-ss-back{width:36px;min-width:44px;height:36px;min-height:44px;color:var(--hr-ink-2);cursor:pointer;transition:background-color .2s var(--hr-ease);background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:inline-flex}.pr-scope .pr-ss-back:hover{color:var(--hr-ink-1);background:#1813100d}.pr-scope .pr-ss-progress{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.pr-scope .pr-ss-dots{flex:1;gap:5px;display:flex}.pr-scope .pr-ss-dot{background:var(--hr-border-1);height:5px;transition:background-color .3s var(--hr-ease);border-radius:3px;flex:1;max-width:24px}.pr-scope .pr-ss-dot.done{background:currentColor}.pr-scope .pr-ss-dot.active{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 20%, transparent);background:currentColor}.pr-scope .pr-ss-bar{background:var(--hr-border-1);border-radius:999px;flex:1;height:5px;overflow:hidden}.pr-scope .pr-ss-bar-fill{height:100%;transition:width .4s var(--hr-ease);background:linear-gradient(90deg,currentColor,currentColor);border-radius:999px}.pr-scope .pr-ss-count{font-family:var(--hr-mono);font-variant-numeric:tabular-nums;color:var(--hr-ink-3);letter-spacing:.04em;white-space:nowrap;flex-shrink:0;font-size:11px}.pr-scope .pr-ss-top.mint{color:var(--hr-mint-strong)}.pr-scope .pr-ss-top.peach{color:var(--hr-peach-strong)}.pr-scope .pr-ss-top.purple{color:var(--hr-purple-strong)}.pr-scope .pr-ss-top.pink{color:var(--hr-pink-strong)}.pr-scope .pr-ss-more{width:36px;min-width:44px;height:36px;min-height:44px;color:var(--hr-ink-3);cursor:pointer;transition:background-color .2s var(--hr-ease), color .2s var(--hr-ease);background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pr-scope .pr-ss-more:hover{color:var(--hr-ink-1);background:#1813100d}.pr-scope .pr-ss-stage{width:100%;max-width:640px;padding:20px 16px calc(96px + env(safe-area-inset-bottom,0px));flex:1;margin:0 auto}@media (min-width:768px){.pr-scope .pr-ss-stage{padding:32px 24px calc(96px + env(safe-area-inset-bottom,0px));max-width:720px}}.pr-scope .pr-ss-eyebrow{background:color-mix(in srgb, currentColor 10%, var(--hr-surface-2));border:1px solid color-mix(in srgb, currentColor 22%, transparent);font-family:var(--hr-mono);letter-spacing:.18em;text-transform:uppercase;color:currentColor;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:4px 10px;font-size:10.5px;font-weight:600;display:inline-flex}.pr-scope .pr-ss-eyebrow-dot{background:currentColor;border-radius:99px;width:5px;height:5px}.pr-scope .pr-ss-eyebrow-kr{font-family:var(--hr-hangul);color:color-mix(in srgb, currentColor 75%, var(--hr-ink-3));letter-spacing:.04em;font-size:10px;font-weight:500}.pr-scope .pr-ss-card{background:var(--hr-surface-2);border:1.5px solid var(--hr-border-2);box-shadow:var(--hr-shadow-sm);border-radius:16px;padding:24px 20px}@media (min-width:768px){.pr-scope .pr-ss-card{padding:32px 28px}}.pr-scope .pr-ss-bottom{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:40;background:color-mix(in srgb, var(--hr-surface-1) 92%, transparent);-webkit-backdrop-filter:saturate(120%)blur(10px);border-top:1px solid var(--hr-border-2);padding:12px 16px;position:fixed}@media (min-width:1024px){.pr-scope .pr-ss-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));bottom:0;left:208px}}.pr-scope .pr-ss-bottom-inner{gap:10px;max-width:640px;margin:0 auto;display:flex}@media (min-width:768px){.pr-scope .pr-ss-bottom-inner{max-width:720px}}.pr-scope .pr-ss-cta{background:var(--hr-ink-1);height:52px;color:var(--hr-surface-1);cursor:pointer;font-family:var(--hr-sans);letter-spacing:-.005em;transition:transform .2s var(--hr-ease), background-color .2s var(--hr-ease), opacity .2s var(--hr-ease);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.pr-scope .pr-ss-cta:hover:not(:disabled){transform:translateY(-1px)}.pr-scope .pr-ss-cta:disabled{background:var(--hr-border-3);color:var(--hr-ink-4);cursor:not-allowed;opacity:.8}.pr-scope .pr-ss-cta.ghost{border:1.5px solid var(--hr-border-2);min-width:96px;color:var(--hr-ink-2);background:0 0;flex:none}.pr-scope .pr-ss-cta.ghost:hover:not(:disabled){border-color:var(--hr-border-3);background:#18131008}.pr-scope .pr-result{max-width:480px;padding:40px 20px calc(80px + env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;align-items:center;gap:18px;margin:0 auto;display:flex}@media (min-width:768px){.pr-scope .pr-result{padding:60px 20px 40px}}.pr-scope .pr-result-foot{flex-direction:column;gap:14px;width:100%;max-width:340px;margin:8px auto 0;display:flex}.pr-scope .pr-result-trophy{background:color-mix(in srgb, currentColor 12%, var(--hr-surface-2));border:1.5px solid color-mix(in srgb, currentColor 25%, transparent);color:currentColor;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto;display:flex}.pr-scope .pr-result.mint{color:var(--hr-mint-strong)}.pr-scope .pr-result.peach{color:var(--hr-peach-strong)}.pr-scope .pr-result.purple{color:var(--hr-purple-strong)}.pr-scope .pr-result.pink{color:var(--hr-pink-strong)}.pr-scope .pr-result-score{font-family:var(--hr-serif);color:var(--hr-ink-1);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:clamp(56px,10vw,88px);font-style:italic;font-weight:700;line-height:1}.pr-scope .pr-result-score-unit{font-family:var(--hr-sans);color:var(--hr-ink-4);letter-spacing:-.02em;margin-left:4px;font-size:clamp(20px,3vw,28px);font-weight:500}.pr-scope .pr-result-caption{font-family:var(--hr-sans);color:var(--hr-ink-3);letter-spacing:-.005em;font-size:14px}.pr-scope .pr-result-stats{border-top:1px dashed var(--hr-border-2);border-bottom:1px dashed var(--hr-border-2);grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-width:340px;margin:0;padding:16px 0;display:grid}.pr-scope .pr-result-stat{padding:0 6px}.pr-scope .pr-result-stat-num{font-family:var(--hr-serif);color:var(--hr-ink-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-style:italic;font-weight:700;line-height:1}.pr-scope .pr-result-stat-label{font-family:var(--hr-mono);letter-spacing:.14em;color:var(--hr-ink-3);text-transform:uppercase;margin-top:6px;font-size:9.5px}.pr-scope .pr-result-xp{background:color-mix(in srgb, currentColor 14%, var(--hr-surface-2));border:1px solid color-mix(in srgb, currentColor 26%, transparent);font-family:var(--hr-sans);color:currentColor;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.pr-scope .pr-result-actions{flex-direction:column;gap:10px;display:flex}.pr-scope .pr-result-foot .pr-next-hint,.pr-scope .pr-result-foot .pr-result-actions{width:100%;max-width:none;margin:0}.pr-scope .pr-result-actions .pr-ss-cta{height:48px}@media (prefers-reduced-motion:reduce){.pr-scope .pr-ss-dot,.pr-scope .pr-ss-bar-fill,.pr-scope .pr-ss-cta,.pr-scope .pr-ss-back,.pr-scope .pr-ss-more{transition:none}.pr-scope .pr-ss-cta:hover:not(:disabled){transform:none}}.pr-scope :focus-visible{outline:2.5px solid var(--hr-ink-2,#5c4a42);outline-offset:2px;border-radius:2px}[data-theme=dark] .pr-scope .pr-ss-top,[data-theme=dark] .pr-scope .pr-ss-bottom{background:color-mix(in srgb, var(--hr-surface-1) 88%, transparent)}[data-theme=dark] .pr-scope .pr-ss-cta{background:var(--hr-pink-base);color:#1e1b2e}[data-theme=dark] .pr-scope .pr-ss-cta:disabled{background:var(--hr-border-3);color:var(--hr-ink-4)}[data-theme=dark] .pr-scope .pr-ss-cta.ghost{color:var(--hr-ink-2);background:0 0}[data-theme=dark] .pr-scope .pr-ss-back:hover,[data-theme=dark] .pr-scope .pr-ss-more:hover,[data-theme=dark] .pr-scope .pr-ss-cta.ghost:hover:not(:disabled){background:#ffffff0f}