*{box-sizing:border-box}:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2d2d2d;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}::selection{background:#667eea;color:#fff}.app{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ad-container{width:100%;max-width:728px;margin:20px auto;min-height:90px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border-radius:8px;overflow:hidden}.ad-container ins{width:100%}.landing{background:linear-gradient(135deg,#fef9f9,#f5f0f0)}.hero-section{max-width:900px;width:100%;text-align:center;padding:40px 20px}.main-title{font-size:2.8rem;font-weight:700;color:#2d2d2d;margin-bottom:12px;letter-spacing:-.02em}.subtitle{font-size:1.2rem;color:#666;margin-bottom:40px}.hero-image-container{width:100%;margin-bottom:40px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.hero-image{width:100%;height:auto;display:block}.type-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.type-card{padding:24px 16px;border-radius:12px;transition:transform .2s ease}.type-card:hover{transform:translateY(-4px)}.type-card.wave{background:linear-gradient(135deg,#e8b4bc,#f5d0d6)}.type-card.straight{background:linear-gradient(135deg,#a8c5da,#c5daea)}.type-card.natural{background:linear-gradient(135deg,#c4b7a6,#ddd4c8)}.type-card h2,.type-card h3{font-size:1.1rem;font-weight:600;color:#2d2d2d;margin:0 0 8px}.type-card p{font-size:.9rem;color:#4a4a4a;margin:0}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 48px;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.test-info{margin-top:20px;color:#888;font-size:.95rem}.seo-content{margin-top:48px;padding:32px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;text-align:left}.seo-content h2{font-size:1.4rem;font-weight:600;color:#2d2d2d;margin:0 0 16px}.seo-content h3{font-size:1.1rem;font-weight:600;color:#2d2d2d;margin:24px 0 12px}.seo-content p{font-size:1rem;color:#4a4a4a;line-height:1.7;margin:0 0 16px}.seo-content ul{list-style:none;padding:0;margin:0}.seo-content li{position:relative;padding-left:20px;margin-bottom:12px;color:#4a4a4a;line-height:1.6}.seo-content li:before{content:"•";position:absolute;left:0;color:#667eea;font-weight:700}.seo-content li strong{color:#2d2d2d}.quiz{background:linear-gradient(135deg,#f8f9fc,#eef1f5)}.quiz-container{max-width:600px;width:100%;padding:20px}.quiz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-button{background:transparent;border:none;color:#666;font-size:1rem;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s ease}.back-button:hover{background:#0000000d}.question-counter{font-size:1rem;color:#888;font-weight:500}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;margin-bottom:40px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.question-section{background:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 20px #00000014}.question-number{font-size:1.5rem;font-weight:700;color:#667eea;margin:0 0 16px}fieldset.options{border:none;padding:0;margin:0}.question-text{font-size:1.4rem;font-weight:600;color:#2d2d2d;margin:0 0 32px;line-height:1.5}.options{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;background:#f8f9fc;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.option-button:hover{background:#eef1f5;border-color:#667eea;transform:translate(4px)}.option-key{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;border-radius:50%;flex-shrink:0}.option-text{font-size:1.05rem;color:#2d2d2d;line-height:1.4}.result{background:linear-gradient(135deg,#f8f9fc,#eef1f5)}.result-container{max-width:600px;width:100%;padding:20px}.result-header{text-align:center;margin-bottom:32px}.result-header h2{font-size:1.2rem;color:#666;font-weight:500;margin:0 0 16px}.result-type{display:inline-block;padding:32px 48px;border-radius:20px;box-shadow:0 4px 20px #0000001a}.result-type h1{font-size:2.4rem;font-weight:700;color:#2d2d2d;margin:0 0 8px}.english-name{font-size:1rem;color:#4a4a4a;margin:0}.result-description{text-align:center;font-size:1.1rem;color:#4a4a4a;line-height:1.6;margin-bottom:32px;padding:0 20px}.result-section{background:#fff;padding:28px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 12px #0000000f}.result-section h3{font-size:1.2rem;font-weight:600;color:#2d2d2d;margin:0 0 16px}.feature-list,.fashion-list{list-style:none;padding:0;margin:0}.feature-list li,.fashion-list li{position:relative;padding-left:24px;margin-bottom:12px;color:#4a4a4a;line-height:1.5}.feature-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}.fashion-list li:before{content:"♦";position:absolute;left:0;color:#764ba2}.score-breakdown{background:#fff;padding:28px;border-radius:16px;margin-bottom:32px;box-shadow:0 2px 12px #0000000f}.score-breakdown h3{font-size:1.2rem;font-weight:600;color:#2d2d2d;margin:0 0 20px}.score-bars{display:flex;flex-direction:column;gap:16px}.score-item{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:12px}.score-item span:first-child{font-size:.95rem;color:#666}.score-item span:last-child{font-size:.9rem;color:#888;text-align:right}.score-bar{height:12px;background:#e8e8e8;border-radius:6px;overflow:hidden}.score-fill{height:100%;border-radius:6px;transition:width .5s ease}.score-fill.wave{background:linear-gradient(90deg,#e8b4bc,#f5d0d6)}.score-fill.straight{background:linear-gradient(90deg,#a8c5da,#c5daea)}.score-fill.natural{background:linear-gradient(90deg,#c4b7a6,#ddd4c8)}.restart-button{display:block;width:100%;max-width:300px;margin:0 auto;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #667eea80}.share-section{background:#fff;padding:28px;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;text-align:center}.share-section h3{font-size:1.1rem;font-weight:600;color:#2d2d2d;margin:0 0 16px}.share-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.share-button{padding:12px 24px;border:none;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.share-button.kakao{background:#fee500;color:#3c1e1e}.share-button.kakao:hover{background:#f5dc00;transform:translateY(-2px)}.share-button.copy{background:#f0f0f0;color:#333}.share-button.copy:hover{background:#e0e0e0;transform:translateY(-2px)}.result-header h1{font-size:1.2rem;color:#666;font-weight:500;margin:0 0 16px}.result-type h2{font-size:2.4rem;font-weight:700;color:#2d2d2d;margin:0 0 8px}@media (max-width: 768px){.main-title{font-size:2rem}.subtitle{font-size:1rem}.type-preview{grid-template-columns:1fr;gap:12px}.type-card{padding:20px}.question-section{padding:28px 20px}.question-text{font-size:1.2rem}.option-button{padding:16px 20px}.result-type{padding:24px 36px}.result-type h1{font-size:2rem}}@media (max-width: 480px){.app{padding:16px}.hero-section{padding:20px 0}.main-title{font-size:1.8rem}.start-button{padding:16px 40px;font-size:1.1rem}.question-number{font-size:1.2rem}.question-text{font-size:1.1rem}.option-key{width:32px;height:32px;font-size:.9rem}.option-text{font-size:.95rem}.result-section,.score-breakdown{padding:20px}.score-item{grid-template-columns:70px 1fr 36px;gap:8px}.seo-content{padding:24px 20px}.seo-content h2{font-size:1.2rem}.share-buttons{flex-direction:column}.share-button{width:100%}.ad-container{min-height:60px}.result-type h2{font-size:2rem}}