@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";.landing-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:60px 20px 40px;text-align:center;background:linear-gradient(180deg,#e6e9f0,#eef1f5);width:100%}.title{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.sub-title{font-size:1.1rem;color:#555;margin-bottom:40px;font-weight:500}.landing-image{display:block;max-width:80%;height:auto;margin:0 auto 40px;border-radius:12px;box-shadow:0 6px 12px #0000001a}.input-area{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;width:100%;max-width:380px}.nickname-input{padding:14px 18px;font-size:1rem;border:1px solid #dcdcdc;border-radius:8px;margin-bottom:15px;width:100%;transition:border-color .2s,box-shadow .2s}.nickname-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.start-button{padding:14px 25px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#4e95f5,#3a7bd5);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease;width:100%;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.start-button:hover{filter:brightness(1.1);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.start-button:active{transform:translateY(1px);box-shadow:0 2px 4px #32325d1a,0 1px 2px #00000014}.estimated-time{font-size:.9rem;color:#666;margin-top:15px}.participant-count{font-size:1rem;font-weight:500;margin-bottom:25px}.info-area{display:flex;flex-direction:column;align-items:center;color:#555;margin-top:40px;padding-top:30px;border-top:1px solid #e0e0e0;width:100%;max-width:380px}.share-buttons{display:flex;align-items:center;gap:20px}.share-buttons span{margin-right:8px;font-size:1rem;font-weight:500;color:#444}.share-buttons button{background-color:transparent;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:color .2s,transform .2s;color:#777;display:flex;align-items:center;justify-content:center;padding:0;font-size:1.3rem}.share-buttons button:hover{color:#333;transform:scale(1.1)}.bottom-logo{margin-top:60px;height:50px}@media (min-width: 768px){.landing-container{max-width:550px;margin:60px auto;border-radius:12px;padding:50px;box-shadow:0 10px 25px #0000001a}.title{font-size:2.8rem}.sub-title{font-size:1.2rem}.input-area{flex-direction:row;gap:15px;max-width:100%}.nickname-input{margin-bottom:0;flex-grow:1}.start-button{width:auto;flex-shrink:0}.info-area{margin-top:60px;padding-top:40px;max-width:100%}.participant-count{font-size:1.1rem}.share-buttons button{width:45px;height:45px;font-size:1.5rem;gap:25px}.landing-image{max-width:350px}}.test-container{display:flex;flex-direction:column;align-items:center;padding:40px 15px 20px;margin:0;min-height:100vh;background-color:#fff;width:100%;box-sizing:border-box}.test-container h1{font-size:1.5rem;color:#333;margin-bottom:25px}.question-box{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;padding:15px;margin-bottom:25px;width:100%;text-align:center}.question-text{font-size:1.1rem;color:#444;line-height:1.6}.options-container{display:grid;grid-template-columns:1fr;gap:10px;width:100%;margin-bottom:30px}.option-button{padding:12px 15px;font-size:.95rem;background-color:#fff;color:#333;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;text-align:left;width:100%}.option-button:hover:not(:disabled){background-color:#f0f0f0;border-color:#bbb}.option-button.selected{background-color:#e0e0e0;border-color:#aaa;font-weight:700}.option-button.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724;font-weight:700}.option-button.incorrect{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24;font-weight:700}.option-button:disabled{cursor:not-allowed;opacity:.7}@media (min-width: 768px){.test-container{max-width:600px;margin:40px auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-height:auto;padding:40px}.test-container h1{font-size:1.8rem}.question-box{padding:20px}.question-text{font-size:1.2rem}.options-container{grid-template-columns:1fr 1fr;gap:15px}.option-button{padding:15px;font-size:1rem}}.option-button.selected{background-color:#d0e0f0;border-color:#a0c0e0;font-weight:700}.results-container{display:flex;flex-direction:column;align-items:center;padding:40px 15px 20px;margin:0;min-height:100vh;background-color:#fff;text-align:center;width:100%;box-sizing:border-box}.results-container h1{font-size:1.8rem;color:#333;margin-bottom:30px}.result-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:25px;width:100%}.result-section h2{font-size:1.3rem;color:#444;margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:10px}.result-image-container{width:100%;max-width:300px;margin:10px auto 20px;display:flex;justify-content:center;align-items:center}.result-image{display:block;max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 5px #0000001a}.result-image-placeholder{width:100%;height:200px;background-color:#e9ecef;border:1px dashed #ced4da;display:flex;align-items:center;justify-content:center;color:#6c757d;border-radius:8px}.result-message{font-size:1.3rem;font-weight:700;color:#343a40;margin-bottom:10px;line-height:1.5}.score-display-simple{font-size:1rem;color:#6c757d}.action-buttons{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px;width:100%}.retry-button{padding:12px 30px;font-size:1rem;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s;width:100%;max-width:250px}.retry-button:hover{background-color:#5a6268}.share-buttons-results{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.share-text{font-size:.9rem;color:#555;margin:0 0 5px;font-weight:700}.share-button-icons{display:flex;justify-content:center;align-items:center;gap:10px}.share-buttons-results button{background-color:#ddd;border:none;border-radius:50%;width:35px;height:35px;cursor:pointer;transition:background-color .2s;color:#555;font-size:.7rem;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.share-buttons-results button:hover{background-color:#ccc}@media (min-width: 768px){.results-container{max-width:700px;margin:40px auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-height:auto;padding:40px}.results-container h1{font-size:2rem}.result-section h2{font-size:1.5rem}.score-display{font-size:2.5rem}.action-buttons{flex-direction:row;justify-content:center;gap:20px}.retry-button{width:auto;font-size:1.1rem;max-width:200px}}.combined-leaning-recommendation-section{margin-top:30px;padding-top:30px;border-top:1px solid #eee}.combined-leaning-recommendation-section .leaning-recommendation-wrapper{display:flex;flex-direction:column;gap:25px;align-items:center;width:100%}.combined-leaning-recommendation-section .leaning-result-area,.combined-leaning-recommendation-section .recommendation-area{width:100%;max-width:400px;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;display:flex;flex-direction:column;align-items:center}.combined-leaning-recommendation-section .recommendation-area h3{margin-top:0;margin-bottom:15px;text-align:center;color:#333}.combined-leaning-recommendation-section .recommended-candidate-info{display:flex;flex-direction:column;align-items:center;text-align:center}.recommended-candidate-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:2px solid #eee}.combined-leaning-recommendation-section .candidate-name{font-weight:700;font-size:1.1em;margin:0}.combined-leaning-recommendation-section .candidate-recommendation-placeholder{text-align:center;color:#888;padding:20px 0}.leaning-gauge-image{display:block;width:200px;height:auto;object-fit:contain;margin-bottom:15px}.political-leaning-text{font-size:1.2rem;font-weight:700;color:#333;margin-top:10px}@media (min-width: 768px){.combined-leaning-recommendation-section .leaning-recommendation-wrapper{gap:30px;align-items:center}.combined-leaning-recommendation-section .leaning-result-area,.combined-leaning-recommendation-section .recommendation-area{padding:20px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}