.xp-info-btn{width:18px;height:18px;color:var(--text-muted);opacity:.6;cursor:pointer;background:0 0;border:none;padding:0}.xp-info-btn:hover{opacity:1;color:var(--accent-primary)}.xp-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out xpFadeIn;display:flex;position:fixed;inset:0}.xp-modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;max-height:80vh;padding:20px;animation:.2s ease-out xpSlideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.xp-section{background:var(--bg-glass);border:1px solid var(--border);border-radius:10px;margin-bottom:14px;padding:12px}.xp-section:last-child{margin-bottom:0}.xp-section-title{color:var(--text-primary);margin-bottom:6px;font-size:13px;font-weight:700}.xp-section-desc{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.xp-formula{color:var(--accent-primary);text-align:center;background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid #6366f126;border-radius:8px;margin-top:8px;padding:8px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600}.xp-table{flex-direction:column;gap:4px;margin-top:6px;display:flex}.xp-table-row{color:var(--text-primary);background:#00000005;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.xp-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.xp-badge-easy{color:#16a34a;background:#22c55e1a}.xp-badge-medium{color:#d97706;background:#f59e0b1a}.xp-badge-hard{color:#dc2626;background:#ef44441a}@keyframes xpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes xpSlideUp{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.xp-modal-content::-webkit-scrollbar{width:4px}.xp-modal-content::-webkit-scrollbar-track{background:0 0}.xp-modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}