body { font-family: "Noto Sans SC", sans-serif; background: linear-gradient(135deg, #fff5f5 0%, #fffbf2 50%, #f5f7ff 100%); color: #4b5563; }
.font-mono { font-family: "JetBrains Mono", monospace; }
.glass-panel { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(24px); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20px; box-shadow: 0 8px 32px rgba(31, 38, 135, 0.04); }
@keyframes blue-breathe { 0%,100% { transform: scale(1); opacity: 0.7; box-shadow: 0 0 4px rgba(34, 211, 238, 0.4); } 50% { transform: scale(1.3); opacity: 1; box-shadow: 0 0 12px rgba(34, 211, 238, 0.8); } }
.breathe-dot { background-color: #22d3ee; animation: blue-breathe 2s infinite ease-in-out; }
.app-grid { display: grid; grid-template-columns: 168px 1fr 340px; height: 100vh; padding: 16px; gap: 16px; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.mistake-item { transition: all 0.3s ease; border-left: 4px solid transparent; }
.mistake-item:hover { transform: translateX(6px); background: white; border-left-color: #f87171; box-shadow: 0 4px 20px rgba(248, 113, 113, 0.05); }
.t-data { font-size: 20px; font-weight: 900; color: #1e293b; }
.wrong-filter-btn { transition: all 0.2s ease; }
.wrong-filter-btn.is-active { background: #ffffff; color: #ea580c; border-radius: 10px; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); }
.mistake-empty-card { min-height: 120px; display: flex; align-items: center; }