main{--color-primary:var(--ast-global-color-0);--color-primary-hover:#3f7cc4;--color-primary-text:#fff;--color-active-filter-bg:#f5f7fa;--color-active-filter-border:#e5e7eb}main .filter-bar{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.8);border-radius:14px;margin-bottom:24px;padding:0}main .search-box{background:#fff;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;flex:1;font-size:14px;padding:10px 14px;transition:border-color .15s;width:100%}:is(main .search-box):focus{border-color:#007aff}main .sort-select{appearance:none;background:#fff;background-image:url('data:image/svg+xml;utf8,<svg fill="%23666" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 12px center;background-repeat:no-repeat;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;padding:10px 14px;width:180px}main .top-filter-row{display:flex;gap:12px;margin-bottom:14px}:is(main .top-filter-row) .search-container{display:flex;flex:1;gap:0}:is(:is(main .top-filter-row) .search-container) .search-button{align-items:center;aspect-ratio:1;background:var(--color-primary);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;display:flex;font-size:90%;justify-content:center;padding:6px;transition:background .15s ease}:is(:is(:is(main .top-filter-row) .search-container) .search-button):hover{background:var(--color-primary-hover)}main .filter-header{display:flex;justify-content:space-between;margin-bottom:12px}main .filter-title{color:#333;font-size:18px;font-weight:600}main .filter-row{display:flex;gap:6px}main .filter-select{appearance:none;background:#fff;border:1px solid #d0d5dd;border-radius:8px;cursor:pointer;flex:1;font-size:14px;max-width:33.33%;padding:10px 14px;transition:border-color .15s ease}main .filter-select:focus{border-color:var(--color-primary)}main .filter-open-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:16px;margin-top:12px;padding:12px 0;width:100%}:is(main .filter-open-btn):focus,:is(main .filter-open-btn):hover{background:var(--color-primary-hover)}:is(main .filter-open-btn) #filtered-icon{height:1.2em;margin-left:.5em}main #active-filters{--line-height:32px;background-color:var(--color-active-filter-bg);border:var(--color-active-filter-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:4px 2px;margin-top:1em;max-height:calc(var(--line-height)*2);overflow:hidden;padding:12px 14px;transition:max-height .2s ease}.is-expanded:is(main #active-filters){max-height:1000px}[style*="display: none"]:is(main #active-filters){margin-top:0}:is(main #active-filters) .filter-tag{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#374151;display:inline-flex;font-size:.8em;gap:6px;padding:2px 12px}:is(:is(main #active-filters) .filter-tag) .remove{align-items:center;cursor:pointer;display:inline-flex}:is(:is(main #active-filters) .filter-tag):hover{background:#f9fafb}.non-ui:is(:is(main #active-filters) .filter-tag){background:#f5f3ff;border-color:#c4b5fd;color:#4c1d95}.non-ui:is(:is(main #active-filters) .filter-tag) .remove{color:#6d28d9}main .active-filters__more{color:var(--color-primary);cursor:pointer;font-size:13px;opacity:.85;text-align:center}:is(main .active-filters__more) :hover{text-decoration:underline}main .filter-modal{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.45);display:none;inset:0;justify-content:center;position:fixed;z-index:1000}:is(main .filter-modal) .filter-modal-content{animation:fadeIn .25s ease;background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.15);max-width:380px;padding:20px;width:90%}:is(:is(main .filter-modal) .filter-modal-content) #close-filter-modal{background:#fff;color:#000}:is(:is(main .filter-modal) .filter-modal-content) .modal-input{margin:10px 0}:is(:is(main .filter-modal) .filter-modal-content) .modal-header{display:flex;justify-content:space-between;margin-bottom:16px}:is(:is(main .filter-modal) .filter-modal-content) .modal-select{margin:10px 0;max-width:100%!important;width:100%}:is(:is(main .filter-modal) .filter-modal-content) .modal-apply-btn{background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:12px;padding:12px 0;width:100%}:is(:is(:is(main .filter-modal) .filter-modal-content) .modal-apply-btn):focus,:is(:is(:is(main .filter-modal) .filter-modal-content) .modal-apply-btn):hover{background:var(--color-primary-hover)}@media (max-width:768px){main .filter-row,main .top-filter-row{display:none}main .filter-open-btn{display:inline-block}}main #cards-wrapper{container:cards-wrapper/inline-size}main .masonry{width:100%!important}main .card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.09);break-inside:avoid;cursor:pointer;margin:0 .05rem .2rem;opacity:1;padding:12px;transition:opacity 2.5s ease-in,box-shadow .3s ease;width:25%}:is(main .card):hover{border:2.5px solid #cc9b40;box-shadow:0 4px 16px #cc9b40;transform:scale(1.05);z-index:10}:is(main .card) img{border-radius:8px;display:block;height:auto;margin-bottom:10px;object-fit:cover;width:100%}:is(main .card) .header{display:flex;font-size:.9em;gap:.5em}:is(:is(main .card) .header) .year{background-color:#cc9b40;color:#fff;font-size:.9em;padding:0 .5em;width:fit-content}:is(:is(main .card) .header) .category{color:#cc9b40;font-size:.9em}:is(main .card) .name{font-size:1.05rem;font-weight:600;margin-bottom:6px}:is(:is(main .card) .name):has(+.optional-data){margin-bottom:0}:is(main .card) .optional-data{color:#666;font-size:.85rem;font-weight:400;margin-bottom:6px}:is(main .card) .label{color:#666;font-size:.75rem;font-weight:600}:is(main .card) .value{font-size:.9rem;margin-bottom:4px}@container cards-wrapper (max-width: 1024px){main .card{width:calc(25% - .3rem)}}@container cards-wrapper (max-width: 768px){main .card{width:calc(33.33% - .2rem)}}@container cards-wrapper (max-width: 480px){main .card{width:calc(50% - .1rem)}}