.lib-wrap{max-width:1400px;margin:0 auto;padding:1.5rem 1rem 4rem;font-family:Inter,system-ui,sans-serif}.lib-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.lib-header-left{display:flex;align-items:center;gap:1rem}.lib-icon-wrap{width:48px;height:48px;border-radius:.75rem;background:linear-gradient(135deg,#eef2ff,#ede9fe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .lib-icon-wrap{background:linear-gradient(135deg,#3730a322,#4a1d9622)}.lib-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0}.dark .lib-title{color:#f1f5f9}.lib-subtitle{font-size:.82rem;color:#94a3b8;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}}@media(max-width:400px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-radius:1rem;border:1px solid}@media(max-width:640px){.stat-card{flex-direction:column;align-items:flex-start;gap:.35rem;padding:.65rem .75rem;border-radius:.75rem}.stat-icon,.stat-value{font-size:1.1rem!important}.stat-label{font-size:.65rem;margin-top:0}}.stat-blue{background:#eff6ff;border-color:#bfdbfe}.stat-indigo{background:#eef2ff;border-color:#c7d2fe}.stat-green{background:#f0fdf4;border-color:#bbf7d0}.stat-purple{background:#faf5ff;border-color:#e9d5ff}.stat-orange{background:#fff7ed;border-color:#fed7aa}.dark .stat-blue{background:#1e3a5f22;border-color:#1e40af44}.dark .stat-indigo{background:#3730a322;border-color:#3730a344}.dark .stat-green{background:#14532d22;border-color:#16653444}.dark .stat-purple{background:#4a1d9622;border-color:#4a1d9644}.dark .stat-orange{background:#7c2d1222;border-color:#c2410c44}.stat-icon{font-size:1.75rem}.stat-blue .stat-icon{color:#3b82f6}.stat-indigo .stat-icon{color:#6366f1}.stat-green .stat-icon{color:#22c55e}.stat-purple .stat-icon{color:#a855f7}.stat-orange .stat-icon{color:#f97316}.stat-value{font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1}.dark .stat-value{color:#f1f5f9}.stat-label{font-size:.75rem;color:#64748b;margin-top:.2rem}.loading-state{text-align:center;padding:3rem;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite;display:inline-block}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #f1f5f9}.dark .filter-tabs{border-color:#334155}.tab-btn{padding:.4rem 1rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.dark .tab-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.tab-btn:hover{background:#f1f5f9;color:#1e293b}.dark .tab-btn:hover{background:#334155;color:#e2e8f0}.tab-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.empty-state{text-align:center;padding:3rem;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-link{padding:.5rem 1.25rem;border-radius:.5rem;background:#6366f1;color:#fff;font-weight:700;text-decoration:none;font-size:.85rem;transition:background .15s}.empty-link:hover{background:#4f46e5}.mc-card{display:flex;gap:.875rem;padding:.875rem;background:#fff;border-radius:.875rem;border:1px solid #e2e8f0;transition:box-shadow .2s,transform .2s}.dark .mc-card{background:#1e293b;border-color:#334155}.mc-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.dark .mc-card:hover{box-shadow:0 4px 16px #0000004d}.mc-cover{width:72px;height:104px;object-fit:cover;border-radius:.5rem;border:1px solid #e2e8f0;flex-shrink:0;display:block}.dark .mc-cover{border-color:#334155}.mc-cover-ph{width:72px;height:104px;border-radius:.5rem;background:linear-gradient(135deg,#334155,#1e293b);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.mc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.mc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mc-title{font-size:.88rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;flex:1;min-width:0}.dark .mc-title{color:#e2e8f0}.mc-title:hover{color:#6366f1}.dark .mc-title:hover{color:#818cf8}.mc-edit-btn{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.dark .mc-edit-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.mc-edit-btn:hover{background:#6366f1;border-color:#6366f1;color:#fff}.mc-type-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.mc-status-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.68rem;font-weight:700;width:fit-content}.ms-leyendo{background:#dbeafe;color:#2563eb}.ms-completado{background:#dcfce7;color:#16a34a}.ms-en_espera{background:#fef9c3;color:#ca8a04}.ms-planeado{background:#fce7f3;color:#db2777}.ms-abandonado{background:#fee2e2;color:#dc2626}.dark .ms-leyendo{background:#1e3a5f44;color:#60a5fa}.dark .ms-completado{background:#14532d44;color:#4ade80}.dark .ms-en_espera{background:#78350f44;color:#fbbf24}.dark .ms-planeado{background:#83184344;color:#f9a8d4}.dark .ms-abandonado{background:#7f1d1d44;color:#f87171}.mc-progress{display:flex;flex-direction:column;gap:.2rem;margin-top:auto;padding-top:.25rem}.mc-bar-wrap{width:100%;height:4px;border-radius:999px;background:#f1f5f9;overflow:hidden}.dark .mc-bar-wrap{background:#334155}.mc-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .5s ease}.mc-progress-text{font-size:.7rem;color:#64748b}.dark .mc-progress-text{color:#94a3b8}.mc-last{font-size:.7rem;color:#64748b}.dark .mc-last{color:#94a3b8}.mc-read-time{font-size:.7rem;color:#f97316;display:flex;align-items:center;gap:.2rem;margin-top:.1rem}.dark .mc-read-time{color:#fb923c}.mc-tip{position:relative;color:#94a3b8;cursor:help;font-size:.75rem;line-height:1;user-select:none}.mc-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1e293b;color:#f1f5f9;padding:6px 10px;border-radius:8px;font-size:.68rem;width:190px;text-align:center;white-space:normal;line-height:1.4;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:50;box-shadow:0 4px 12px #0000004d}.mc-tip:before{content:"";position:absolute;bottom:calc(100% + 1px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b;opacity:0;transition:opacity .15s ease;z-index:50;pointer-events:none}.mc-tip:hover:after,.mc-tip:hover:before,.mc-tip.active:after,.mc-tip.active:before{opacity:1}.mc-footer{margin-top:.375rem}.mc-action-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .875rem;border-radius:.5rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .15s;cursor:pointer;border:none}.mc-btn-start{background:#f97316;color:#fff}.mc-btn-start:hover{background:#ea580c}.mc-btn-continue{background:#6366f1;color:#fff}.mc-btn-continue:hover{background:#4f46e5}.mc-btn-uptodate{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.dark .mc-btn-uptodate{background:#14532d22;color:#4ade80;border-color:#16653444}.mc-btn-done{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.dark .mc-btn-done{background:#1e3a5f22;color:#60a5fa;border-color:#1e40af44}.mc-btn-done:hover{background:#dbeafe}.dark .mc-btn-done:hover{background:#1e3a5f55}#lib-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.lib-toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.125rem;border-radius:.75rem;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 8px 24px #0000002e;min-width:220px;max-width:320px;pointer-events:auto;animation:toast-in .28s cubic-bezier(.21,1.02,.73,1) forwards}.lib-toast.toast-out{animation:toast-out .22s ease-in forwards}.lib-toast-success{background:#16a34a}.lib-toast-error{background:#dc2626}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.96)}}
