.list-shell{max-width:1800px;margin:28px auto 60px;padding:0 18px 40px;color:var(--text)}.list-header{text-align:center;margin-bottom:20px}.list-header h1{margin:0 0 16px;font-size:32px;letter-spacing:0.01em}.group-by-buttons{display:flex;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.group-btn{padding:8px 16px;border-radius:0.25em;border:2px solid var(--border);background:var(--input-bg);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.12s ease;text-decoration:none;display:inline-block;box-shadow:3px 3px 0 0 var(--shadow-color)}.group-btn:hover{transform:translate(-1px, -1px);box-shadow:4px 4px 0 0 var(--shadow-color);border-color:var(--accent)}.group-btn.active{background:var(--btn-selected-bg);color:var(--btn-selected-text);border-color:var(--text);box-shadow:3px 3px 0 0 var(--accent)}.group-btn.active:hover{box-shadow:4px 4px 0 0 var(--accent)}.filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative}.search-box input{width:100%;padding:0 12px 0 36px;height:42px;border-radius:0.375em;border:2px solid var(--border);background:var(--input-bg);color:var(--text);font-size:14px;font-family:inherit;box-sizing:border-box;box-shadow:3px 3px 0 0 var(--shadow-color);transition:all 0.12s ease}.search-box input:focus{outline:none;border-color:var(--accent);transform:translate(-1px, -1px);box-shadow:4px 4px 0 0 var(--shadow-color)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.sort-controls{display:flex;gap:12px;align-items:center}.sort-select{padding:0 32px 0 12px;height:42px;border-radius:0.375em;border:2px solid var(--border);background:var(--input-bg);color:var(--text);font-size:14px;font-family:inherit;cursor:pointer;box-sizing:border-box;box-shadow:3px 3px 0 0 var(--shadow-color);transition:all 0.12s ease}.sort-select:hover{transform:translate(-1px, -1px);box-shadow:4px 4px 0 0 var(--shadow-color)}.sort-select:focus{outline:none;border-color:var(--accent)}.content-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:40px}@media (min-width: 1500px){.content-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media (min-width: 2100px){.content-grid{grid-template-columns:repeat(5, minmax(0, 1fr))}}@media (max-width: 900px){.content-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 600px){.content-grid{grid-template-columns:1fr}}.content-group{margin-bottom:40px}.content-group h2{font-size:24px;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--border);color:var(--text)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:32px 0}.pagination a,.pagination .current,.pagination .gap{padding:8px 12px;border-radius:0.25em;border:2px solid var(--border);background:var(--input-bg);color:var(--text);text-decoration:none;font-size:14px;transition:all 0.12s ease;box-shadow:2px 2px 0 0 var(--shadow-color)}.pagination a:hover{transform:translate(-1px, -1px);box-shadow:3px 3px 0 0 var(--shadow-color);border-color:var(--accent)}.pagination .current{background:var(--btn-selected-bg);color:var(--btn-selected-text);border-color:var(--text);font-weight:600;box-shadow:2px 2px 0 0 var(--accent)}.pagination .gap{border:none;background:transparent;color:var(--muted);box-shadow:none}.pagination .first,.pagination .prev,.pagination .next,.pagination .last{font-weight:600}
