.color-filter.svelte-7xzvck{display:flex;flex-direction:column;gap:.75rem}.filter-row.svelte-7xzvck{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.clear-btn.svelte-7xzvck{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#999;padding:0;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.clear-btn.svelte-7xzvck:hover{background-color:#f0f0f0;color:#666}.color-buttons.svelte-7xzvck{display:flex;gap:.5rem;flex-wrap:wrap}.color-btn.svelte-7xzvck{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:.25rem;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.color-btn.svelte-7xzvck:hover{border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.color-btn.selected.svelte-7xzvck{border-color:var(--color);background:color-mix(in srgb,var(--color) 15%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--color) 50%,.5)}.color-btn.selected.svelte-7xzvck:has(.ms-w){border-color:#b8860b;box-shadow:0 0 0 2px #b8860b80;background:color-mix(in srgb,#FFFBD5 25%,#FFF8DC)}.color-symbol.svelte-7xzvck{font-size:1.2rem;line-height:1}.ms-w.svelte-7xzvck{color:#fffbd5;text-shadow:-1px -1px 0 rgba(0,0,0,.5),1px -1px 0 rgba(0,0,0,.5),-1px 1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(0,0,0,.5),0 0 2px rgba(0,0,0,.5)}.ms-u.svelte-7xzvck{color:#0e68ab;text-shadow:-.5px -.5px 0 rgba(0,0,0,.5),.5px -.5px 0 rgba(0,0,0,.5),-.5px .5px 0 rgba(0,0,0,.5),.5px .5px 0 rgba(0,0,0,.5)}.ms-b.svelte-7xzvck{color:#150b00;text-shadow:-.5px -.5px 0 rgba(255,255,255,.5),.5px -.5px 0 rgba(255,255,255,.5),-.5px .5px 0 rgba(255,255,255,.5),.5px .5px 0 rgba(255,255,255,.5)}.ms-r.svelte-7xzvck{color:#d3202a;text-shadow:-.5px -.5px 0 rgba(0,0,0,.5),.5px -.5px 0 rgba(0,0,0,.5),-.5px .5px 0 rgba(0,0,0,.5),.5px .5px 0 rgba(0,0,0,.5)}.ms-g.svelte-7xzvck{color:#00733e;text-shadow:-.5px -.5px 0 rgba(0,0,0,.5),.5px -.5px 0 rgba(0,0,0,.5),-.5px .5px 0 rgba(0,0,0,.5),.5px .5px 0 rgba(0,0,0,.5)}.mode-toggle.svelte-7xzvck{display:flex;align-items:center;gap:.5rem}.divider.svelte-7xzvck{width:1px;height:24px;background:#ddd;margin:0 .25rem}.mode-btn.svelte-7xzvck{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;white-space:nowrap}.exact-btn.svelte-7xzvck{font-size:.7rem;padding:.25rem .4rem}.mode-btn.svelte-7xzvck:hover{border-color:#007bff}.mode-btn.active.svelte-7xzvck{background:#007bff;color:#fff;border-color:#007bff}@media (max-width: 600px){.color-buttons.svelte-7xzvck,.mode-toggle.svelte-7xzvck{justify-content:center}}.tag-filter.svelte-12crfzj{display:flex;flex-direction:column;gap:.75rem}.tag-header.svelte-12crfzj{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.filter-label.svelte-12crfzj{font-weight:500;color:#333;flex-shrink:0}.loading.svelte-12crfzj,.no-tags.svelte-12crfzj{font-size:.9rem;color:#666;font-style:italic}.tag-selector.svelte-12crfzj{flex:0 0 auto;min-width:200px}.tag-select.svelte-12crfzj{width:100%;padding:.4rem .6rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff;cursor:pointer}.tag-select.svelte-12crfzj:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 2px #28a7451a}.selected-tags.svelte-12crfzj{display:flex;gap:.5rem;flex-wrap:wrap;flex:1}.selected-tag.svelte-12crfzj{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:color-mix(in srgb,#28a745 10%,white);border:1px solid #28a745;border-radius:6px;font-size:.85rem}.tag-name.svelte-12crfzj{color:#1e7e34;font-weight:500}.remove-tag.svelte-12crfzj{background:none;border:none;color:#1e7e34;font-size:1.2rem;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.remove-tag.svelte-12crfzj:hover{background:#1e7e341a;color:#155724}@media (max-width: 600px){.tag-header.svelte-12crfzj{flex-direction:column;align-items:stretch;gap:.5rem}.tag-selector.svelte-12crfzj{min-width:auto}.selected-tags.svelte-12crfzj{justify-content:center}}.sort-bar.svelte-vsykyi.svelte-vsykyi{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1rem}.sort-controls.svelte-vsykyi.svelte-vsykyi{display:flex;align-items:center;gap:1rem;justify-content:space-between}label.svelte-vsykyi.svelte-vsykyi{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#333}select.svelte-vsykyi.svelte-vsykyi{padding:.5rem;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:.9rem;min-width:200px}select.svelte-vsykyi.svelte-vsykyi:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.direction-btn.svelte-vsykyi.svelte-vsykyi{background:#4a90e2;color:#fff;border:none;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:background .2s}.direction-btn.svelte-vsykyi.svelte-vsykyi:hover{background:#3a7bc8}.direction-btn.svelte-vsykyi.svelte-vsykyi:active{background:#2d5ba4}.action-buttons.svelte-vsykyi.svelte-vsykyi{display:flex;align-items:center;gap:.5rem}.toggle-btn.svelte-vsykyi.svelte-vsykyi,.view-mode-btn.svelte-vsykyi.svelte-vsykyi{display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #dee2e6;border-radius:6px;padding:.5rem .75rem;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:#495057}.toggle-btn.svelte-vsykyi.svelte-vsykyi:hover:not(:disabled),.view-mode-btn.svelte-vsykyi.svelte-vsykyi:hover{background:#e9ecef;border-color:#adb5bd;color:#212529}.toggle-btn.svelte-vsykyi.svelte-vsykyi:disabled{opacity:.5;cursor:not-allowed}.toggle-btn.svelte-vsykyi .icon.svelte-vsykyi,.view-mode-btn.svelte-vsykyi .icon.svelte-vsykyi{font-size:1rem}.toggle-btn.svelte-vsykyi .label.svelte-vsykyi,.view-mode-btn.svelte-vsykyi .label.svelte-vsykyi{font-weight:500}.toggle-btn.svelte-vsykyi .count.svelte-vsykyi{color:#6c757d;font-size:.75rem}@media (max-width: 600px){.sort-controls.svelte-vsykyi.svelte-vsykyi{flex-direction:column;gap:.75rem;align-items:stretch}.toggle-btn.svelte-vsykyi .label.svelte-vsykyi,.view-mode-btn.svelte-vsykyi .label.svelte-vsykyi{display:none}.toggle-btn.svelte-vsykyi .icon.svelte-vsykyi,.view-mode-btn.svelte-vsykyi .icon.svelte-vsykyi{font-size:1.1rem}}.pagination.svelte-56694k{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:2rem;border-top:1px solid #eee;flex-wrap:wrap;gap:1rem}.pagination-info.svelte-56694k{color:#666;font-size:.9rem}.pagination-controls.svelte-56694k{display:flex;align-items:center;gap:.25rem}.page-button.svelte-56694k{padding:.5rem .75rem;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;font-size:.9rem;transition:all .2s;min-width:2.5rem}.page-button.svelte-56694k:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.page-button.svelte-56694k:disabled{cursor:not-allowed;opacity:.5;background:#f8f9fa}.page-button.active.svelte-56694k{background:#007bff;color:#fff;border-color:#007bff}.page-button.active.svelte-56694k:hover{background:#0056b3;border-color:#0056b3}.ellipsis.svelte-56694k{padding:.5rem .25rem;color:#666}@media (max-width: 600px){.pagination.svelte-56694k{flex-direction:column;text-align:center}}