@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap";:root{--bg:#09090f;--bg-secondary:#0f0f1a;--bg-card:#131320;--bg-card-hover:#1a1a2c;--bg-input:#0f0f1a;--primary:#c9a84c;--primary-dark:#8a6020;--primary-light:#e0c070;--primary-glow:#c9a84c40;--accent:#c87030;--accent-light:#e09050;--success:#4a9460;--success-light:#70e8a0;--danger:#c83030;--danger-light:#e06060;--warning:#c4a030;--warning-light:#e0c070;--text:#efe7d7;--text-secondary:#9a8870;--text-dim:#4a4035;--border:#1a1a2e;--border-gold:#6a5828;--shadow:#00000080;--radius:2px;--radius-sm:2px;--radius-lg:4px;--max-width:480px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:2px}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{max-width:var(--max-width);flex-direction:column;width:100%;min-height:100vh;margin:0 auto;padding:0 16px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;letter-spacing:2px;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Pretendard,sans-serif;font-size:15px;font-weight:600;transition:all .12s;display:inline-flex;position:relative}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){filter:brightness(.9);transform:translateY(2px);box-shadow:none!important}.btn-primary{background:linear-gradient(180deg, #dbb85c, var(--primary) 40%, var(--primary-dark));color:#0a0808;border:none;border-top:1px solid #ffdc7866;border-bottom:2px solid #5a4010;box-shadow:0 3px 6px #0006,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 10px #c9a84c4d,inset 0 1px #ffffff26}.btn-secondary{background:linear-gradient(180deg, #1e1e32, var(--bg-secondary) 40%, #0a0a14);color:var(--primary);border:1px solid var(--border-gold);border-bottom:2px solid #0a0a10;box-shadow:0 3px 6px #0000004d,inset 0 1px #ffffff0d}.btn-secondary:hover:not(:disabled){background:linear-gradient(180deg, #252540, var(--bg-card) 40%, #0f0f1a);border-color:var(--primary);box-shadow:0 4px 10px #c9a84c26,inset 0 1px #ffffff0d}.btn-accent{background:linear-gradient(180deg, #dbb85c, var(--primary) 40%, #6a4810);color:#0a0808;border-top:1px solid #ffdc784d;border-bottom:2px solid #4a3008;box-shadow:0 3px 6px #0006,inset 0 1px #ffffff1a}.btn-accent:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 10px #c9a84c4d,inset 0 1px #ffffff1a}.btn-success{color:#e0ffe8;background:linear-gradient(#3a8a5a,#2d7a4f 40%,#1a4a2e);border-top:1px solid #78ffa033;border-bottom:2px solid #0e2a18;box-shadow:0 3px 6px #0006,inset 0 1px #ffffff14}.btn-danger{color:#f0b0b0;background:linear-gradient(#a04040,#8a3030 40%,#3a1a1a);border-top:1px solid #ff787833;border-bottom:2px solid #200e0e;box-shadow:0 3px 6px #0006,inset 0 1px #ffffff14}.btn-sm{letter-spacing:1px;border-bottom-width:2px;padding:10px 16px;font-size:13px}.btn-outline{border:1px solid var(--primary);border-bottom:2px solid var(--primary-dark);color:var(--primary);background:0 0;box-shadow:0 2px 4px #0003}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);border-top:2px solid var(--border-gold);padding:20px}.card-hover{transition:all .25s}.card-hover:hover{background:var(--bg-card-hover);cursor:pointer;border-color:#c9a84c40;box-shadow:0 8px 32px #c9a84c14}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.header-title{color:var(--primary-light);letter-spacing:3px;text-transform:uppercase;font-size:16px;font-weight:700}.badge{letter-spacing:1px;text-transform:uppercase;border-radius:2px;align-items:center;padding:3px 10px;font-family:Courier New,monospace;font-size:11px;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-light);border:1px solid var(--border-gold);background:#c9a84c26}.badge-success{color:var(--success-light);background:#4a946026;border:1px solid #4a94604d}.badge-danger{color:var(--danger-light);background:#c8303026;border:1px solid #c830304d}.badge-warning{color:var(--warning-light);background:#c4a03026;border:1px solid #c4a0304d}.text-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:12px 16px;font-family:Pretendard,sans-serif;font-size:14px;transition:border-color .2s}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px #c9a84c33}.chat-container{flex-direction:column;flex:1;gap:12px;padding:16px 0;display:flex;overflow-y:auto}.chat-bubble{border-radius:2px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.7;animation:.3s fadeInUp}.chat-bubble-user{color:var(--text);background:#12122a;border:1px solid #252545;align-self:flex-end}.chat-bubble-character{background:var(--bg-card);border:1px solid var(--border);border-left:2px solid var(--border-gold);align-self:flex-start}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes goldGlow{0%,to{box-shadow:0 0 16px #c9a84c26}50%{box-shadow:0 0 32px #c9a84c4d}}.animate-fade-in{animation:.5s fadeIn}.animate-slide-up{animation:.5s slideUp}.tabs{scrollbar-width:none;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--border);color:var(--text-secondary);letter-spacing:1px;cursor:pointer;white-space:nowrap;text-transform:uppercase;background:0 0;border-radius:2px;padding:8px 16px;font-family:Courier New,monospace;font-size:12px;font-weight:600;transition:all .2s}.tab.active{color:var(--primary-light);border-color:var(--border-gold);background:#c9a84c26}.progress-bar{background:var(--bg-input);border-radius:0;width:100%;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary-dark), var(--primary));border-radius:0;height:100%;transition:width .3s}.statement-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--border-gold);border-radius:var(--radius);cursor:pointer;padding:16px;transition:all .2s}.statement-card:hover{background:var(--bg-card-hover);border-color:#c9a84c66}.statement-card.selected{border-color:var(--primary);border-left-color:var(--primary);background:#c9a84c14;box-shadow:0 0 20px #c9a84c1a}.statement-card.correct{border-color:var(--success);border-left-color:var(--success);background:#4a946014}.statement-card.wrong{border-color:var(--danger);border-left-color:var(--danger);background:#c8303014}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.loading-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:100;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);border-top:2px solid var(--primary);width:100%;max-width:400px;padding:28px;animation:.3s slideUp;box-shadow:0 0 64px #c9a84c14}table{font-family:Courier New,monospace}table th{letter-spacing:1px;text-transform:uppercase;color:var(--primary-light);font-size:11px}table td{color:var(--text-secondary);font-size:12px}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}.font-title,h1,h2,h3,.header-title{font-family:Gowun Dodum,serif}::selection{color:var(--text);background:#c9a84c4d}