.sa-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.sa-search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid var(--line);border-radius:28px;padding:9px 16px;transition:border-color .15s,box-shadow .15s}.sa-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #14213f14}.sa-search svg{flex-shrink:0;color:var(--muted)}.sa-search input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text);width:100%}.sa-count{margin:0;font:700 .7188rem/1 system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);flex-shrink:0}.sa-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.sa-skeleton[hidden]{display:none}.sa-skel-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}.sa-skel-img{width:100%;aspect-ratio:16 / 9;background:var(--surface);animation:sa-pulse 1.4s ease-in-out infinite}.sa-skel-lines{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.sa-skel-line{height:9px;background:var(--surface);border-radius:3px;animation:sa-pulse 1.4s ease-in-out infinite}.sa-skel-short{width:35%}.sa-skel-wide{width:80%}@keyframes sa-pulse{0%,to{opacity:.6}50%{opacity:1}}.sa-load-err{padding:36px 16px;text-align:center;color:var(--muted)}.sa-load-err button{margin-left:6px;background:none;border:none;color:var(--brand);font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.sa-empty{background:var(--card);border:1px dashed var(--line);border-radius:12px;padding:56px 24px;text-align:center;color:var(--muted)}.sa-empty-icon{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:#c5a3561a;display:grid;place-items:center;color:var(--brand2)}.sa-empty-title{margin:0 0 6px;font:700 1.1875rem/1.2 var(--font-serif);color:var(--text)}.sa-empty-body{font-size:.8438rem;line-height:1.55;max-width:44ch;margin:0 auto 18px}.sa-empty-body b{color:var(--text)}.sa-empty-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--brand);color:#fff;border-radius:24px;font:700 .7813rem/1 system-ui,sans-serif;letter-spacing:.4px;text-transform:uppercase;text-decoration:none;transition:background .15s,transform .15s}.sa-empty-btn:hover{background:var(--brand-dark, #0c1b35);transform:translateY(-1px);color:#fff}.sa-no-match{padding:36px 16px;text-align:center;color:var(--muted);font-size:.875rem;background:var(--card);border:1px dashed var(--line);border-radius:10px}.sa-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.sa-grid[hidden]{display:none}.sa-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}.sa-card:hover{border-color:var(--brand);box-shadow:0 12px 28px #0f132014;transform:translateY(-2px)}.sa-card-link{display:block;text-decoration:none;color:inherit}.sa-card-thumb{background-color:var(--surface);background-size:cover;background-position:center;aspect-ratio:16 / 9}.sa-card-thumb-placeholder{background-image:radial-gradient(circle at 30% 30%,rgba(197,163,86,.18),transparent 55%),linear-gradient(135deg,#c5a35614,#7aa2ff14)}.sa-card-body{padding:14px 16px 16px}.sa-card-badge{display:inline-block;padding:3px 9px;background:var(--c-key-bg, rgba(197, 163, 86, .15));border:1px solid var(--c-key-border, rgba(197, 163, 86, .35));border-radius:999px;color:var(--brand);font:800 .6563rem/1 system-ui,sans-serif;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px}.sa-card-title{margin:0 0 6px;font:700 1rem/1.3 var(--font-serif);color:var(--text)}.sa-card-sub{margin:0 0 10px;color:var(--muted);font-size:.8125rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sa-card-meta{margin:0 0 4px;color:var(--muted);font-size:.75rem;display:flex;gap:4px;flex-wrap:wrap}.sa-card-saved{margin:0;font:700 .6563rem/1 system-ui,sans-serif;color:var(--brand2);letter-spacing:.4px;text-transform:uppercase}.sa-card-remove{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#14213fb3;backdrop-filter:blur(4px);border:0;color:#fff;cursor:pointer;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .15s,background .15s}.sa-card:hover .sa-card-remove{opacity:1}.sa-card-remove:hover{background:#b3261e}.sa-card-remove:focus-visible{opacity:1;outline:2px solid var(--brand2);outline-offset:2px}