.tool-panel{padding:var(--sp-6)}.intro-content{text-align:center;padding:var(--sp-6) 0}.intro-heading{font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin-bottom:var(--sp-4)}.intro-desc{font-size:var(--text-base);color:var(--c-text-2);line-height:var(--leading-loose);max-width:480px;margin-inline:auto;margin-bottom:var(--sp-6)}.intro-rank-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-8)}.rank-tag{font-size:var(--text-sm);font-weight:600;color:var(--c-text-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-4)}.rank-tag--highlight{background:var(--c-gold-light, #FFF8EE);border-color:var(--c-gold);color:var(--c-gold)}.start-btn{margin-inline:auto;display:block}.intro-note{font-size:var(--text-xs);color:var(--c-text-3);margin-top:var(--sp-4)}.quiz-progress{margin-bottom:var(--sp-5)}.progress-bar{height:6px;background:var(--c-surface-3);border-radius:var(--r-full);overflow:hidden;margin-bottom:var(--sp-2)}.progress-fill{height:100%;background:var(--c-primary);border-radius:var(--r-full);transition:width .4s var(--ease-out);width:0}.progress-text{font-size:var(--text-xs);font-weight:600;color:var(--c-text-3)}.question-text{font-size:var(--text-xl);color:var(--c-text);margin-bottom:var(--sp-2);line-height:var(--leading-tight)}.question-subtitle{font-size:var(--text-sm);color:var(--c-text-3);margin-bottom:var(--sp-4)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.option-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--c-text);text-align:center;width:100%;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);min-height:52px}.option-btn:hover{border-color:var(--c-border-strong);background:var(--c-surface-2)}.option-btn:active{background:var(--c-surface-2)}.option-btn:disabled{opacity:.4;pointer-events:none}.option-emoji{font-size:1.25rem;flex-shrink:0;line-height:1}.option-label{font-weight:600;line-height:var(--leading-snug);font-size:var(--text-sm)}@media(max-width:479px){.options-grid{grid-template-columns:1fr 1fr;gap:var(--sp-2)}.option-btn{padding:var(--sp-3) var(--sp-2);min-height:48px}.option-emoji{font-size:1.1rem}.option-label{font-size:var(--text-xs)}}.result-panel{display:flex;flex-direction:column;gap:var(--sp-8)}.result-section{display:flex;flex-direction:column;gap:var(--sp-4)}.result-section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-lg);color:var(--c-text);font-weight:700}.section-icon{font-size:1.3rem;flex-shrink:0}.rank-hero{align-items:center;text-align:center;padding:var(--sp-6) 0}.rank-badge-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.rank-emoji{font-size:4rem;display:block}.rank-level{font-size:var(--text-xs);font-weight:700;color:var(--c-text-3);letter-spacing:var(--tracking-wider);text-transform:uppercase}.rank-title{font-size:var(--text-2xl);color:var(--c-primary);margin-bottom:var(--sp-1)}.rank-korean{font-family:var(--font-display);font-size:var(--text-base);color:var(--c-text-2);display:block;margin-bottom:var(--sp-3)}.rank-desc{font-size:var(--text-base);color:var(--c-text-2);line-height:var(--leading-loose);max-width:480px;margin-inline:auto;margin-bottom:var(--sp-4)}.rank-score-display{display:flex;align-items:center;gap:var(--sp-3);justify-content:center}.rank-score{font-size:var(--text-sm);font-weight:700;color:var(--c-text);background:var(--c-surface-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);border:1px solid var(--c-border)}.rank-percentile{font-size:var(--text-sm);font-weight:600;color:var(--c-gold)}.rank-meter{padding:var(--sp-4) 0}.meter-bar{position:relative;height:12px;background:var(--c-surface-3);border-radius:var(--r-full);overflow:visible}.meter-fill{height:100%;background:linear-gradient(90deg,var(--c-primary-light),var(--c-primary),var(--c-gold));border-radius:var(--r-full);transition:width 1s var(--ease-out)}.meter-marker{position:absolute;top:-4px;width:20px;height:20px;background:var(--c-primary);border:3px solid #fff;border-radius:50%;box-shadow:var(--shadow-md);transform:translate(-50%);transition:left 1s var(--ease-out)}.meter-labels{display:flex;justify-content:space-between;margin-top:var(--sp-2);font-size:var(--text-xs);color:var(--c-text-3);font-weight:600}.traits-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.trait-tag{font-size:var(--text-sm);font-weight:600;color:var(--c-primary-dark);background:var(--c-primary-light);border:1px solid rgba(90,138,122,.2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full)}.tip-card{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:#c8963c14;border:1px solid rgba(200,150,60,.2);border-radius:var(--r-lg)}.tip-icon{font-size:1.3rem;flex-shrink:0}.tip-label{font-size:var(--text-xs);font-weight:700;color:var(--c-gold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:2px;display:block}.tip-text{font-size:var(--text-sm);color:var(--c-text-2);line-height:var(--leading-base)}.stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3)}.stat-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-1);padding:var(--sp-4);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md)}.stat-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--c-secondary)}.stat-label{font-size:var(--text-xs);font-weight:700;color:var(--c-text)}.stat-context{font-size:var(--text-xs);color:var(--c-text-3);line-height:var(--leading-snug)}.fandom-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.fandom-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-full);font-size:var(--text-xs);white-space:nowrap}.fandom-group{font-weight:700;color:var(--c-text)}.fandom-name{color:var(--c-text-3)}.result-actions{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-6);border-top:1px solid var(--c-border)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--c-secondary);color:#fff;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-full);font-size:var(--text-sm);font-weight:600;z-index:var(--z-toast);box-shadow:var(--shadow-lg);transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.seo-section{padding-block:var(--sp-12);background:var(--c-bg-warm);border-top:1px solid var(--c-border)}.seo-title{font-size:var(--text-2xl);color:var(--c-text);margin-bottom:var(--sp-8);text-align:center}.faq-list{display:flex;flex-direction:column;gap:var(--sp-3)}.faq-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.faq-question{padding:var(--sp-4) var(--sp-5);font-size:var(--text-base);font-weight:600;color:var(--c-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;transition:background var(--dur-fast) var(--ease-out)}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"▼";font-size:var(--text-xs);color:var(--c-text-3);transition:transform var(--dur-base) var(--ease-out);flex-shrink:0;margin-left:var(--sp-3)}.faq-item[open] .faq-question:after{transform:rotate(180deg)}.faq-question:hover{background:var(--c-surface-2)}.faq-answer{padding:0 var(--sp-5) var(--sp-4);font-size:var(--text-sm);color:var(--c-text-2);line-height:var(--leading-loose)}@media(max-width:767px){.tool-panel{padding:var(--sp-5)}.stats-grid{grid-template-columns:1fr}}