:root{font-family:Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;color:#111827;background:linear-gradient(180deg,#faf8ff,#fff8fb)}#root{width:100%;padding:.9rem}.app{width:min(740px,100%);margin:0 auto;display:grid;gap:1rem}.hero,.quiz-card,.result-card,.seo-copy{background:#fff;border:1px solid #f2e6ff;border-radius:18px;padding:1rem;box-shadow:0 8px 24px #784abe14}.hero{background:linear-gradient(120deg,#fff6d7,#ffe8f8 55%,#f2f2ff)}.hero h1{font-size:clamp(1.55rem,5.3vw,2.1rem);margin:.3rem 0 .5rem;line-height:1.35}.hero-kicker{margin:0;font-size:.92rem;color:#7c3aed;font-weight:700}.hero-desc{margin:0;color:#4b5563;font-size:.95rem}.quiz-head{margin-bottom:.8rem}.progress-text{margin:0 0 .4rem;font-size:.9rem;color:#6b7280}.progress-track{width:100%;height:10px;border-radius:999px;background:#f2e8ff;overflow:hidden}.progress-value{height:100%;background:linear-gradient(90deg,#a855f7,#f472b6)}.question-card h2{margin:0;line-height:1.35;font-size:clamp(1.05rem,4.3vw,1.25rem)}.option-list{display:grid;gap:.55rem;margin-top:.9rem}.option-btn{width:100%;text-align:left;border:1px solid #ebdafe;background:#fff;color:#1f2937;border-radius:12px;padding:.78rem .85rem;font-size:.95rem}.option-btn.selected{border-color:#a855f7;background:#faf5ff}.question-nav{display:grid;gap:.6rem;grid-template-columns:1fr 1fr;margin-top:.9rem}.question-nav button,.submit-btn,.restart-btn,.download-btn,.share-grid button,.number-btn{border:1px solid transparent;border-radius:12px;padding:.72rem .8rem;font-size:.94rem;cursor:pointer}.question-nav button,.number-btn{background:#f9f6ff;color:#374151;border-color:#eee1ff}.question-nav button:disabled,.submit-btn:disabled{opacity:.45;cursor:not-allowed}.number-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-top:.9rem}.number-btn.active{border-color:#8b5cf6;background:#f3e8ff}.number-btn.answered{background:#f5f3ff}.submit-btn,.download-btn,.restart-btn{width:100%;background:linear-gradient(120deg,#8b5cf6,#ec4899);color:#fff;font-weight:700;margin-top:.95rem;text-decoration:none;display:inline-block;text-align:center}.result-card h2,.seo-copy h2,.share-wrap h3{margin-top:0}.result-summary{margin:.5rem 0 .8rem}.result-card ul{margin:0;padding-left:1.2rem;color:#4b5563}.share-copy{margin:.9rem 0 .3rem;color:#6b21a8;font-weight:600}.share-wrap{margin-top:.8rem;border-top:1px dashed #ecd9ff;padding-top:.8rem}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.share-grid button{background:#fff7fc;border-color:#f8d8ea;color:#374151}.share-notice{margin:.7rem 0 0;font-size:.88rem;color:#5b21b6}.seo-copy p{margin:0;color:#4b5563}@media(min-width:680px){.hero,.quiz-card,.result-card,.seo-copy{padding:1.25rem}.share-grid{grid-template-columns:repeat(3,1fr)}}.site-footer{margin-top:2rem;padding:1rem 0 1.5rem;text-align:center}.footer-link{margin-top:.75rem;font-size:.85rem;color:#6b7280}.footer-link a{color:#6b7280;text-decoration:underline}.footer-link a:hover{color:#374151}