:root{--main-primary: #612300;--main-secondary: #571d01;--main-opacityPrimary: rgba(97, 35, 0, .4);--main-opacitySecondary: rgba(97, 35, 0, .1);--sub-primary: #d02115;--sub-secondary: #b81910;--text-white: #ffffff;--text-black: #000000;--text-gray: #808080;--text-lightGray: #f0f0f0;--text-darkGray: #333333}*{margin:0;padding:0;box-sizing:border-box}.home-button{position:fixed;bottom:60px;right:15px;z-index:100;background-color:var(--main-primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:.8rem;font-weight:700}.up-button{position:fixed;bottom:60px;left:15px;z-index:100;background-color:var(--main-primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:.8rem;font-weight:700;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.up-button.visible{opacity:1;visibility:visible}.layout-container{width:100%;max-width:35rem;margin:0 auto;padding:0 0 40px;text-align:center;background-color:#f5f5f5}.footer{position:fixed;bottom:0;width:100%;height:60px;background-color:var(--main-opacityPrimary);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.3rem;padding:0 1.5rem;max-width:35rem}.footer-text{font-size:.8rem;color:var(--text-white)!important}.copyright{font-size:.7rem;color:var(--text-white)!important;opacity:.8}.footer-text2{font-size:.7rem;color:var(--text-white)!important;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.footer-button{font-size:.7rem;font-weight:700;color:var(--text-white)!important;opacity:.8;border:none;background-color:transparent;cursor:pointer;text-decoration:underline}.noTest{font-size:1.5rem;font-weight:700;color:var(--main-primary)}.logo{width:120px}.mainBanner{height:60px;max-width:35rem;margin:0 auto;position:fixed;top:0;left:0;right:0;z-index:100;background-color:#c1a89b;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;border-bottom:3px solid var(--main-primary);box-shadow:0 0 10px #00000080}.headerTitle{font-size:1.5rem;font-weight:700;color:var(--main-primary)}.languageIcons{display:flex;justify-content:center;align-items:center;gap:1rem}.imageWidth{width:100%}.thumbnail-list{padding-top:50px;min-height:100vh;gap:10px;display:flex;flex-wrap:wrap;flex-direction:column}.loading{padding-top:50px;min-height:100vh;display:flex;justify-content:center;align-items:center}.boldText{font-weight:700;color:var(--main-primary)}.questionText{padding:5rem 0 3rem;font-size:1.2rem;font-weight:900;text-align:center}.answerButton{display:block;width:20rem;margin:1rem auto;border-radius:.5rem;cursor:pointer;padding:2.5rem 1rem;font-size:.8rem;font-weight:700;border:2px solid var(--main-primary);background-color:#fff;box-shadow:0 2px 5px #a22a2a80}.category-button-container{position:fixed;top:70px;left:0;right:0;z-index:100;max-width:35rem;margin:0 auto;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--main-primary);border-right:1px solid var(--main-primary);box-shadow:0 5px 5px #0003}.category-button{padding:0 .5rem;height:2rem;display:flex;justify-content:center;align-items:center;flex:1;border-right:1px solid var(--main-primary);border-left:1px solid var(--main-primary);border-top:2px solid var(--main-primary);border-bottom:2px solid var(--main-primary);background-color:#fff;color:var(--main-primary);font-size:1.1rem;font-weight:700}.category-button.active{background-color:var(--main-primary);color:#fff}.languageIcon{transition:filter .3s ease-in-out;filter:grayscale(100%)}.languageIcon.active{filter:grayscale(0%);filter:drop-shadow(0 0 .3rem var(--main-primary))}.urlShareButton{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;background-color:var(--main-primary);color:#fff;font-size:18px;font-weight:800}.urlShareButton:hover{background-color:var(--sub-primary)}.shareButtonGroup{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0 2rem}.shareTitle{margin-top:1.5rem;font-size:1rem}.buttonGroup{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.upperButtonGroup{display:flex;justify-content:center;align-items:center;width:100%}.lowerButtonGroup{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.upperButton,.lowerButton{width:40%;height:3.2rem;margin:0 5%;cursor:pointer;font-size:1rem;font-weight:700;border-radius:.5rem;border:2px solid var(--main-primary);background-color:#fff;color:var(--main-primary)}.lowerButton{width:90%!important;margin-top:1rem;margin-bottom:2.5rem}.upperButton:hover,.lowerButton:hover{background-color:var(--main-primary);color:#fff}.introButtonGroup{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.introButton{width:90%;height:3rem;margin:0 5%;cursor:pointer;font-size:1rem;font-weight:700;border-radius:.5rem;border:2px solid var(--main-primary);background-color:#fff;color:var(--main-primary)}.mainTitle{font-size:1.8rem;padding:1.5rem 0 0;font-weight:700;color:var(--main-primary)}.subTitle{font-size:.9rem;margin-bottom:1rem;letter-spacing:-.1rem;color:#999}.introText{font-size:.9rem;padding:1.5rem 1rem 0;margin-bottom:1rem;color:#999}.resultText{font-size:1rem;padding:1rem 0}.line{width:70%;height:2px;background-color:var(--main-primary);margin:1rem auto}.questionNumber{font-size:1rem;color:#999;padding-bottom:2rem}.skeleton-thumbnail-container{display:flex;flex-direction:column;gap:10px}.skeleton-thumbnail{width:100%;aspect-ratio:13/10;background:#fff;position:relative;overflow:hidden;border-radius:8px}.skeleton-thumbnail-big{width:100%;aspect-ratio:9/12;background:#fff;position:relative;overflow:hidden;border-radius:8px}.skeleton-thumbnail-big:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(110deg,#e3e3e300,#e3e3e300 40%,#e3e3e380,#e3e3e300 60%,#e3e3e300);animation:shimmer 1.5s infinite linear}.skeleton-thumbnail:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(110deg,#e3e3e300,#e3e3e300 40%,#e3e3e380,#e3e3e300 60%,#e3e3e300);animation:shimmer 1.5s infinite linear}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(0)}}.hidden{display:none}.result-container{border-bottom:10px solid var(--main-primary)}.result-line{width:60%;margin:2rem auto;height:5px;background-color:var(--main-primary)}.privacy-container{padding:2rem 1.5rem;width:100%}.privacy-title{font-weight:700;margin-bottom:2.5rem}.privacy-container ul li{margin-left:3rem}