.collection-dropdown{position:absolute;top:10px;right:10px;z-index:10}.collection-dropdown__trigger{width:30px;height:30px;border-radius:50%;border:none;background:#0009;color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.75rem;opacity:0}.media-grid-item:hover .collection-dropdown__trigger,.collection-dropdown--open .collection-dropdown__trigger{opacity:1}.collection-dropdown__trigger:hover{background:#000c;color:#f4f4f4}.collection-dropdown__menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#11131b;border:none;border-radius:20px;padding:.75rem;min-width:200px;box-shadow:0 4px 20px #00000080;animation:dropdownFadeIn .2s ease}.collection-dropdown__section{padding:.25rem 0}.collection-dropdown__section--custom{max-height:150px;overflow-y:auto}.collection-dropdown__section--custom::-webkit-scrollbar{width:4px}.collection-dropdown__section--custom::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.collection-dropdown__section--custom::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.collection-dropdown__section--custom::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.collection-dropdown__section--add{padding:.75rem 0 .25rem}.collection-dropdown__section--add form{display:flex;gap:.5rem}.collection-dropdown__toggle-group{display:flex;background:#ffffff0a;border-radius:12px;overflow:hidden}.collection-dropdown__toggle{flex:1;padding:.45rem 0;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.1);border-radius:0;color:#808491}.collection-dropdown__toggle:last-child{border-right:none}.collection-dropdown__toggle{font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.collection-dropdown__toggle:hover:not(.active){background:#ffffff14;color:#f4f4f4}.collection-dropdown__toggle.active{background:#3b5dc9;color:#f4f4f4}.collection-dropdown__checkbox-item{display:flex;align-items:center;padding:.5rem;margin:.25rem 0;border-radius:12px;cursor:pointer;transition:background-color .2s ease}.collection-dropdown__checkbox-item:hover{background:#ffffff0d}.collection-dropdown__checkbox-item .custom-checkbox{margin-right:.75rem;flex-shrink:0}.collection-dropdown__checkbox-item>span:last-child{font-size:.85rem;color:#f4f4f4}.collection-dropdown__input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f4f4f4;padding:.5rem .75rem;font-size:.85rem}.collection-dropdown__input::placeholder{color:#808491}.collection-dropdown__input:focus{outline:none;border-color:#3b5dc9;background:#ffffff14}.collection-dropdown__add-btn{width:32px;align-self:stretch;border-radius:12px;border:none;background:#3b5dc9;color:#f4f4f4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.collection-dropdown__add-btn:hover:not(:disabled){background:#5a85d4;transform:scale(1.05)}.collection-dropdown__add-btn:disabled{opacity:.5;cursor:not-allowed}.collection-dropdown__heart{margin-left:auto;color:#b13e53;font-size:.8rem}.collection-dropdown--inline{position:relative;top:auto;right:auto;z-index:auto;align-self:stretch;display:flex}.collection-dropdown--inline .collection-dropdown__trigger{width:auto;height:100%;padding:0 1.1rem;border-radius:20px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:none;opacity:1;font-size:.85rem;font-weight:500;color:#ffffffb3;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.collection-dropdown--inline .collection-dropdown__trigger:hover{background:#ffffff26;color:#fffffff2}.collection-dropdown--inline .collection-dropdown__menu{left:0;right:auto}.collection-dropdown__split-btn{display:flex;border-radius:20px;overflow:hidden;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100%}.collection-dropdown__fav-btn{background:transparent;border:none;color:#ffffff73;padding:.45rem .9rem;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.collection-dropdown__fav-btn:hover:not(.active){color:#fffc;background:#ffffff0f}.collection-dropdown__fav-btn.active{color:#e74c6f;text-shadow:0 0 8px rgba(231,76,111,.4)}.collection-dropdown__chevron-btn{background:transparent;border:none;border-left:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:.45rem .7rem;font-size:.65rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.collection-dropdown__chevron-btn:hover{background:#ffffff14;color:#ffffffe6}.collection-dropdown--open .collection-dropdown__chevron-btn{background:#ffffff1a;color:#f4f4f4}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}@media (max-width: 767px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}}.media-grid-small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.85rem}@media (max-width: 767px){.media-grid-small{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.65rem}}.media-grid-item{position:relative}.media-grid-item:hover .media-card{transform:scale(1.04);box-shadow:0 8px 25px #0000004d}.media-grid-item:hover .collection-dropdown__trigger{transform:scale(1.04);transform-origin:top right}.media-card{background:#11131b;border:none;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;position:relative}.media-card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.media-card .media-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:2.5rem .65rem .6rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.55) 50%,transparent 100%)}.media-card .media-card-overlay h5{font-size:.85rem;font-weight:600;margin-bottom:.2rem;color:#f4f4f4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.media-card .media-card-overlay .media-card-year{font-size:.75rem;color:#ffffffb3}.media-card .media-card-overlay .media-card-cert{margin-right:0;border-radius:3px;padding:.1rem .2rem;font-size:.6rem;font-weight:600;line-height:1.4;vertical-align:middle;color:#fffc;border:1px solid rgba(255,255,255,.3);margin-right:.5rem}.media-card .media-card-overlay .media-card-rating{font-size:.75rem;color:#ffcd75}.media-card .media-card-overlay .media-card-rating--user{color:#5a85d4}