@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-glass:#ffffffbf;--border-glass:#94a3b81f;--color-primary:#1e40af;--color-primary-light:#60a5fa;--color-secondary:#312e81;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-accent:#38bdf8;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--font-title:"Outfit", "Noto Sans KR", sans-serif;--font-body:"Noto Sans KR", "Outfit", sans-serif;--shadow-premium:0 10px 25px -5px #0f172a0a, 0 8px 16px -6px #0f172a0a;--shadow-header:0 4px 20px -2px #0f172a08, 0 2px 6px -1px #0f172a05;--shadow-neon:0 0 30px #1e40af26;--transition-smooth:all .28s cubic-bezier(.4, 0, .2, 1);--border-radius-premium:20px}*{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;letter-spacing:-.01em;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#1e40af09 0%,#0000 70%);width:45%;height:45%;position:absolute;top:-5%;left:-5%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#38bdf809 0%,#0000 70%);width:45%;height:45%;position:absolute;bottom:-5%;right:-5%}.premium-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--border-radius-premium);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);padding:28px}.premium-card:hover{box-shadow:0 20px 35px -8px #0f172a0f, var(--shadow-neon);border-color:#1e40af2e;transform:translateY(-2px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gradient-text{background:linear-gradient(135deg,#6d28d9 0%,#2563eb 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:700;font-family:var(--font-title);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex;box-shadow:0 4px 14px #7c3aed26}.gradient-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed40}.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:28px}.glass-input{color:var(--text-primary);font-size:15px;font-family:var(--font-body);transition:var(--transition-smooth);background:#fffffff2;border:1px solid #cbd5e1;border-radius:12px;width:100%;padding:12px 18px;box-shadow:0 1px 2px #0f172a05}.glass-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #7c3aed1f}.badge{border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-primary{color:#6d28d9;background:#7c3aed0f;border:1px solid #7c3aed1f}.badge-secondary{color:#1d4ed8;background:#2563eb0f;border:1px solid #2563eb1f}.badge-success{color:#047857;background:#10b9810f;border:1px solid #10b9811f}.badge-danger{color:#b91c1c;background:#ef44440f;border:1px solid #ef44441f}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}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 #7c3aed08}50%{box-shadow:0 0 25px #7c3aed1f}}.pulse-neon{animation:3s infinite pulseNeon}.image-box{background:var(--bg-tertiary);border:1px solid var(--border-glass);border-radius:14px;justify-content:center;align-items:center;max-width:100%;margin:20px 0;padding:16px;display:flex;box-shadow:inset 0 2px 8px #00000005}.image-box img{border-radius:10px;max-width:100%;height:auto;box-shadow:0 6px 18px #0f172a0f}.readable-question{letter-spacing:-.02em!important;color:#0f172a!important;font-size:1.15rem!important;font-weight:800!important;line-height:1.75!important}.readable-explanation{letter-spacing:-.01em!important;color:#334155!important;font-size:.95rem!important;line-height:1.75!important}.readable-options{letter-spacing:-.015em!important;font-size:1.02rem!important;font-weight:500!important;line-height:1.65!important}.readable-title{font-family:var(--font-title);letter-spacing:-.025em!important;font-weight:900!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}