@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#0a0f1e;--bg-card:#111827;--bg-card2:#1a2236;--text-main:#f1f5f9;--text-muted:#64748b;--text-dim:#94a3b8;--accent:#00e5ff;--accent-glow:#00e5ff66;--answer-color:#00ff9d;--answer-glow:#00ff9d80;--border:#ffffff12;--radius:14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 20% 20%,#00e5ff0f 0%,#0000 60%),radial-gradient(at 80% 80%,#00ff9d0d 0%,#0000 60%);min-height:100vh;font-family:Inter,sans-serif}.app-container{flex-direction:column;gap:1.5rem;max-width:860px;min-height:100vh;margin:0 auto;padding:1.5rem 1.5rem 0;display:flex}.header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.logo-icon{font-size:1.6rem}.header h1{background:linear-gradient(90deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:700}.status-indicator{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#00e5ff14;border:1px solid #00e5ff33;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.78rem;font-weight:600;display:flex}.pulse{background-color:var(--accent);width:7px;height:7px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:1.8s infinite pulse-anim}@keyframes pulse-anim{0%{box-shadow:0 0 0 0 var(--accent-glow);transform:scale(.9)}70%{transform:scale(1.1);box-shadow:0 0 0 8px #00e5ff00}to{transform:scale(.9);box-shadow:0 0 #00e5ff00}}.main-content{flex:1}.empty-state{color:var(--text-muted);background:var(--bg-card);border-radius:var(--radius);text-align:center;border:1px dashed #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:5rem 2rem;display:flex}.empty-icon{font-size:2.5rem}.hint{color:var(--text-dim);font-size:.9rem}kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:1px 7px;font-family:monospace;font-size:.85rem}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin-bottom:.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.resolution-card{border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:0;animation:.4s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 8px 40px #0006}.resolution-card.nuevo{animation:.6s ease-out flashNew}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes flashNew{0%{box-shadow:0 0 0 0 var(--answer-glow)}50%{box-shadow:0 0 30px 8px var(--answer-glow)}to{box-shadow:0 8px 40px #0006}}.section-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);background:#ffffff12;border-radius:20px;margin-bottom:1rem;padding:.25rem .7rem;font-size:.7rem;font-weight:700;display:inline-block}.answer-tag{color:var(--answer-color);background:#00ff9d1f;box-shadow:0 0 12px #00ff9d26}.question-section{background:var(--bg-card);padding:1.5rem}.question-text{white-space:pre-wrap;word-wrap:break-word;color:var(--text-dim);font-family:Inter,sans-serif;font-size:1rem;line-height:1.8}.divider{background:var(--bg-card2);letter-spacing:2px;color:var(--text-muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:.6rem;font-size:.7rem;font-weight:600;display:flex}.answer-section{background:linear-gradient(160deg,#0d1f17 0%,#0a1628 100%);padding:1.5rem;position:relative;overflow:hidden}.answer-section:before{content:"";background:linear-gradient(90deg, var(--answer-color), var(--accent));height:3px;box-shadow:0 0 20px var(--answer-glow);position:absolute;top:0;left:0;right:0}.answer-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#00ff9d12 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-60px}.answer-highlight{border:1px solid #00ff9d33;border-left:4px solid var(--answer-color);background:#00ff9d0d;border-radius:10px;padding:1.25rem 1.25rem 1.25rem 1.5rem;box-shadow:0 0 30px #00ff9d14}.answer-highlight pre{white-space:pre-wrap;word-wrap:break-word;color:#e0fff4;text-shadow:0 0 20px #00ff9d4d;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.8}.footer{text-align:center;color:var(--text-muted);letter-spacing:.5px;padding:1rem;font-size:.75rem}