*{box-sizing:border-box;margin:0;padding:0;font-family:Pretendard,-apple-system,sans-serif}body{color:#fff;background-color:#000;justify-content:center;align-items:center;height:100dvh;margin:0;display:flex;overflow:hidden}.app-container{background:linear-gradient(135deg,#12002b 0%,#2b0057 100%);flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;position:relative;overflow:hidden auto;box-shadow:0 0 20px #0ff3}.screen{flex-direction:column;flex:1;min-height:100%;padding:30px 20px;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.start-screen{text-align:center;justify-content:center;align-items:center}.glitch{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:3rem;font-weight:900;animation:1.5s infinite glitch;position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 #f0f;clip:rect(24px, 550px, 90px, 0);animation:2s linear infinite alternate-reverse glitch-anim-2;left:3px}.glitch:after{text-shadow:-2px 0 #0ff;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-3px}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.main-title{color:#0ff;text-shadow:0 0 10px #00ffff80;margin-top:20px;font-size:1.8rem;font-weight:800;line-height:1.3}.subtitle{color:#f0f;margin-top:15px;font-size:1.1rem}.hero-emoji{margin:30px 0;font-size:4rem;animation:1s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.start-btn,.option-btn,.retry-btn{color:#000;cursor:pointer;background:linear-gradient(90deg,#f0f 0%,#0ff 100%);border:none;border-radius:50px;width:100%;padding:15px 30px;font-size:1.2rem;font-weight:900;transition:transform .1s,filter .2s;box-shadow:0 5px 15px #f0f6}.start-btn:active,.option-btn:active,.retry-btn:active{filter:brightness(1.2);transform:scale(.95)}.quiz-screen{justify-content:flex-start}.progress-bar{background:#333;border-radius:5px;flex-shrink:0;width:100%;height:10px;margin-bottom:20px;overflow:hidden}.progress-fill{background:#0ff;height:100%;transition:width .3s}.q-number{color:#f0f;flex-shrink:0;margin-bottom:10px;font-size:1.2rem;font-weight:900}.question-wrapper{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.question-text{word-break:keep-all;letter-spacing:-.02em;margin:0;font-size:1.5rem;line-height:1.4}.options-container{flex-direction:column;flex-shrink:0;gap:15px;margin-top:20px;display:flex}.option-btn{color:#fff;box-shadow:none;text-align:left;word-break:keep-all;letter-spacing:-.02em;background:#ffffff1a;border:1px solid #00ffff4d;border-radius:12px;padding:18px 20px;font-size:1.05rem;font-weight:600;line-height:1.5;transition:all .2s}@media (hover:hover){.option-btn:hover{background:#0ff3;border-color:#0ff}}.option-btn:active{background:#00ffff4d;border-color:#0ff;transform:scale(.98)}.loading-screen{text-align:center;justify-content:center;align-items:center}.spinner{margin-bottom:20px;font-size:5rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-screen{text-align:center;align-items:center}.result-header{color:#f0f;margin-bottom:20px;font-size:1.2rem}.result-card{-webkit-backdrop-filter:blur(12px);background:#0006;border:2px solid #0ff;border-radius:20px;width:100%;margin-bottom:30px;padding:20px;box-shadow:0 0 20px #0ff3}.result-img-box{background:#222;border-radius:10px;justify-content:center;align-items:center;width:100%;height:250px;margin-bottom:20px;display:flex;overflow:hidden}.image-placeholder{color:#555;font-size:1.5rem;font-weight:700}.result-title{color:#fff;text-shadow:2px 2px #f0f;margin-bottom:15px;font-size:1.8rem}.result-desc{color:#eaeaea;word-break:keep-all;letter-spacing:-.02em;font-size:1.05rem;line-height:1.6}