@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--border:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-blue:#2563eb;--accent-blue-light:#eff6ff;--accent-blue-mid:#bfdbfe;--accent-teal:#0d9488;--accent-teal-light:#f0fdfa;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000012, 0 2px 6px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 16px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font:"Sora", -apple-system, sans-serif;--font-mono:"DM Mono", monospace}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}::-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}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.3s forwards fadeIn}.slide-in{animation:.25s forwards slideInLeft}.card-hover{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-hover:active{transform:translateY(0)}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.badge{letter-spacing:.04em;font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:99px;align-items:center;padding:3px 10px;display:inline-flex}.code-tag{font-family:var(--font-mono);background:var(--accent-blue-light);color:var(--accent-blue);letter-spacing:.05em;border-radius:6px;padding:3px 9px;font-size:13px;font-weight:500;display:inline-block}.toggle-track{cursor:pointer;border:none;border-radius:99px;align-items:center;width:48px;height:26px;padding:0;transition:background .2s;display:inline-flex;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;left:3px;box-shadow:0 1px 4px #0000002e}.search-input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;font-family:var(--font);background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);outline:none;padding:14px 14px 14px 48px;font-size:15px;transition:all .2s}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #2563eb1a, var(--shadow-sm)}.search-input::placeholder{color:var(--text-muted)}.sidebar-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-item.active{background:var(--accent-blue-light);color:var(--accent-blue)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.catalog-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;border-left:3px solid #0000;align-items:flex-start;gap:14px;width:100%;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.catalog-card:hover{border-color:var(--border-hover);border-left-color:var(--accent-blue);box-shadow:var(--shadow-md);transform:translate(2px)}.catalog-card.selected{border-color:var(--accent-blue-mid);border-left-color:var(--accent-blue);background:var(--accent-blue-light)}.chapter-pill{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.tag{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.detail-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;padding:18px 20px}.detail-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:600}.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:20px;padding:5px 11px;font-size:12.5px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-icon{opacity:.5;margin-bottom:14px;font-size:48px;display:block}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000059;position:fixed;inset:0}.mobile-sidebar{background:var(--bg-secondary);z-index:50;width:280px;box-shadow:var(--shadow-lg);animation:.25s slideInLeft;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.header-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:30;background:#f8fafcd9;position:sticky;top:0}.version-badge{font-family:var(--font-mono);border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500}.highlight{color:#713f12;background:#fef08a;border-radius:2px;padding:0 1px}.sidebar-footer{border-top:1px solid var(--border);background:var(--bg-secondary);text-align:center;margin-top:auto;padding:16px 20px}.copyright-text{color:var(--text-muted);font-size:12px;font-family:var(--font)}@media (max-width:768px){.search-input{font-size:16px}.hide-mobile{display:none!important}}