.container{width:calc(100% - 32px);min-width:320px;max-width:1000px;margin:0 auto;padding:0}.quiz-card{background:var(--bg-primary);border:3px solid var(--color-black);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.quiz-card:before{display:none}.container h1.main-title{color:var(--text-primary);font-family:Oswald,sans-serif;font-size:clamp(var(--text-3xl),6vw,var(--text-4xl));text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-xl);text-align:center;font-weight:900;position:relative}.container h1.main-title:after{content:"";background:var(--color-red);width:80px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}#introScreen{width:100%;max-width:1000px;padding:var(--space-2xl);text-align:center;box-sizing:border-box;z-index:2;margin:0 auto;position:relative}#introScreen img{width:100%;max-width:600px;height:auto;margin:0 auto var(--space-xl);border:3px solid var(--color-black);transition:var(--transition-slow)}#introScreen img:hover{transform:scale(1.02)}.quiz-title-bar{background:var(--color-black);color:var(--color-white);font-family:Oswald,sans-serif;font-size:clamp(var(--text-sm),3vw,var(--text-base));text-transform:uppercase;letter-spacing:.1em;padding:var(--space-lg)var(--space-xl);margin:calc(-1*var(--space-2xl))calc(-1*var(--space-2xl))var(--space-xl)calc(-1*var(--space-2xl));border-radius:var(--radius-none);text-align:center;z-index:2;font-weight:900;position:relative}.quiz-title-bar:after{content:"FEATURED";top:var(--space-sm);right:var(--space-sm);background:var(--color-red);color:var(--color-white);font-size:var(--text-xs);letter-spacing:.1em;padding:var(--space-xs)var(--space-sm);z-index:3;font-weight:900;position:absolute}.quiz-progress-title-bar{background:var(--color-black);color:var(--color-white);font-family:Oswald,sans-serif;font-size:clamp(var(--text-sm),3vw,var(--text-base));text-transform:uppercase;letter-spacing:.1em;padding:var(--space-lg)var(--space-xl);border-radius:var(--radius-none);text-align:center;z-index:2;border-bottom:3px solid var(--color-black);justify-content:space-between;align-items:center;margin:0;font-weight:900;display:flex;position:relative}.quiz-progress-title-bar:after{display:none}.quiz-progress-title-bar .test-title{text-align:left;text-transform:uppercase;letter-spacing:.1em;flex:1;font-weight:900}.quiz-progress-title-bar .site-url{opacity:.8;font-size:clamp(.7rem,2vw,.8rem);font-weight:600}#introScreen h2{color:var(--text-primary);font-family:Oswald,sans-serif;font-size:clamp(var(--text-2xl),5vw,var(--text-3xl));text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-lg);word-break:keep-all;font-weight:800;line-height:1.2}#introScreen p{color:var(--text-secondary);font-size:clamp(var(--text-base),3vw,var(--text-lg));margin-bottom:var(--space-2xl);word-break:keep-all;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.start-button{background:var(--color-red);color:var(--color-white);border:3px solid var(--color-black);padding:var(--space-lg)var(--space-3xl);border-radius:var(--radius-none);font-family:Oswald,sans-serif;font-size:clamp(var(--text-lg),4vw,var(--text-xl));text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;min-width:200px;font-weight:900;display:inline-block;position:relative;overflow:hidden}.start-button:before{content:"";background:var(--color-black);width:100%;height:100%;transition:var(--transition-base);z-index:-1;position:absolute;top:0;left:-100%}.start-button:hover:before{left:0}.start-button:hover{transform:translateY(-4px);color:var(--color-white)!important}.start-button>*{z-index:1;position:relative}#quiz .quiz-card{z-index:2;padding:0;position:relative}.quiz-title-header{border:none;margin:-24px -24px 20px;padding:0}.quiz-title{color:#2c2c2c;text-transform:uppercase;letter-spacing:.1em;text-align:center;word-break:keep-all;background:linear-gradient(135deg,#ef9c66 0%,#c8a882 100%);border:2px solid #2c2c2c;border-radius:16px 16px 0 0;margin:0;padding:12px 20px;font-size:clamp(.9rem,3vw,1rem);font-weight:800;line-height:1.3;position:relative}.quiz-title:after{content:"";background:#2c2c2c;height:4px;position:absolute;bottom:-4px;left:0;right:0}.progress-container{margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--bg-secondary);border:2px solid var(--color-black);border-radius:var(--radius-none)}#progressBar{background-color:var(--color-gray-300);border:2px solid var(--color-black);border-radius:var(--radius-none);width:100%;height:12px;margin-top:var(--space-sm);appearance:none;overflow:hidden}#progressBar::-webkit-progress-bar{background-color:var(--color-gray-300);border-radius:var(--radius-none)}#progressBar::-webkit-progress-value{background:linear-gradient(90deg,var(--color-red),var(--color-gold));border-radius:var(--radius-none);transition:width .5s}#progressInfo{font-family:Oswald,sans-serif;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-sm);color:var(--text-primary);text-align:center;font-weight:700}#questionArea h2{font-family:Oswald,sans-serif;font-size:clamp(var(--text-xl),4vw,var(--text-2xl));text-transform:uppercase;letter-spacing:-.01em;margin-bottom:var(--space-xl);color:var(--text-primary);text-align:center;font-weight:700;line-height:1.3}.answers-container{gap:var(--space-md);flex-direction:column;display:flex}.btn-answer{color:var(--text-primary);border:3px solid var(--color-black);background:var(--bg-primary);padding:var(--space-lg)var(--space-xl);border-radius:var(--radius-none);font-size:var(--text-base);cursor:pointer;text-align:center;text-transform:none;letter-spacing:0;user-select:none;width:100%;font-weight:600;position:relative}.btn-answer:before{display:none}.btn-answer:hover{background:var(--color-gray-100)}.btn-answer>*{z-index:1;pointer-events:none;position:relative}.selected-answer{border-color:var(--color-red)!important;background:var(--color-red)!important;color:var(--color-white)!important}.selected-answer:before{left:0}.navigation-buttons{margin-top:var(--space-xl);justify-content:space-between;gap:var(--space-md);display:flex}.btn-nav{background:var(--bg-primary);color:var(--text-primary);border:2px solid var(--color-black);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-none);text-transform:uppercase;font-weight:700;font-size:var(--text-sm);cursor:pointer;position:relative}.btn-nav:before{display:none}.btn-nav:hover{background:var(--color-gray-100)}.btn-nav>*{z-index:1;position:relative}#nav-wrap{background:var(--bg-section);border:1px solid var(--border-color);text-align:center;box-sizing:border-box;width:min(100vw - 2rem,1000px);margin:32px auto 0;padding:24px 16px}#other-tests-title{color:var(--text-primary);margin-bottom:20px;font-size:1.2rem;font-weight:700}#home-button{background-color:var(--bg-card);width:100%;max-width:300px;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;margin-top:24px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s}#home-button:hover{background-color:var(--border-color);transform:translateY(-2px)}#other-tests{text-align:left;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.recommended-tests-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}#other-tests .card-desc{display:none}#other-tests .card-title{word-break:keep-all;font-size:clamp(.9rem,2.5vw,1rem);line-height:1.3}#other-tests .card-meta{font-size:clamp(.75rem,2vw,.8rem)}.other-test-card{background:var(--bg-card);border:1px solid var(--border-color);color:inherit;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1),background-color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.other-test-card:hover{border-color:var(--accent-primary);transform:translateY(-8px)scale(1.02)}.other-test-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.other-test-card:hover:before{left:100%}.other-test-thumb{aspect-ratio:4/3;position:relative;overflow:hidden}.other-test-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.other-test-card:hover .other-test-thumb img{transform:scale(1.05)}.other-test-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.other-test-card:hover .other-test-overlay{opacity:1}.other-test-play-icon{color:#fff;text-shadow:0 2px 8px #0000004d;font-size:2.5rem;transition:transform .2s}.other-test-card:hover .other-test-play-icon{transform:scale(1.1)}.other-test-title{color:var(--text-primary);text-align:center;flex-direction:column;flex-grow:1;margin:0;padding:16px;font-size:1rem;font-weight:700;line-height:1.4;display:flex}#other-tests,.recommended-tests-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}@media (width>=900px){#other-tests,.recommended-tests-grid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important}}@media (width>=1200px){#other-tests,.recommended-tests-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important}}@media (width<=768px){.container{width:calc(100% - 16px);margin:0 auto}#introScreen{padding:var(--space-lg)}#introScreen img{max-width:500px}#quiz .quiz-card{padding:var(--space-lg);border-width:2px}.quiz-title-bar{padding:var(--space-md)var(--space-lg);margin:calc(-1*var(--space-lg))calc(-1*var(--space-lg))var(--space-lg)calc(-1*var(--space-lg));font-size:var(--text-sm)}.question-image-wrapper{border-width:2px;max-width:500px}#questionArea h2{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.btn-answer{padding:var(--space-md)var(--space-lg);font-size:var(--text-sm);border-width:2px}.start-button{padding:var(--space-md)var(--space-2xl);font-size:var(--text-base);border-width:2px;min-width:160px}#nav-wrap{width:min(100vw - 1rem,800px)}}@media (width<=480px){.container{width:calc(100% - 8px)}#introScreen{padding:var(--space-md)}#introScreen img{max-width:400px}#quiz .quiz-card{padding:var(--space-md)}.quiz-title-bar{padding:var(--space-sm)var(--space-md);margin:calc(-1*var(--space-md))calc(-1*var(--space-md))var(--space-md)calc(-1*var(--space-md));font-size:var(--text-xs)}.question-image-wrapper{max-width:400px;margin-bottom:var(--space-lg)}#questionArea h2{font-size:var(--text-base);margin-bottom:var(--space-md)}.btn-answer{padding:var(--space-sm)var(--space-md);font-size:var(--text-xs)}.start-button{padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm);min-width:140px}.recommended-tests-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}#nav-wrap{width:calc(100vw - 1rem);padding:16px 12px}}@media (width<=320px){.container{width:calc(100% - 4px)}#introScreen{padding:var(--space-sm)}#introScreen img{max-width:300px}#quiz .quiz-card{padding:var(--space-sm)}.quiz-title-bar{padding:var(--space-xs)var(--space-sm);font-size:10px}.question-image-wrapper{max-width:300px;margin-bottom:var(--space-md)}.start-button{min-width:120px;font-size:12px}#nav-wrap{padding:12px 8px}}.img-wrapper{background-color:var(--bg-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@keyframes loading-shimmer{0%{background-position:0 0,0 10px,10px -10px,-10px 0}to{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}.question-image-wrapper{aspect-ratio:16/10;width:100%;max-width:600px;margin:0 auto var(--space-xl);border:3px solid var(--color-black);transition:var(--transition-base);text-align:center;background-color:#0000;background-image:linear-gradient(45deg,#f0f0f0 25%,#0000 25%),linear-gradient(-45deg,#f0f0f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0f0f0 75%),linear-gradient(-45deg,#0000 75%,#f0f0f0 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;justify-content:center;align-items:center;animation:1.5s ease-in-out infinite loading-shimmer;display:flex;position:relative;overflow:hidden}.question-image-wrapper:hover{transform:scale(1.02)}.question-image-wrapper img{object-fit:cover;z-index:2;width:100%;height:100%;transition:opacity .3s;display:block}.question-image-wrapper img[src=""]{display:none}.question-image-wrapper.loaded{background:var(--bg-primary);animation:none}.btn-answer:focus,.start-button:focus,.btn-nav:focus,.btn-answer:focus-visible,.start-button:focus-visible,.btn-nav:focus-visible{outline:3px solid var(--color-red);outline-offset:2px}@media (hover:none) and (pointer:coarse){.btn-answer{min-height:48px;padding:var(--space-md)var(--space-lg)}.start-button{min-height:48px;padding:var(--space-lg)var(--space-2xl)}.question-image-wrapper:hover,.quiz-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.question-image-wrapper,.quiz-card,.btn-answer,.start-button,.btn-nav{transition:none;animation:none}.question-image-wrapper:hover,.quiz-card:hover,.btn-answer:hover,.start-button:hover{transform:none}.loading-shimmer{animation:none}}@media (prefers-contrast:high){.quiz-card,.btn-answer,.start-button,.question-image-wrapper{border-width:4px}}.question-image-wrapper[data-loading=true]{animation:1.5s ease-in-out infinite loading-shimmer}.question-image-wrapper[data-loading=false]{background:var(--bg-primary);animation:none}.question-image-wrapper.error{background:var(--bg-primary);justify-content:center;align-items:center;animation:none;display:flex}.question-image-wrapper.error:after{content:"이미지를 불러올 수 없습니다";color:var(--text-secondary);font-size:var(--text-sm);text-align:center}