.tool-panel{padding:var(--sp-6)}.intro-content{text-align:center;padding:var(--sp-2) 0}.intro-heading{font-size:var(--text-2xl);color:var(--c-text);margin-bottom:var(--sp-3);line-height:var(--leading-tight)}.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-5)}.intro-bias-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-6);max-width:440px;margin-inline:auto}.bias-tag{font-size:var(--text-xs);font-weight:600;color:var(--c-text-2);background:var(--c-surface-2);padding:4px 12px;border-radius:var(--r-full);white-space:nowrap}.bias-tag-more{font-size:var(--text-xs);font-weight:700;color:var(--c-primary);background:var(--c-primary-light);padding:4px 12px;border-radius:var(--r-full);white-space:nowrap}.start-btn{max-width:320px;margin-inline:auto;display:block;font-size:var(--text-base);padding:var(--sp-4) var(--sp-8)}.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}.profile-hero{align-items:center;text-align:center;padding:var(--sp-6) 0}.profile-emoji{font-size:3.5rem;display:block;margin-bottom:var(--sp-3)}.profile-type{font-size:var(--text-2xl);color:var(--c-primary);margin-bottom:var(--sp-3)}.profile-desc{font-size:var(--text-base);color:var(--c-text-2);line-height:var(--leading-loose);max-width:480px;margin-inline:auto}.traits-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.trait-chip{font-size:var(--text-xs);font-weight:600;color:var(--c-primary);background:var(--c-primary-light);padding:6px 14px;border-radius:var(--r-full);white-space:nowrap}.fan-style-text{font-size:var(--text-sm);color:var(--c-text-2);font-style:italic;padding:var(--sp-4);background:var(--c-surface-2);border-radius:var(--r-md);line-height:var(--leading-loose)}.match-groups-text{font-size:var(--text-sm);color:var(--c-text-2);padding:var(--sp-4);background:var(--c-surface-2);border-radius:var(--r-md);line-height:var(--leading-loose)}.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)}}