html,body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}.app-layout{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.app-layout.mobile{background:linear-gradient(135deg,#f8f6f0,#e8e2d5)}.mobile-container{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:0 1rem;box-sizing:border-box}.app-layout.desktop{display:flex;justify-content:center;align-items:stretch;overflow-x:hidden;min-height:100vh;overscroll-behavior:none;position:relative}.background-image{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;z-index:-1;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;background-color:#4fd1c7;min-height:100vh;min-width:100vw}.center-container{width:100%;max-width:740px;min-height:100vh;background:linear-gradient(135deg,#f8f6f0,#e8e2d5);position:relative;box-shadow:0 0 50px #0003;z-index:1;display:flex;flex-direction:column;align-items:center}.content-wrapper{width:100%;max-width:100%;height:100%;position:relative;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:0 1rem;box-sizing:border-box}.content-wrapper::-webkit-scrollbar{width:8px}.content-wrapper::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.content-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.content-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (max-width: 768px){.app-layout.desktop{display:block}.center-container{max-width:100%;box-shadow:none;padding:0}.content-wrapper,.mobile-container{padding:0 .5rem}}@media (max-width: 480px){.content-wrapper,.mobile-container{padding:0 .25rem}}@media (min-width: 1200px){.center-container{max-width:820px}}@media (min-width: 1600px){.center-container{max-width:900px}}@media (min-width: 900px) and (max-width: 1199px){.center-container{max-width:780px}}.center-container{transition:all .3s ease}.app-layout.desktop .center-container{animation:slideIn .6s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{transition:transform .3s ease}.logo-container.clickable:hover{transform:scale(1.05)}.logo-container img{transition:filter .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logo-container img:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}@media (max-width: 768px){.logo-container{margin:.5rem 0}}.logo-container img{animation:logoFadeIn .8s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-container{min-height:100vh;background:linear-gradient(135deg,#f8f6f0,#e8e2d5);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{max-width:400px;margin:0 auto;background:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;margin-top:10vh}.login-card h1{color:#2d3748;margin-bottom:1rem;font-size:2rem}.login-card p{color:#4a5568;margin-bottom:2rem;line-height:1.5}.password-input{width:100%;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;margin-bottom:1rem;outline:none;transition:border-color .3s}.password-input:focus{border-color:#667eea}.login-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem 2rem;border-radius:15px;box-shadow:0 5px 15px #00000014}.admin-header h1{color:#2d3748;margin:0;font-size:1.8rem}.logout-button{padding:.75rem 1.5rem;background:#e53e3e;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background .2s}.logout-button:hover{background:#c53030}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 15px #00000014;transition:transform .2s}.stat-card:hover{transform:translateY(-3px)}.stat-number{font-size:2.5rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label{color:#4a5568;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.action-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.action-btn{padding:1rem 2rem;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.action-btn.refresh{background:#38a169;color:#fff}.action-btn.refresh:hover{background:#2f855a}.action-btn.export{background:#3182ce;color:#fff}.action-btn.export:hover{background:#2c5282}.subscribers-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 5px 15px #00000014}.subscribers-section h2{color:#2d3748;margin-bottom:1.5rem;font-size:1.4rem}.subscribers-table{width:100%}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 100px 100px;gap:1rem;padding:1rem 0;align-items:center}.table-header{font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.table-row{border-bottom:1px solid #f7fafc;transition:background .2s}.table-row:hover{background:#f7fafc}.email{font-family:monospace;font-size:.9rem;color:#2d3748;word-break:break-word}.date{color:#4a5568;font-size:.9rem}.status{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-align:center}.status.active{background:#c6f6d5;color:#22543d}.status.unsubscribed{background:#fed7d7;color:#742a2a}.remove-btn{padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:15px;font-size:.8rem;cursor:pointer;transition:background .2s}.remove-btn:hover{background:#c53030}.error-message{background:#fed7d7;color:#c53030;padding:1rem;border-radius:10px;margin-bottom:1rem;text-align:center}.loading{text-align:center;padding:2rem;color:#4a5568;font-size:1.1rem}.no-data{text-align:center;padding:3rem;color:#718096;font-size:1.1rem}@media (max-width: 768px){.admin-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.action-buttons{justify-content:center}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem;text-align:left}.table-header{display:none}.table-row{background:#f7fafc;padding:1rem;border-radius:10px;margin-bottom:.5rem;border:none}.table-row:before{content:"📧 "}.email:before{content:"이메일: ";font-weight:600;color:#4a5568}.date:before{content:"구독일: ";font-weight:600;color:#4a5568}.status{margin:.5rem 0;display:inline-block}.actions{margin-top:.5rem}.login-card{margin-top:5vh;padding:2rem 1.5rem}}.ad-wrapper{display:flex;flex-direction:column;align-items:center;margin:1rem 0;padding:.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.ad-wrapper:hover{background:#ffffff14}.ad-label{font-size:.7rem;color:#aaa;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:1px;opacity:.7}.ad-container{display:flex;justify-content:center;align-items:center;min-height:50px;width:100%}.ad-banner-small{width:100%;max-width:320px;margin:.5rem 0}.ad-rectangle-small{max-width:250px;margin:1rem 0}.ad-mobile-mini{width:100%;max-width:300px;margin:.5rem 0}.ad-medium-rectangle{max-width:280px;margin:1rem 0}.ad-transition{width:100%;max-width:350px;margin:.8rem 0}@media (max-width: 768px){.ad-wrapper{margin:1rem 0;padding:.8rem}.ad-banner-top{margin:.8rem 0}.ad-rectangle,.ad-large-rectangle{max-width:100%;width:100%}}@media (max-width: 480px){.ad-wrapper{margin:.5rem 0;padding:.5rem}.ad-label{font-size:.7rem}}.email-signup-container{width:100%;max-width:480px;margin:2rem auto 1.5rem;padding:0 1rem}.email-signup-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 8px 25px #0000001f;border:1px solid rgba(255,255,255,.3)}.signup-header h3{color:#2d3748;font-size:1.3rem;margin-bottom:.4rem;font-weight:600}.signup-header p{color:#4a5568;font-size:.9rem;margin-bottom:1.2rem;line-height:1.4}.email-form{margin-bottom:1.2rem}.input-group{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.email-input{flex:1;min-width:200px;padding:1rem 1.5rem;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;outline:none;transition:all .3s ease;background:#fff}.email-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.email-input::placeholder{color:#a0aec0}.email-input:disabled{background:#f7fafc;cursor:not-allowed}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:120px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.submit-button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}.error-message{background:#feb2b2e6;color:#c53030;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;margin-top:.5rem;border:1px solid rgba(197,48,48,.2)}.privacy-notice{background:#edf2f7cc;border-radius:8px;padding:.75rem;text-align:left;border:1px solid rgba(160,174,192,.2)}.privacy-notice p{color:#2d3748;font-size:.85rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}.privacy-icon{font-size:1rem}.privacy-notice ul{list-style:none;padding:0;margin:0}.privacy-notice li{color:#4a5568;font-size:.8rem;margin-bottom:.25rem;line-height:1.3}.success-message{text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:3rem 2rem;box-shadow:0 10px 30px #00000026;border:1px solid rgba(255,255,255,.3)}.success-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-message h3{color:#2d3748;font-size:1.8rem;margin-bottom:1rem;font-weight:600}.success-message p{color:#4a5568;font-size:1.1rem;margin-bottom:.5rem;line-height:1.5}.success-subtitle{color:#667eea!important;font-weight:600!important;font-size:1.2rem!important}@media (max-width: 768px){.email-signup-container{margin:2rem auto 1rem;padding:0 .5rem}.email-signup-card{padding:1.5rem}.input-group{flex-direction:column;gap:1rem}.email-input{min-width:auto}.submit-button{width:100%}.signup-header h3{font-size:1.3rem}.signup-header p{font-size:.9rem}.privacy-notice{padding:.75rem}.success-message{padding:2rem 1.5rem}}@media (max-width: 480px){.email-signup-card{padding:1rem}.privacy-notice li{font-size:.75rem}}.thumbnail-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:center;max-width:1000px;width:100%;margin:2rem 0}.thumbnail-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:2rem;width:400px;max-width:100%;text-decoration:none;color:inherit;box-shadow:0 15px 45px #0003;border:1px solid rgba(255,255,255,.3);transition:all .4s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center}.thumbnail-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #0000004d;background:#fff}.thumbnail-card img{width:100%;max-width:350px;height:240px;object-fit:cover;border-radius:15px;margin-bottom:1.5rem;transition:transform .3s ease}.thumbnail-card:hover img{transform:scale(1.05)}.thumbnail-content{text-align:center;width:100%}.thumbnail-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:.8rem;line-height:1.3}.thumbnail-subtitle{font-size:1rem;color:#666;line-height:1.4}@media (max-width: 1024px) and (min-width: 769px){.thumbnail-card{width:350px;padding:1.8rem}.thumbnail-card img{max-width:300px;height:200px}.thumbnail-title{font-size:1.4rem}.thumbnail-subtitle{font-size:.95rem}}@media (max-width: 768px){.thumbnail-container{gap:1.5rem;padding:0 1rem}.thumbnail-card{width:300px;padding:1.5rem}.thumbnail-card img{max-width:250px;height:180px}.thumbnail-title{font-size:1.3rem}.thumbnail-subtitle{font-size:.9rem}}@media (max-width: 480px){.thumbnail-card{width:100%;max-width:280px;padding:1.2rem}.thumbnail-card img{max-width:220px;height:160px}.thumbnail-title{font-size:1.2rem}.thumbnail-subtitle{font-size:.85rem}}.legal-container{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto}.legal-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:3rem;max-width:800px;width:100%;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3)}.legal-card h1{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:none}.legal-card h2{color:#667eea;font-size:1.5rem;margin:2rem 0 1rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.legal-card section{margin-bottom:2rem}.legal-card p{color:#555;line-height:1.8;margin-bottom:1rem;font-size:1rem}.legal-card ul{color:#555;line-height:1.8;padding-left:1.5rem}.legal-card li{margin-bottom:.5rem}.legal-card a{color:#667eea;text-decoration:underline}.legal-card a:hover{color:#764ba2}.last-updated{font-style:italic;color:#888;text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #ddd}@media (max-width: 768px){.legal-container{padding:1rem}.legal-card{padding:2rem;border-radius:20px}.legal-card h1{font-size:2rem}.legal-card h2{font-size:1.3rem}}.intro-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:1rem}.intro-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:30px;padding:2rem;width:100%;max-width:90vw;text-align:center;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3)}.intro-image{width:100%;max-width:400px;height:250px;object-fit:cover;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #0003}.intro-title{font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;color:#333;margin-bottom:1rem;text-shadow:none;word-break:keep-all;word-wrap:break-word;line-height:1.3}.intro-subtitle{font-size:clamp(1rem,3vw,1.2rem);color:#666;line-height:1.6;margin-bottom:3rem;word-break:keep-all;word-wrap:break-word;white-space:pre-wrap}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.2rem 3rem;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #667eea66;word-break:keep-all}.start-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea99;border-color:transparent}@media (max-width: 768px){.intro-container{padding:.5rem}.intro-card{padding:1.5rem;max-width:95vw}.intro-title{font-size:1.8rem;line-height:1.2}.intro-subtitle{font-size:1rem;line-height:1.5}.start-button{padding:1rem 2rem;font-size:1.1rem}}.transition-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.transition-ad-overlay.visible{opacity:1;visibility:visible}.transition-ad-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.2);transform:scale(.8);transition:transform .3s ease}.transition-ad-overlay.visible .transition-ad-content{transform:scale(1)}.transition-ad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.transition-ad-title{font-size:1.3rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.transition-ad-countdown{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.transition-ad-countdown span{font-size:.9rem;color:#fffc;background:#ffffff1a;padding:.3rem .8rem;border-radius:15px;font-weight:500}.skip-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.4rem .8rem;border-radius:15px;cursor:pointer;font-size:.8rem;transition:all .3s ease}.skip-button:hover{background:#ffffff4d;transform:translateY(-1px)}.transition-ad-text{color:#ffffffe6;font-size:.9rem;margin-top:1rem;line-height:1.5}@media (max-width: 480px){.transition-ad-content{padding:1.5rem;margin:1rem}.transition-ad-header{flex-direction:column;align-items:center;text-align:center}.transition-ad-countdown{align-items:center}.transition-ad-title{font-size:1.1rem}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:1rem}.loading-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:30px;padding:3rem;width:100%;max-width:90vw;text-align:center;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3)}.loading-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#333;margin:2rem 0 1rem;text-shadow:none;word-break:keep-all;word-wrap:break-word;line-height:1.3}.loading-text{font-size:clamp(.9rem,2.5vw,1.2rem);color:#666;line-height:1.6;margin-bottom:3rem;word-break:keep-all;word-wrap:break-word;white-space:pre-wrap}.loading-dots{display:flex;justify-content:center;gap:.5rem}.loading-dots span{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 768px){.loading-container{padding:.5rem}.loading-card{padding:2rem;max-width:95vw}.loading-title{font-size:1.5rem;line-height:1.2}.loading-text{font-size:.9rem;line-height:1.5}}.quiz-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:1rem}.quiz-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:30px;padding:2rem;max-width:90vw;width:100%;min-height:600px;height:600px!important;max-height:600px!important;text-align:center;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-sizing:border-box}.question-text{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#333;margin-bottom:1.5rem;line-height:1.4;text-shadow:none;flex-shrink:0;height:120px!important;max-height:120px!important;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:keep-all;padding:0 1rem}.answers-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;flex-shrink:0;height:350px!important;max-height:350px!important;justify-content:center;overflow-y:visible;padding:0 .5rem}.subjective-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;max-width:100%;padding:0 1rem;flex-shrink:0;height:350px!important;max-height:350px!important;justify-content:center}.subjective-input{width:100%;max-width:100%;padding:1.2rem;border:2px solid #e0e0e0;border-radius:15px;font-size:clamp(1rem,2.5vw,1.1rem);font-family:inherit;line-height:1.6;resize:vertical;transition:all .3s ease;background:#ffffffe6;color:#333;box-sizing:border-box;word-break:keep-all;word-wrap:break-word}.nickname-input{height:3.5rem;resize:none;padding:1rem 1.2rem}.subjective-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.subjective-input::placeholder{color:#999;font-style:italic;word-break:keep-all}.subjective-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.2rem 2rem;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:700;border-radius:15px;cursor:pointer;transition:all .3s ease;align-self:center;min-width:200px;word-break:keep-all}.subjective-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.subjective-submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.option-button{background:#ffffffe6;border:2px solid #e0e0e0;color:#333;padding:1.2rem 1.8rem;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:500;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:center;line-height:1.4;word-break:keep-all;word-wrap:break-word;outline:none!important;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.option-button:focus{outline:none!important;border:2px solid #e0e0e0!important;box-shadow:none!important;background:#ffffffe6!important;color:#333!important}.option-button:focus-visible{outline:none!important;border:2px solid #e0e0e0!important;box-shadow:none!important}.option-button:focus-within,.option-button:target,.option-button[tabindex]:focus{outline:none!important;border:2px solid #e0e0e0!important;box-shadow:none!important;background:#ffffffe6!important;color:#333!important;transform:none!important}@media (hover: hover) and (pointer: fine){.option-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}}.option-button:active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-1px)}.progress-container{margin-top:1rem;flex-shrink:0;height:80px!important;max-height:80px!important;display:flex;flex-direction:column;justify-content:center}.progress-text{color:#666;font-size:1rem;margin-top:1rem;font-weight:500}@media (max-width: 768px){.quiz-card{padding:1.5rem;margin:.5rem;height:550px!important;min-height:550px!important;max-height:550px!important}.question-text{font-size:1.4rem;margin-bottom:1rem;height:100px!important;max-height:100px!important}.answers-container{height:300px!important;max-height:300px!important;margin-bottom:1rem;overflow-y:visible}.subjective-container{height:300px!important;max-height:300px!important;margin-bottom:1rem}.progress-container{height:70px!important;max-height:70px!important}.option-button{padding:1.2rem 1.5rem;font-size:1rem}.subjective-container{padding:0 .5rem;gap:1rem}.subjective-input{padding:1rem;font-size:1rem}.nickname-input{height:3rem;padding:.8rem 1rem}.subjective-submit-button{padding:1rem 1.5rem;font-size:1rem;min-width:180px}.scale-buttons{gap:.3rem}.scale-button{padding:.8rem .5rem;font-size:1rem}.multiple-button{padding:.8rem 1rem}.scale-labels{font-size:.8rem}}.scale-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;height:100%;justify-content:center}.scale-labels{display:flex;justify-content:space-between;font-size:.9rem;color:#666;margin-bottom:.5rem}.scale-label-left,.scale-label-right{max-width:45%;text-align:center;line-height:1.3}.scale-buttons{display:flex;justify-content:space-between;gap:.5rem;margin:1rem 0}.scale-button{flex:1;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:#333;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.scale-button:hover{border-color:#667eea;transform:translateY(-2px)}.scale-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.scale-submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.scale-submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.multiple-container{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;justify-content:center}.multiple-answers{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.multiple-button{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:#333;font-size:1rem;text-align:left;cursor:pointer;transition:all .3s ease}.multiple-button:hover{border-color:#667eea;transform:translateY(-2px)}.multiple-button.selected{background:#667eea1a;border-color:#667eea;color:#667eea}.multiple-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #e0e0e0;border-radius:4px;font-size:.8rem;font-weight:700;transition:all .3s ease}.multiple-button.selected .multiple-checkbox{background:#667eea;color:#fff;border-color:#667eea}.multiple-submit-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.multiple-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.multiple-submit-button:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}@media (max-width: 768px){.quiz-container{padding:.5rem}.quiz-card{padding:1.5rem;max-width:95vw;min-height:500px;height:500px!important;max-height:500px!important}.question-text{font-size:1.5rem;line-height:1.3;height:100px!important;max-height:100px!important}.answers-container,.subjective-container{height:300px!important;max-height:300px!important}.option-button{padding:1rem 1.5rem;font-size:1rem;line-height:1.3}.subjective-input{padding:1rem;font-size:1rem}.subjective-submit-button{padding:1rem 1.5rem;font-size:1rem;min-width:150px}.multiple-button{padding:.8rem 1.2rem;font-size:.9rem}.multiple-submit-button{padding:.8rem 1.5rem;font-size:.9rem}.scale-button{padding:.8rem 1.2rem;font-size:.9rem}.scale-submit-button{padding:.8rem 1.5rem;font-size:.9rem}}.button-group{margin:3rem 0;text-align:center}.button-group h3{color:#2d3748;font-size:1.5rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(255,255,255,.5);font-weight:600}.share-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.share-button{padding:1rem 2rem;border-radius:25px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px}.share-button.link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.share-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.action-buttons{display:flex;justify-content:center;gap:1.5rem;margin:2rem 0;flex-wrap:wrap}.action-button{padding:1.2rem 2.5rem;border-radius:25px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:160px}.action-button.retry{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.action-button.home{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.other-tests{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.other-test-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#2d3748;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;transition:all .3s ease;max-width:150px;border:1px solid rgba(45,55,72,.1)}.other-test-link:hover{transform:translateY(-5px);background:#fffffff2;color:#2d3748;box-shadow:0 8px 25px #00000026}.other-test-link img{width:80px;height:80px;object-fit:cover;border-radius:50%;margin-bottom:1rem;box-shadow:0 5px 15px #0000004d}.other-test-link span{font-size:.9rem;font-weight:500;text-align:center;line-height:1.3}@media (max-width: 768px){.share-buttons,.action-buttons{flex-direction:column;align-items:center}.share-button,.action-button{width:100%;max-width:250px}.other-tests{flex-direction:column;align-items:center}.other-test-link{max-width:200px}}.video-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-ad-modal{background:#1a1a1a;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080;animation:adModalSlideIn .4s ease-out;color:#fff}@keyframes adModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.video-ad-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #333;background:linear-gradient(135deg,#667eea,#764ba2)}.ad-info{display:flex;flex-direction:column;gap:4px}.ad-label{background:#fff3;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;width:fit-content}.ad-timer{font-size:14px;opacity:.9}.close-ad-button{background:#ffffff1a;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-ad-button:hover{background:#fff3;transform:scale(1.1)}.video-ad-container{position:relative;background:#000}.ad-video{width:100%;height:400px;object-fit:cover;border:none}.ad-progress-container{position:absolute;bottom:0;left:0;right:0;padding:16px}.ad-progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;overflow:hidden}.ad-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #667eea80}.video-ad-content{padding:24px;text-align:center}.video-ad-content h3{margin:0 0 12px;font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-ad-content p{margin:0 0 20px;color:#ccc;font-size:16px}.ad-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px}.benefit-item{background:#667eea1a;border:1px solid rgba(102,126,234,.3);padding:12px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.benefit-item:hover{background:#667eea33;transform:translateY(-2px)}.video-ad-actions{padding:20px 24px 24px;text-align:center}.skip-ad-button{padding:16px 32px;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;max-width:400px}.skip-ad-button.completed{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff;box-shadow:0 4px 15px #ffd89b66}.skip-ad-button.completed:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd89b80}.skip-ad-button.disabled{background:#333;color:#999;cursor:not-allowed;opacity:.7}@media (max-width: 768px){.video-ad-modal{width:95%;margin:20px}.ad-video{height:250px}.video-ad-content h3{font-size:20px}.ad-benefits{grid-template-columns:1fr}.video-ad-header{padding:12px 16px}.video-ad-content{padding:20px}}@media (max-width: 480px){.ad-video{height:200px}.video-ad-content h3{font-size:18px}.benefit-item{font-size:13px;padding:10px}}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.custom-alert-modal{background:linear-gradient(135deg,#f8f6f0,#e8e2d5);border-radius:20px;width:90%;max-width:400px;box-shadow:0 25px 50px #0000004d;animation:slideIn .3s ease-out;border:2px solid rgba(102,126,234,.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-alert-header{display:flex;align-items:center;gap:12px;padding:20px 24px 16px;border-bottom:1px solid rgba(102,126,234,.2)}.custom-alert-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.custom-alert-title{margin:0;font-size:20px;font-weight:700;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.custom-alert-content{padding:20px 24px}.custom-alert-content p{margin:0;font-size:16px;line-height:1.6;color:#555;text-align:center}.custom-alert-actions{padding:16px 24px 24px;text-align:center}.custom-alert-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;font-size:16px;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;min-width:120px}.custom-alert-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.custom-alert-button:active{transform:translateY(0)}@media (max-width: 480px){.custom-alert-modal{width:95%;margin:20px}.custom-alert-header{padding:16px 20px 12px}.custom-alert-content{padding:16px 20px}.custom-alert-actions{padding:12px 20px 20px}.custom-alert-title{font-size:18px}.custom-alert-content p{font-size:15px}}.result-container{display:flex;flex-direction:column;align-items:center;min-height:70vh;padding:1rem;max-width:100%}.result-card{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:2rem;width:100%;max-width:500px;text-align:center;box-shadow:0 15px 40px #0003;border:1px solid rgba(255,255,255,.3);margin-bottom:2rem}.result-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem;text-shadow:none;line-height:1.3}.result-title-container{text-align:center;margin-bottom:1rem}.result-title-split{text-align:center}.result-title-prefix{font-size:1.8rem;font-weight:600;color:#555;margin:0 0 .5rem;line-height:1.2}.result-title-destination{font-size:3.2rem;font-weight:700;color:#667eea;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(102,126,234,.3);line-height:1.1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reason-section{margin:2rem 0}.reason-title{font-size:1.8rem;color:#667eea;margin-bottom:1rem;font-weight:700}.image-container{position:relative;width:100%;max-width:500px;margin:2rem 0}.result-image{width:100%;height:300px;object-fit:cover;border-radius:20px;box-shadow:0 15px 40px #0003;transition:opacity .5s ease-in-out;will-change:opacity}.result-image.loading{opacity:0}.image-skeleton{width:100%;height:300px;background:linear-gradient(135deg,#f0f0f0,#e8e8e8);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.skeleton-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.image-skeleton p{color:#999;font-size:1.1rem;margin:0;z-index:1}.result-description{font-size:1.3rem;color:#555;line-height:1.8;text-align:left;background:#667eea1a;padding:2rem;border-radius:15px;border-left:4px solid #667eea}.premium-purchase-card{background:linear-gradient(135deg,#ffd89b,#19547b);border-radius:25px;padding:2rem;width:100%;max-width:500px;margin:1rem 0;text-align:center;color:#fff;box-shadow:0 15px 30px #0000004d}.premium-title{font-size:2rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.premium-preview{margin:2rem 0}.premium-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.premium-item{background:#fff3;padding:1rem;border-radius:15px;font-size:1.1rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.premium-purchase-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.5rem 3rem;font-size:1.3rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;margin:2rem 0 1rem;box-shadow:0 10px 30px #667eea66}.premium-purchase-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #667eea99}.premium-purchase-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.premium-subtitle{font-size:1rem;opacity:.9;margin:0}.premium-content{background:#fffffff2;border-radius:25px;padding:2rem;width:100%;max-width:500px;margin:1rem 0;box-shadow:0 15px 30px #0003;border:2px solid #ffd89b}.premium-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #ffd89b}.premium-header h2{font-size:2.5rem;color:#333;margin:0;text-shadow:none}.premium-section{margin-bottom:3rem;padding:2rem;background:#ffd79b1a;border-radius:20px;border-left:4px solid #ffd89b}.premium-section h3{font-size:1.8rem;color:#333;margin-bottom:1.5rem;text-shadow:none}.premium-section p{font-size:1.2rem;line-height:1.8;color:#555;margin:0}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.pros h4,.cons h4{font-size:1.3rem;margin-bottom:1rem;color:#333}.pros ul,.cons ul{list-style:none;padding:0;margin:0}.pros li,.cons li{padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:1.1rem;line-height:1.6;color:#333}.pros li:before{content:"✅ ";margin-right:.5rem}.cons li:before{content:"⚠️ ";margin-right:.5rem}.special-place{background:linear-gradient(135deg,#ffd79b4d,#667eea1a);border-left:4px solid #667eea}@media (max-width: 768px){.result-container{padding:.5rem}.result-card{padding:1.5rem;margin:.5rem 0;max-width:100%;border-radius:20px}.result-title{font-size:1.6rem;line-height:1.3;margin-bottom:1rem}.result-title-prefix{font-size:1.2rem;margin-bottom:.3rem}.result-title-destination{font-size:2.2rem;margin-bottom:.8rem}.reason-title{font-size:1.4rem}.image-container{margin:1.5rem 0}.result-image{height:200px;max-width:100%}.image-skeleton{height:200px}.image-skeleton p{font-size:.9rem}.result-description{font-size:1rem;padding:1.2rem;line-height:1.6}.premium-purchase-card{padding:1.5rem;margin:.5rem 0;max-width:100%;border-radius:20px}.premium-title{font-size:1.4rem;margin-bottom:1.5rem}.premium-items{grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1.5rem 0}.premium-item{padding:.8rem;font-size:.9rem}.premium-purchase-button{padding:1rem 1.5rem;font-size:1rem;border-radius:25px}.premium-subtitle{font-size:.9rem}.premium-content{padding:1.5rem;margin:.5rem 0;max-width:100%;border-radius:20px}.premium-header{margin-bottom:2rem;padding-bottom:1.5rem}.premium-header h2{font-size:1.8rem}.premium-section{padding:1.2rem;margin-bottom:2rem;border-radius:15px}.premium-section h3{font-size:1.3rem;margin-bottom:1rem}.premium-section p{font-size:1rem;line-height:1.6}.pros-cons{grid-template-columns:1fr;gap:1rem}.pros h4,.cons h4{font-size:1.1rem}.pros li,.cons li{font-size:.95rem;color:#333!important}}@media (max-width: 480px){.result-title{font-size:1.4rem}.result-title-prefix{font-size:1rem}.result-title-destination{font-size:1.8rem}.premium-items{grid-template-columns:1fr}.premium-item{font-size:.85rem}}:root{font-family:Inter,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;min-width:320px;min-height:100vh;padding-bottom:60px}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}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;color:#fff;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;color:#213547}}footer a:hover{color:#667eea!important;text-shadow:0 0 5px rgba(102,126,234,.5)}