body{font-family:system-ui;max-width:1100px;margin:16px auto;padding:0 16px}h1{margin:0 0 10px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-add{display:none;border:1px solid #ddd;background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;text-decoration:none;color:inherit;white-space:nowrap}.admin-add.show{display:inline-block}.admin-add:hover,.admin-add:focus-visible{border-color:#bbb;background:#ececec!important;text-decoration:none}.author-filter{display:none;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;padding:10px 12px;border:1px solid #e8e8e8;border-radius:12px;background:#fafafa;font-size:13px}.author-filter.show{display:flex}.author-filter strong{font-weight:650}.author-filter .filter-kind{font-weight:400}.author-filter .filter-value{font-weight:650}.author-filter .clear{border:1px solid #ddd;background:#fff;border-radius:999px;padding:6px 10px;color:inherit;cursor:pointer}.author-filter .clear:hover,.author-filter .clear:focus-visible{border-color:#bbb;background:#ececec}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-btn svg{width:29px;height:29px;display:block}.tooltip-btn{position:relative}.tooltip-btn:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;padding:5px 8px;border-radius:8px;background:#111;color:#fff;font-size:12px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity 70ms ease-out,transform 70ms ease-out}.tooltip-btn:hover:after,.tooltip-btn:focus-visible:after{opacity:1;transform:translateY(0)}.toolbar{display:grid;gap:10px;margin:16px 0 18px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{flex:1;min-width:260px}input[type=search]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:10px;font-size:14px}.search{position:relative}.author-suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 8px 24px #00000014;padding:6px}.author-suggest[hidden]{display:none!important}.author-suggest button{width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:8px 10px;cursor:pointer;font:inherit}.author-suggest button:hover,.author-suggest button:focus-visible{background:#ececec;outline:none}.author-suggest small{opacity:.65;margin-left:9px;font-size:11px}select,.row-main select,.filters-panel select{padding:10px 12px;border:1px solid #ddd;border-radius:12px;background:#fff;font-size:14px}.sort-wrap{position:relative;display:inline-block;flex:0 0 auto;width:50px;min-width:50px;height:40px;border:1px solid #ddd;border-radius:12px;background:#fff;overflow:hidden}.sort-wrap:hover{border-color:#bbb}.sort-wrap select{position:absolute;inset:0;width:180px;min-width:180px;height:100%;border:0;outline:0;padding:0 30px 0 10px;color:transparent;text-shadow:0 0 0 transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;font-size:14px}.sort-wrap:before{content:"";position:absolute;left:9px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4v16'/%3E%3Cpath d='m4 7 3-3 3 3'/%3E%3Cpath d='M17 20V4'/%3E%3Cpath d='m20 17-3 3-3-3'/%3E%3C/svg%3E")}.sort-wrap:after{content:"";position:absolute;right:11px;top:50%;width:7px;height:7px;border-right:1.8px solid #666;border-bottom:1.8px solid #666;transform:translateY(-65%) rotate(45deg);pointer-events:none}.sort-wrap select option{color:initial}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #ddd;background:#fff;border-radius:999px;padding:7px 10px;font-size:13px;cursor:pointer}.chip:hover,.chip:focus-visible{border-color:#bbb;background:#ececec}.chip[aria-pressed=true]{border-color:#bbb;background:#ececec;font-weight:700}.chip-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.chip-icon svg{width:16px;height:16px;display:block}.chip-icon[aria-pressed=true] svg{fill:currentColor}.meta{opacity:.75;font-size:13px;margin-top:6px;text-align:right}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}.card{border:1px solid #eee;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.row-main,.row-secondary{justify-content:space-between}.filters-btn{width:40px;height:40px;padding:0;border:1px solid #ddd;border-radius:999px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:inherit}.filters-btn svg{width:16px;height:16px;display:block}.filters-btn:hover{border-color:#bbb;background:#ececec}.filters-btn[aria-expanded=true]{border-color:#222;background:#ececec}.filters-panel{border:1px solid #eee;border-radius:14px;padding:12px;background:#fafafa}.filters-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:12px}.field{display:grid;gap:6px}.field span{font-size:12px;opacity:.8}@media(max-width:640px){.filters-grid{grid-template-columns:1fr}}.grid>.card>a.cover-wrap{display:block!important;height:180px!important;min-height:180px!important;max-height:180px!important;overflow:hidden!important;background:#f2f2f2;flex:0 0 180px!important;line-height:0}.grid>.card>a.cover-wrap>img.cover{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.grid>.card .cover-wrap,#pinned-row>.card .cover-wrap{display:block;width:100%;height:180px;overflow:hidden;background:#f2f2f2}.grid>.card .cover-wrap .cover,#pinned-row>.card .cover-wrap .cover{width:100%;height:100%;object-fit:cover;display:block}.grid>.card .cover-wrap>a,#pinned-row>.card .cover-wrap>a{display:block;width:100%;height:100%}.card-body{padding:12px 12px 14px;display:grid;gap:6px}.title-row{display:flex;align-items:center;gap:8px}.title-row .spacer{flex:1}.title-row a{color:inherit;text-decoration:none;font-weight:650}.title-row a:hover{text-decoration:underline}.badge{font-size:12px;opacity:.8}.snippet{font-size:13px;opacity:.85}.pillrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.pill{font-size:11px;padding:3px 7px;border:1px solid #eee;border-radius:999px;opacity:.8}.empty{margin:22px 0;padding:14px;border:1px dashed #ddd;border-radius:12px;opacity:.85}#pinned-row>.card>a.cover-wrap{height:180px;overflow:hidden}#pinned-row>.card>a.cover-wrap>img.cover{width:100%;height:100%;object-fit:cover;display:block}.pinned-wrap{margin:0 0 14px}.pinned-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px}.pinned-title{font-weight:650}.pinned-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,260px);gap:12px;overflow-x:auto;padding-bottom:6px}.pinned-row::-webkit-scrollbar{height:10px}.cover-wrap--pinned{position:relative}.unpin-overlay{position:absolute;top:10px;right:11px;z-index:2;border:1px solid #ddd;background:#ffffffe6;backdrop-filter:blur(6px);border-radius:999px;padding:6px 9px;cursor:pointer;font-size:13px;line-height:1}.unpin-overlay:hover{border-color:#bbb;background:#ececec}#pinned-row .unpin-overlay{opacity:0;pointer-events:none;transition:opacity .12s ease-in-out}#pinned-row .card:hover .unpin-overlay,#pinned-row .cover-wrap--pinned:hover .unpin-overlay,#pinned-row .card.show-unpin .unpin-overlay,#pinned-row .unpin-overlay:focus,#pinned-row .unpin-overlay:focus-visible{opacity:1;pointer-events:auto}.grid .cover-wrap--grid{position:relative}.grid .pin-overlay{position:absolute;top:10px;right:11px;z-index:2;border:1px solid #ddd;background:#ffffffe6;backdrop-filter:blur(6px);border-radius:999px;padding:6px 9px;cursor:pointer;font-size:13px;line-height:1;opacity:0;pointer-events:none;transition:opacity .12s ease-in-out}.grid .card:hover .pin-overlay,.grid .cover-wrap--grid:hover .pin-overlay,.grid .pin-overlay:focus,.grid .pin-overlay:focus-visible{opacity:1;pointer-events:auto}.grid .pin-overlay:hover{border-color:#bbb;background:#ececec}@media(hover:none),(pointer:coarse){.grid .pin-overlay,#pinned-row .unpin-overlay,#pinned-row .pin-overlay{display:none!important;opacity:0!important;pointer-events:none!important}}