@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";:root{--bg-primary:#fafafc;--bg-secondary:#fff;--bg-tertiary:#f4f6fa;--bg-glass:#ffffffe6;--border-glass:#a78bfa14;--color-primary:#a78bfa;--color-secondary:#60a5fa;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-accent:#38bdf8;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--font-title:"Outfit", "Noto Sans KR", sans-serif;--font-body:"Noto Sans KR", "Outfit", sans-serif;--shadow-premium:0 10px 30px -10px #a78bfa14, 0 1px 3px #a78bfa05;--shadow-neon:0 0 25px #a78bfa1a;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--border-radius-premium:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#7c3aed0a 0%,#0000 70%);width:50%;height:50%;position:absolute;top:-10%;left:-10%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#2563eb08 0%,#0000 70%);width:50%;height:50%;position:absolute;bottom:-10%;right:-10%}.premium-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--border-radius-premium);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);padding:24px}.premium-card:hover{box-shadow:0 15px 30px -5px #0f172a14, var(--shadow-neon);border-color:#7c3aed33;transform:translateY(-2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,#a78bfa 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;font-family:var(--font-title);-webkit-background-clip:text;font-weight:800}.gradient-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;cursor:pointer;transition:var(--transition-smooth);font-weight:600;font-family:var(--font-title);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex;box-shadow:0 4px 14px #a78bfa26}.gradient-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 20px #a78bfa40}.gradient-btn:active:not(:disabled){transform:translateY(1px)}.gradient-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.app-container{max-width:1280px;margin:0 auto;padding:24px}.glass-input{border:1px solid var(--border-glass);color:var(--text-primary);font-size:15px;font-family:var(--font-body);transition:var(--transition-smooth);background:#ffffffe6;border-radius:10px;width:100%;padding:12px 16px;box-shadow:0 1px 2px #0f172a05}.glass-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #7c3aed26}.badge{border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:#6d28d9;background:#7c3aed14;border:1px solid #7c3aed26}.badge-secondary{color:#1d4ed8;background:#2563eb14;border:1px solid #2563eb26}.badge-success{color:#047857;background:#05966914;border:1px solid #05966926}.badge-danger{color:#b91c1c;background:#dc262614;border:1px solid #dc262626}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes pulseNeon{0%,to{box-shadow:0 0 15px #7c3aed0d}50%{box-shadow:0 0 25px #7c3aed26}}.pulse-neon{animation:3s infinite pulseNeon}.image-box{background:var(--bg-tertiary);border:1px solid var(--border-glass);border-radius:12px;justify-content:center;align-items:center;max-width:100%;margin:16px 0;padding:12px;display:flex}.image-box img{border-radius:8px;max-width:100%;height:auto;box-shadow:0 4px 12px #0f172a0d}.readable-question{letter-spacing:-.015em!important;color:var(--text-primary)!important;font-size:1.05rem!important;font-weight:800!important;line-height:1.68!important}.readable-explanation{letter-spacing:-.01em!important;color:var(--text-secondary)!important;font-size:.85rem!important;line-height:1.7!important}.readable-options{letter-spacing:-.01em!important;font-size:.92rem!important;font-weight:500!important;line-height:1.6!important}.readable-title{font-family:var(--font-title);letter-spacing:-.02em!important;font-weight:850!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes bounceUp{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.015)}}.animate-shake{animation:.2s ease-in-out 2 shake}.animate-bounceUp{animation:.3s ease-out bounceUp}