.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;background:var(--bg)}.landing-bg-deco{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing-bg-blur{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.landing-bg-blur-1{top:5rem;left:2.5rem;width:18rem;height:18rem;background:#1eae530d}.landing-bg-blur-2{bottom:5rem;right:2.5rem;width:24rem;height:24rem;background:#1eae5308}.landing-floating-icons{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing-float-icon{position:absolute;color:#1eae5333;animation:landing-pulse 2s ease-in-out infinite}.landing-float-1{top:25%;left:25%;width:2rem;height:2rem}.landing-float-2{top:33%;right:25%;width:1.5rem;height:1.5rem;animation-delay:.3s}.landing-float-3{bottom:33%;left:33%;width:2.5rem;height:2.5rem;color:#1eae531a;animation-delay:.5s}.landing-float-4{bottom:25%;right:33%;width:1.75rem;height:1.75rem;animation-delay:.7s}@keyframes landing-pulse{0%,to{opacity:.6}50%{opacity:1}}.landing-content{position:relative;z-index:10;width:100%;max-width:28rem}.landing-brand{text-align:center;margin-bottom:2rem}.landing-logo-box{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:1rem;background:#1eae531a;border:1px solid hsl(142 71% 40% / .2);margin-bottom:1rem}.landing-logo-icon{width:2rem;height:2rem;color:var(--accent)}.landing-app-name{margin:0 0 .5rem;font-size:1.875rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.landing-tagline{margin:0;font-size:1rem;color:var(--text-muted)}.landing-card{width:100%;background:#1c1c1ccc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsl(0 0% 22% / .5);border-radius:var(--radius);padding:1.5rem 1.5rem 1.25rem;box-shadow:var(--shadow)}.landing-card-header{text-align:center;margin-bottom:1.25rem}.landing-form-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:var(--text)}.landing-form-subtitle{margin:0;font-size:.875rem;color:var(--text-muted)}.landing-form{display:flex;flex-direction:column;gap:1rem}.landing-form .field{display:flex;flex-direction:column;gap:.35rem}.landing-form label{font-size:.875rem;font-weight:500;color:var(--text)}.landing-form input[type=email],.landing-form input[type=password]{padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid hsl(0 0% 22% / .5);background:#24242480;color:var(--text);font-size:1rem}.landing-form input::placeholder{color:var(--text-muted)}.landing-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #1eae5340}.field-error{font-size:.8rem;color:#dd3c3c}.form-error{margin:0;font-size:.9rem;color:#dd3c3c}.btn-ingresar{width:100%;margin-top:.25rem;padding:.625rem 1rem;font-size:1rem;font-weight:500;color:#1a1a1a;background:var(--accent);border:none;border-radius:var(--radius-sm);transition:background .2s,transform .1s;cursor:pointer}.btn-ingresar:hover:not(:disabled){background:#1b9d4a}.btn-ingresar:active:not(:disabled){transform:scale(.98)}.btn-ingresar:disabled{opacity:.7;cursor:not-allowed}.landing-btn-loading{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.landing-spinner{width:1rem;height:1rem;border:2px solid hsl(0 0% 10% / .3);border-top-color:#1a1a1a;border-radius:50%;animation:landing-spin .8s linear infinite}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing-features{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.landing-feature{text-align:center}.landing-feature-icon{width:2.5rem;height:2.5rem;margin:0 auto .5rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid transparent}.landing-feature-blue{background:#1773cf1a;border-color:#1773cf33}.landing-feature-blue .landing-feature-icon-svg{color:#5ea6ed}.landing-feature-emerald{background:#29a3561a;border-color:#29a35633}.landing-feature-emerald .landing-feature-icon-svg{color:#5cd689}.landing-feature-pink{background:#cc33991a;border-color:#c393}.landing-feature-pink .landing-feature-icon-svg{color:#e085c2}.landing-feature-icon-svg{width:1.25rem;height:1.25rem}.landing-feature-label{margin:0;font-size:.75rem;color:var(--text-muted)}.item-card{width:100%;min-width:0;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 2px 8px #00000040;transition:box-shadow .2s}.item-card:hover{box-shadow:0 8px 24px #00000059}.item-card-poster{position:relative;width:100%;aspect-ratio:2/3;background:var(--bg-elevated);overflow:hidden}.item-card-poster-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .3s ease}.item-card:hover .item-card-poster-inner{transform:scale(1.05)}.item-card-poster-inner .item-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.item-card-poster-inner .item-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.item-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 50%,transparent 100%);pointer-events:none}.item-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--border) 100%)}.item-card-tipo{position:absolute;top:.5rem;left:.5rem;z-index:2;font-size:.7rem;font-weight:600;color:#fff;padding:.25rem .5rem;border-radius:6px}.item-card-tipo.rounded-full{border-radius:9999px;border:1px solid rgba(255,255,255,.3)}.item-card-tipo.pill.tipo-pelicula{background:#1773cf}.item-card-tipo.pill.tipo-serie{background:#29a356}.item-card-tipo.pill.tipo-anime{background:#c39}.item-card-tipo.pill.tipo-youtube{background:#df2020}.item-card-eye-wrap{position:absolute;top:.5rem;right:.5rem;z-index:2;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.item-card-eye-wrap.visto{background:#1eae5340;border-color:#1eae5380}.item-card-eye-wrap.no-visto{background:#0006}.item-card-eye-icon{width:.75rem;height:.75rem;color:var(--accent)}.item-card-eye-wrap.no-visto .item-card-eye-icon{color:var(--text-muted)}.item-card-badge{position:absolute;top:.5rem;right:.5rem;z-index:2;font-size:.65rem;font-weight:600;padding:.2rem .45rem;border-radius:4px}.item-card-badge.visto{background:var(--accent);color:#fff}.item-card-body{padding:.75rem}.item-card-title{margin:0 0 .35rem;font-size:.95rem;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.item-card-tags .tag{font-size:.7rem;color:var(--text-muted);background:var(--bg-elevated);padding:.15rem .4rem;border-radius:4px;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:90;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:hidden;overflow-y:auto}.item-detail-modal{position:relative;background:var(--bg-card);border-radius:1rem;border:1px solid var(--border);box-shadow:0 20px 60px #00000080;max-width:min(32rem,calc(100vw - 2rem));width:100%;max-height:90vh;overflow-x:hidden;overflow-y:auto}.item-detail-close{position:absolute;top:1rem;right:1rem;z-index:20;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:#0006;color:var(--text-muted);border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.item-detail-close:hover{color:#fff;background:#0009}.item-detail-close-icon{width:1rem;height:1rem}.item-detail-body{padding:1.5rem;min-width:0;overflow-wrap:break-word}.item-detail-flex{display:flex;gap:1rem;min-width:0}.item-detail-thumb{position:relative;width:8rem;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--bg-elevated)}.item-detail-thumb img{width:100%;aspect-ratio:2/3;object-fit:cover}.item-detail-thumb-placeholder{width:100%;aspect-ratio:2/3;background:linear-gradient(145deg,#2e2e2e,#3d3d3d);display:flex;align-items:center;justify-content:center}.item-detail-thumb-placeholder:after{content:"";width:32px;height:32px;background:#666;border-radius:6px;opacity:.5}.item-detail-thumb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;box-shadow:inset 0 0 0 2px #1eae534d;pointer-events:none}.item-detail-info{flex:1;min-width:0}.item-detail-tipo{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:600;color:#fff;border-radius:9999px;margin-bottom:.5rem}.item-detail-tipo.tipo-pelicula{background:#1773cf}.item-detail-tipo.tipo-serie{background:#29a356}.item-detail-tipo.tipo-anime{background:#c39}.item-detail-tipo.tipo-youtube{background:#df2020}.item-detail-title{margin:0 0 .35rem;font-size:1.2rem;font-weight:700;color:var(--text);line-height:1.3}.item-detail-desc{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.item-detail-generos{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}.item-detail-genre{padding:.2rem .5rem;font-size:.75rem;background:var(--bg-elevated);color:var(--text-muted);border-radius:6px}.item-detail-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.item-detail-tag{font-size:.7rem;color:var(--text-muted)}.item-detail-footer{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.item-detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s;border:1px solid transparent}.item-detail-btn-icon{width:1rem;height:1rem}.item-detail-btn-primary{color:#fff;background:var(--accent);border-color:transparent}.item-detail-btn-primary:hover{background:var(--accent-hover)}.item-detail-btn-outline{color:var(--text);background:transparent;border-color:var(--border)}.item-detail-btn-outline:hover{background:var(--bg-card);border-color:var(--text-muted)}.item-detail-btn-ghost{color:var(--text);background:transparent;border-color:var(--border)}.item-detail-btn-ghost:hover{background:var(--bg-card);border-color:var(--text-muted)}.shuffle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:hidden;overflow-y:auto}.shuffle-confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shuffle-confetti-dot{position:absolute;width:8px;height:8px;border-radius:50%;top:-10px;animation:shuffle-confetti-fall linear forwards}@keyframes shuffle-confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.shuffle-modal{position:relative;z-index:10;background:var(--bg-card);border-radius:1rem;overflow-x:hidden;overflow-y:auto;width:100%;max-width:min(32rem,calc(100vw - 2rem));border:1px solid var(--border);box-shadow:0 20px 60px #00000080;transform:scale(1);transition:transform .3s,opacity .3s}.shuffle-modal-winner{max-height:90vh;overflow-x:hidden;overflow-y:auto}.shuffle-spin{text-align:center;padding:2rem}.shuffle-orbit-wrapper{position:relative;width:420px;height:360px;margin:0 auto 1.5rem}.shuffle-orbit-card{position:absolute;left:50%;top:50%;width:92px;height:138px;margin-left:-46px;margin-top:-69px;will-change:transform}.shuffle-orbit-card-inner{width:100%;height:100%;border-radius:12px;overflow:hidden;background:var(--bg-elevated);box-shadow:0 4px 16px #0006}.shuffle-orbit-card-inner img{width:100%;height:100%;object-fit:cover}.shuffle-orbit-card-inner-no-img{background:linear-gradient(145deg,#2e2e2e,#3d3d3d)}.shuffle-orbit-card-placeholder{width:100%;height:100%;background:linear-gradient(145deg,#2e2e2e,#3d3d3d);display:flex;align-items:center;justify-content:center}.shuffle-orbit-card-placeholder:after{content:"";width:24px;height:24px;background:#666;border-radius:4px;opacity:.6}.shuffle-orbit-card-active .shuffle-orbit-card-inner{box-shadow:0 0 24px #1eae53cc;outline:2px solid hsl(142 71% 40%)}.shuffle-text{margin:0;font-size:1.1rem;color:var(--text-muted)}.shuffle-reveal{display:flex;flex-direction:column;min-width:0;overflow-x:hidden}.shuffle-close-btn{position:absolute;top:1rem;right:1rem;z-index:20;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-muted);border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.shuffle-close-btn:hover{color:#fff;background:#0009}.shuffle-winner-header{background:linear-gradient(to right,#1eae5333,#1eae531a,#1eae5333);padding:1.5rem 1.5rem 1rem;text-align:center}.shuffle-winner-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#1eae5333;border:2px solid hsl(142 71% 40% / .4);margin-bottom:.75rem;animation:shuffle-bounce .6s ease}@keyframes shuffle-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shuffle-winner-icon{width:2rem;height:2rem;color:var(--accent)}.shuffle-winner-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text)}.shuffle-winner-body{padding:1.5rem;min-width:0;overflow-wrap:break-word}.shuffle-winner-flex{display:flex;gap:1rem;min-width:0}.shuffle-winner-thumb{position:relative;width:8rem;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--bg-elevated)}.shuffle-winner-thumb img{width:100%;aspect-ratio:2/3;object-fit:cover}.shuffle-winner-thumb-placeholder{width:100%;aspect-ratio:2/3;background:linear-gradient(145deg,#2e2e2e,#3d3d3d);display:flex;align-items:center;justify-content:center}.shuffle-winner-thumb-placeholder:after{content:"";width:32px;height:32px;background:#666;border-radius:6px;opacity:.5}.shuffle-winner-thumb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;box-shadow:inset 0 0 0 2px #1eae5380;pointer-events:none}.shuffle-winner-info{flex:1;min-width:0}.shuffle-winner-tipo{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:600;color:#fff;border-radius:9999px;margin-bottom:.5rem}.shuffle-winner-tipo.tipo-pelicula{background:#1773cf}.shuffle-winner-tipo.tipo-serie{background:#29a356}.shuffle-winner-tipo.tipo-anime{background:#c39}.shuffle-winner-tipo.tipo-youtube{background:#df2020}.shuffle-winner-item-title{margin:0 0 .35rem;font-size:1.2rem;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shuffle-winner-desc{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shuffle-winner-generos{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}.shuffle-winner-genre{padding:.2rem .5rem;font-size:.75rem;background:var(--bg-elevated);color:var(--text-muted);border-radius:6px}.shuffle-winner-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.shuffle-winner-tag{font-size:.7rem;color:var(--text-muted)}.shuffle-winner-footer{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.btn-marcar-vista{flex:1;min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.btn-marcar-vista:hover{background:var(--accent-hover)}.btn-marcar-vista .btn-icon{width:1rem;height:1rem}.btn-ver-externo{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:background .2s,border-color .2s}.btn-ver-externo:hover{background:var(--bg-card);border-color:var(--text-muted)}.btn-ver-externo .btn-icon{width:1rem;height:1rem}.btn-cerrar{flex:1;min-width:100px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,border-color .2s}.btn-cerrar:hover{background:var(--bg-card);border-color:var(--text-muted)}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.main-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#0f0f0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(0 0% 22% / .5);position:sticky;top:0;z-index:50}.main-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.main-logo-box{width:2.5rem;height:2.5rem;border-radius:.75rem;background:#1eae531a;border:1px solid hsl(142 71% 40% / .2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.main-logo-icon{width:1.25rem;height:1.25rem;color:var(--accent)}.main-app-name{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.main-item-count{margin:.15rem 0 0;font-size:.8rem;color:var(--text-muted)}.main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.nav-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.9rem;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;transition:color .2s,border-color .2s,background .2s}.nav-btn:hover,.nav-btn[aria-expanded=true],.nav-btn-active{color:var(--text);border-color:var(--accent);background:#1eae5314}.nav-btn-icon{width:1rem;height:1rem;flex-shrink:0}.nav-chevron{width:1rem;height:1rem;margin-left:.25rem;opacity:.8}.chevron{font-size:.65rem;opacity:.8}.btn-ghost{padding:.5rem .75rem;font-size:.9rem;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);transition:color .2s,background .2s}.btn-ghost:hover{color:var(--text);background:var(--bg-card)}.btn-ghost-icon{padding:.5rem;display:inline-flex;align-items:center;justify-content:center}.btn-ghost-icon .nav-btn-icon{width:1.25rem;height:1.25rem}@media (max-width: 768px){.main-header{padding:.6rem .75rem;gap:.5rem}.main-app-name{font-size:1.1rem}.main-item-count{font-size:.75rem}.main-nav{gap:.4rem}.nav-btn,.btn-ghost{padding:.45rem .6rem;font-size:.85rem}}@media (max-width: 480px){.main-header{padding:.5rem .6rem}.main-logo-box{width:2rem;height:2rem}.main-logo-icon{width:1rem;height:1rem}.main-app-name{font-size:1rem}.main-item-count{display:none}}.main-filters-wrap{border-bottom:1px solid hsl(0 0% 22% / .5);background:#1c1c1c80;overflow:hidden;transition:max-height .3s ease;max-height:0}.main-filters-wrap-open{max-height:620px}.main-filters-wrap-open .filters-panel{padding:1rem}.filters-panel{padding:0 1rem;background:transparent;border-bottom:none;display:flex;flex-direction:column;gap:.75rem}.filters-panel-block{display:flex;flex-direction:column;gap:.5rem}.filters-panel-block-inline{flex-direction:row;align-items:center;gap:.75rem}.filter-type-btn-selected-main,.filter-chip.filter-chip-incluir{background:#1eae5333!important;color:var(--accent)!important;border-color:#1eae5380!important}.filter-chip.filter-chip-excluir{background:#bd282833!important;color:#e46767!important;border-color:#bd282880!important}.filter-chip-badge{margin-left:.25rem;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;opacity:.9}.filter-chip-badge-incluir,.filter-chip-badge-excluir{color:inherit}.filters-limpiar-todo{margin-left:auto}.btn-aplicar-filtros{padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.btn-aplicar-filtros:hover{background:var(--accent-hover)}.filters-panel-footer{padding-top:.25rem;border-top:1px solid hsl(0 0% 22% / .4)}.filter-tag-btn{font-size:.75rem}.filters-tags-wrap{flex-wrap:wrap}.filters-panel-header{display:flex;align-items:center;justify-content:space-between}.filters-panel-title{margin:0;font-size:.875rem;font-weight:500;color:var(--text)}.filters-limpiar{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s}.filters-limpiar:hover{color:var(--text)}.filters-limpiar-icon{width:.75rem;height:.75rem}.filters-type-wrap{display:flex;flex-wrap:wrap;gap:.5rem}.filter-type-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s}.filter-type-icon{width:1rem;height:1rem}.filter-type-btn-unselected{background:#242424;border-color:var(--border);color:var(--text-muted)}.filter-type-btn-unselected:hover{background:#2e2e2e;color:var(--text)}.filter-type-btn.tipo-pelicula{background:#1773cf33;color:#5ea6ed;border-color:#1773cf80}.filter-type-btn.tipo-serie{background:#29a35633;color:#5cd689;border-color:#29a35680}.filter-type-btn.tipo-anime{background:#c393;color:#e085c2;border-color:#cc339980}.filter-type-btn.tipo-youtube{background:#df202033;color:#ec7979;border-color:#df202080}.filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.filter-select{padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);min-width:160px}.filter-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);cursor:pointer}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem}.shuffle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;margin-top:2.5rem;margin-bottom:2rem}.btn-shuffle-circle{width:10rem;height:10rem;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--accent);border:none;color:#fff;box-shadow:0 8px 32px #1eae5366;transition:box-shadow .2s,transform .2s}.btn-shuffle-circle.btn-shuffle-circle-active{animation:main-pulse 1.5s ease-in-out infinite}.btn-shuffle-ring{position:absolute;top:-.35rem;right:-.35rem;bottom:-.35rem;left:-.35rem;border-radius:9999px;border:2px solid hsl(142 71% 40% / .7);opacity:.7;animation:shuffle-ring-ping 1.6s ease-out infinite}@keyframes shuffle-ring-ping{0%{transform:scale(1);opacity:.9}to{transform:scale(1.2);opacity:0}}@keyframes main-pulse{0%,to{opacity:1}50%{opacity:.85}}.btn-shuffle-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem}.shuffle-icon-svg{width:3rem;height:3rem;flex-shrink:0}.shuffle-icon-svg.shuffle-icon-spin{animation:spin 1s linear infinite}.btn-shuffle-circle:hover:not(:disabled){box-shadow:0 12px 40px #1eae5380}.btn-shuffle-circle:disabled{opacity:.7;cursor:not-allowed}.shuffle-icon{font-size:2rem;line-height:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shuffle-label{font-size:1rem;font-weight:700;letter-spacing:.05em}.shuffle-item-count{margin:.75rem 0 0;font-size:.95rem;color:var(--text-muted)}.shuffle-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-muted)}.section-title{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:var(--text)}.cards-section{width:100%;margin-top:1.5rem}.cards-scroll-container{position:relative;width:100%;min-height:280px;isolation:isolate}.cards-scroll-arrow{position:absolute;top:0;bottom:0;z-index:3;width:4rem;min-width:4rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:0;background:linear-gradient(to right,hsl(0 0% 6% / .92) 0%,hsl(0 0% 6% / .5) 30%,transparent 55%);color:#fffffff2;cursor:pointer;transition:color .2s ease,opacity .2s ease;font-size:1.85rem;font-weight:700;line-height:1;-webkit-tap-highlight-color:transparent;pointer-events:auto}.cards-scroll-arrow:before{display:none}.cards-scroll-arrow-right{left:auto;right:0;background:linear-gradient(to left,hsl(0 0% 6% / .92) 0%,hsl(0 0% 6% / .5) 30%,transparent 55%)}.cards-scroll-arrow:hover{background:linear-gradient(to right,hsl(0 0% 6% / .98) 0%,hsl(0 0% 6% / .65) 30%,transparent 55%);color:var(--accent)}.cards-scroll-arrow-right:hover{background:linear-gradient(to left,hsl(0 0% 6% / .98) 0%,hsl(0 0% 6% / .65) 30%,transparent 55%)}.cards-scroll-arrow:active{opacity:.92}.cards-scroll-arrow-left{left:0}.cards-scroll-chevron{position:relative;z-index:1;display:inline-block;transition:transform .2s ease}.cards-scroll-arrow:hover .cards-scroll-chevron{transform:scale(1.12)}.cards-scroll-arrow-left:hover .cards-scroll-chevron{transform:scale(1.12) translate(-2px)}.cards-scroll-arrow-right:hover .cards-scroll-chevron{transform:scale(1.12) translate(2px)}.cards-scroll-gradient{position:absolute;top:0;bottom:0;width:4rem;z-index:2;pointer-events:none}.cards-scroll-gradient-left{left:0;background:linear-gradient(to right,var(--bg) 0%,hsl(0 0% 6% / .9) 18%,transparent 45%)}.cards-scroll-gradient-right{right:0;background:linear-gradient(to left,var(--bg) 0%,hsl(0 0% 6% / .9) 18%,transparent 45%)}.main-import-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.cards-scroll-wrap{position:relative;z-index:1;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;padding-left:.25rem;padding-right:.25rem;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.cards-scroll-wrap::-webkit-scrollbar{height:6px}.cards-scroll-wrap::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:3px}.cards-scroll-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.cards-grid-h{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:nowrap;min-width:min-content;flex:0 0 auto}.cards-skeleton-inline{flex:0 0 auto;display:flex;gap:1rem;align-items:stretch;padding-left:.5rem}.cards-skeleton-inline .card-skeleton-h{flex:0 0 180px;width:180px;aspect-ratio:2/3;background:var(--bg-card);border-radius:var(--radius);animation:skeleton 1.2s ease-in-out infinite}.cards-grid-h li{flex:0 0 180px;min-width:0}.cards-grid-h .item-card{width:100%;max-width:180px;position:relative;z-index:0}.cards-grid-h .item-card-body{height:5.25rem;min-height:5.25rem;overflow:hidden}.cards-skeleton-h{display:flex;gap:1rem;overflow:hidden}.card-skeleton-h{flex:0 0 180px;width:180px;aspect-ratio:2/3;background:var(--bg-card);border-radius:var(--radius);animation:skeleton 1.2s ease-in-out infinite}@keyframes skeleton{0%,to{opacity:.6}50%{opacity:1}}.empty-state{color:var(--text-muted);text-align:center;padding:2rem}.empty-state a{color:var(--accent)}.item-form{max-width:32rem;padding:0}.form-block{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.form-hint{font-size:.8rem;color:var(--text-muted);margin:0 0 .5rem}.form-input,.form-textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#242424;color:var(--text)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #1eae5333}.form-textarea{resize:none}.type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.type-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s}.type-btn-icon{width:1.25rem;height:1.25rem}.type-btn-unselected{background:#242424;border-color:var(--border);color:var(--text-muted)}.type-btn-unselected:hover{background:#2e2e2e;color:var(--text)}.type-btn.tipo-pelicula{background:#1773cf33;color:#5ea6ed;border-color:#1773cf80}.type-btn.tipo-serie{background:#29a35633;color:#5cd689;border-color:#29a35680}.type-btn.tipo-anime{background:#c393;color:#e085c2;border-color:#cc339980}.type-btn.tipo-youtube{background:#df202033;color:#ec7979;border-color:#df202080}.chips-wrap{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s}.chip-unselected{background:#242424;border-color:var(--border);color:var(--text-muted)}.chip-unselected:hover{background:#2e2e2e}.chip-selected{background:#1eae5333;color:var(--accent);border-color:#1eae5366}.tags-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .35rem .2rem .5rem;font-size:.75rem;background:#1eae5326;color:var(--accent);border:1px solid hsl(142 71% 40% / .3);border-radius:6px}.tag-badge-remove{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;background:transparent;color:inherit;border-radius:50%;cursor:pointer;transition:background .2s}.tag-badge-remove:hover{background:#1eae534d}.form-autocomplete-wrap,.autocomplete-input-wrap{position:relative}.autocomplete-input-wrap .form-input{padding-right:2.25rem}.autocomplete-spinner{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:item-form-spin .7s linear infinite;pointer-events:none}@keyframes item-form-spin{to{transform:translateY(-50%) rotate(360deg)}}.autocomplete-dropdown{position:absolute;left:0;right:0;top:100%;margin:.25rem 0 0;padding:.25rem 0;list-style:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:280px;overflow-y:auto;z-index:20;box-shadow:0 8px 24px #0006}.autocomplete-option{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;cursor:pointer;transition:background .15s}.autocomplete-option:hover{background:#2e2e2e}.autocomplete-option-poster{width:36px;height:54px;object-fit:cover;border-radius:4px;flex-shrink:0}.autocomplete-option-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.autocomplete-option-title{font-size:.875rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autocomplete-option-subtitle{font-size:.75rem;color:var(--text-muted)}.url-input-row{display:flex;gap:.5rem}.url-input-row .form-input{flex:1}.btn-fill-youtube{flex-shrink:0;padding:.5rem .75rem;font-size:.85rem;font-weight:500;color:var(--accent);background:#1eae5326;border:1px solid hsl(142 71% 40% / .4);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,border-color .2s}.btn-fill-youtube:hover:not(:disabled){background:#1eae5340;border-color:var(--accent)}.btn-fill-youtube:disabled{opacity:.6;cursor:not-allowed}.tags-input-row{display:flex;gap:.5rem}.tags-input-row .form-input{flex:1}.btn-icon-add{flex-shrink:0;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#242424;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,color .2s}.btn-icon-add:hover{background:var(--border);color:var(--text)}.tags-existentes{margin-top:.75rem}.tags-existentes-label{font-size:.75rem;color:var(--text-muted);margin:0 0 .35rem}.tags-existentes-wrap{display:flex;flex-wrap:wrap;gap:.25rem}.tag-suggestion{padding:.15rem .4rem;font-size:.65rem;background:#242424;color:var(--text-muted);border:none;border-radius:4px;cursor:pointer;transition:background .2s}.tag-suggestion:hover{background:#2e2e2e;color:var(--text)}.form-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);cursor:pointer;margin-bottom:1rem}.field-error{font-size:.8rem;color:#dd3c3c;margin-top:.25rem}.form-error{margin:0 0 .75rem;font-size:.875rem;color:#dd3c3c}.form-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-cancel{flex:1;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,border-color .2s}.btn-cancel:hover{background:var(--bg-card);border-color:var(--text-muted)}.btn-submit{flex:1;padding:.5rem 1rem;font-size:.9rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.btn-submit:hover:not(:disabled){background:var(--accent-hover)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.manage-card{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-card);transition:border-color .2s,box-shadow .2s}.manage-card:hover{border-color:#1eae5366;box-shadow:0 4px 16px #0003}.manage-card-watched{opacity:.9}.manage-card-inner{display:flex;gap:.75rem;padding:.75rem}.manage-card-image{position:relative;width:80px;height:112px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg-elevated)}.manage-card-image img{width:100%;height:100%;object-fit:cover}.manage-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-elevated),var(--border))}.manage-card-watched-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1eae5333;display:flex;align-items:center;justify-content:center}.manage-card-eye-icon{width:1.5rem;height:1.5rem;color:var(--accent)}.manage-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.manage-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.manage-card-meta{flex:1;min-width:0}.manage-card-tipo{display:inline-block;padding:.15rem .4rem;font-size:.65rem;font-weight:600;border-radius:4px;margin-bottom:.25rem}.manage-card-tipo.tipo-pelicula{background:#1773cf4d;color:#8cbff2}.manage-card-tipo.tipo-serie{background:#29a3564d;color:#85e0a6}.manage-card-tipo.tipo-anime{background:#cc33994d;color:#ebadd6}.manage-card-tipo.tipo-youtube{background:#df20204d;color:#f2a6a6}.manage-card-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.manage-card-menu-wrap{position:relative}.manage-card-menu-btn{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:var(--text-muted);background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:.8;transition:opacity .2s,background .2s}.manage-card-menu-btn:hover{opacity:1;background:var(--bg-elevated)}.manage-card-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.manage-card-menu{position:absolute;top:100%;right:0;margin-top:.25rem;min-width:10rem;padding:.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:10}.manage-card-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.8rem;color:var(--text);background:none;border:none;border-radius:4px;cursor:pointer;text-align:left;transition:background .2s}.manage-card-menu button:hover{background:var(--bg-card)}.manage-card-menu .menu-icon{width:.9rem;height:.9rem;flex-shrink:0}.manage-card-menu .menu-sep{margin:.25rem 0;border:none;border-top:1px solid var(--border)}.manage-card-menu .menu-danger{color:#dd3c3c}.manage-card-genres{display:flex;flex-wrap:wrap;gap:.25rem}.manage-card-genre{padding:.15rem .35rem;font-size:.65rem;background:var(--bg-elevated);color:var(--text-muted);border-radius:4px}.manage-card-tags{display:flex;flex-wrap:wrap;gap:.25rem;font-size:.65rem;color:var(--text-muted)}.manage-card-tags .manage-card-tag{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-card-actions{display:flex;border-top:1px solid var(--border)}.manage-card-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;background:none;border:none;cursor:pointer;transition:background .2s,color .2s}.action-icon{width:.9rem;height:.9rem}.manage-card-action-sep{width:1px;background:var(--border)}.action-watched{color:var(--accent);background:#1eae531a}.action-watched:hover{background:#1eae5333}.action-unwatched{color:var(--text-muted)}.action-unwatched:hover{background:var(--bg-elevated);color:var(--text)}.manage-card-action-edit{color:var(--text-muted)}.manage-card-action-edit:hover{background:var(--bg-elevated);color:var(--text)}.crud-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.crud-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#0f0f0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(0 0% 22% / .5);position:sticky;top:0;z-index:50}.crud-header-left{display:flex;align-items:center;gap:.75rem;min-width:0}.crud-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--accent);background:#1eae5326;border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s,color .2s}.crud-back:hover{background:#1eae5340;color:#fff}.crud-back-icon{width:1.25rem;height:1.25rem}.crud-logo-box{width:2.5rem;height:2.5rem;border-radius:.75rem;background:#1eae531a;border:1px solid hsl(142 71% 40% / .2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.crud-logo-icon{width:1.25rem;height:1.25rem;color:var(--accent)}.crud-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.crud-item-count{margin:.15rem 0 0;font-size:.8rem;color:var(--text-muted)}.crud-header-right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0}.crud-import-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.btn-agregar{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.btn-agregar:hover{background:var(--accent-hover)}.btn-agregar-icon{width:1rem;height:1rem}@media (max-width: 768px){.crud-header{padding:.6rem .75rem;gap:.5rem}.crud-title{font-size:1.1rem}.crud-item-count{font-size:.75rem}.crud-header-right{gap:.4rem}.crud-header-right .nav-btn{padding:.45rem .6rem;font-size:.85rem}.btn-agregar{padding:.45rem .75rem;font-size:.9rem}}@media (max-width: 480px){.crud-header{padding:.5rem .6rem}.crud-back{width:36px;height:36px}.crud-back-icon{width:1rem;height:1rem}.crud-logo-box{width:2rem;height:2rem}.crud-logo-icon{width:1rem;height:1rem}.crud-title{font-size:1rem}.crud-item-count{display:none}}.crud-toolbar-bar{border-bottom:1px solid hsl(0 0% 22% / .5);background:#1c1c1c4d}.crud-toolbar-inner{max-width:1200px;margin:0 auto;padding:.75rem 1rem}.crud-content{flex:1;max-width:1200px;margin:0 auto;padding:1.5rem 1rem 2rem}.crud-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.crud-search-wrap{flex:1;min-width:200px;position:relative}.crud-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;min-width:1rem;min-height:1rem;opacity:.6;pointer-events:none;flex-shrink:0}.crud-search{width:100%;padding:.6rem .75rem .6rem 2.25rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.95rem}.crud-search::placeholder{color:var(--text-muted)}.crud-search:focus{outline:none;border-color:var(--accent)}.nav-btn-active{color:var(--text);border-color:var(--accent);background:#1eae5314}.crud-filters-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;margin-left:.35rem;font-size:.75rem;font-weight:600;color:#fff;background:var(--accent);border-radius:999px}.crud-filters-panel{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:.75rem 0;border-top:1px solid var(--border)}.crud-filters-block{display:flex;flex-direction:column;gap:.5rem}.crud-filters-block-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.crud-filters-label{margin:0;font-size:.75rem;font-weight:500;color:var(--text-muted)}.crud-filters-chips{display:flex;flex-wrap:wrap;gap:.5rem}.crud-filters-panel .filter-type-btn{padding:.35rem .75rem;font-size:.875rem}.filter-type-btn-selected{background:#1eae5333!important;color:var(--accent)!important;border-color:#1eae5380!important}.filter-type-btn-with-icon{display:inline-flex;align-items:center;gap:.35rem}.crud-filters-panel .filter-type-icon{width:.875rem;height:.875rem}.crud-form-block{margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border)}.crud-list{margin-top:1rem}.crud-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.manage-grid{grid-template-columns:1fr}@media (min-width: 640px){.manage-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.manage-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.manage-grid{grid-template-columns:repeat(4,1fr)}}.add-edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-edit-modal{position:relative;z-index:10;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:1rem}.add-edit-modal-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-card)}.add-edit-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text)}.add-edit-modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:var(--bg-elevated);color:var(--text-muted);border-radius:50%;cursor:pointer;transition:color .2s,background .2s}.add-edit-modal-close:hover{color:var(--text);background:var(--border)}.add-edit-modal-body{padding:1rem 1.25rem}.crud-skeleton{margin-top:0}.crud-card-skeleton{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--bg-card)}.crud-card-skeleton-inner{display:flex;gap:.75rem;padding:.75rem}.crud-card-skeleton-image{width:80px;height:112px;flex-shrink:0;border-radius:8px;background:var(--bg-elevated);animation:skeleton-pulse 1.2s ease-in-out infinite}.crud-card-skeleton-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.crud-card-skeleton-line{height:.75rem;border-radius:4px;background:var(--bg-elevated);animation:skeleton-pulse 1.2s ease-in-out infinite}.crud-card-skeleton-tipo{width:3.5rem;height:.65rem}.crud-card-skeleton-title{width:85%;height:.9rem;animation-delay:.1s}.crud-card-skeleton-meta{width:60%;height:.65rem;animation-delay:.15s}.crud-card-skeleton-actions{margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border);display:flex;gap:0}.crud-card-skeleton-actions:before,.crud-card-skeleton-actions:after{content:"";flex:1;height:1.75rem;border-radius:4px;background:var(--bg-elevated);animation:skeleton-pulse 1.2s ease-in-out infinite;animation-delay:.2s}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:1}}.crud-empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.crud-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center}.crud-empty-icon-wrap{width:4rem;height:4rem;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.crud-empty-icon{width:2rem;height:2rem;min-width:2rem;min-height:2rem;color:var(--text-muted);flex-shrink:0}.crud-empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text)}.crud-empty-text{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted)}.crud-empty-cta{display:inline-flex;align-items:center;gap:.5rem}.crud-empty-cta-icon{width:1rem;height:1rem}:root{--bg: hsl(0 0% 6%);--bg-elevated: hsl(0 0% 9%);--bg-card: hsl(0 0% 11%);--bg-form: #1a1a1a;--text: hsl(0 0% 98%);--text-muted: hsl(0 0% 62%);--accent: hsl(142 71% 40%);--accent-hover: hsl(142 71% 48%);--border: hsl(0 0% 22%);--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 20px rgba(0, 0, 0, .4);--font-sans: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:1rem}.w-4{width:1rem}.h-4{height:1rem}.w-3{width:.75rem}.h-3{height:.75rem}