/* Search is a workspace: a quiet canvas, explicit controls, and visible activity. */
.search-screen { background:#090b0e!important; color:#f4f5f7; }
.search-screen::before,.search-screen::after { display:none!important; }
.search-workspace { max-width:1320px; margin:0 auto; padding:100px clamp(20px,3.6vw,48px) 44px; }
.search-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:26px; }
.search-eyebrow { font-size:10px!important; letter-spacing:.19em; font-weight:650; color:#929da9!important; margin:0 0 10px!important; }
.search-heading h1 { margin:0; font-size:clamp(25px,2.6vw,35px); letter-spacing:-.045em; line-height:1.14; font-weight:700; }
.search-heading p { margin:9px 0 0; font-size:13px; color:#87909d; }
.search-library-link { display:flex; align-items:center; gap:8px; font-size:11px; color:#9aa4b0; text-decoration:none; }
.search-library-link:hover { color:#fff; }
.search-workspace svg { flex:none; width:16px; height:16px; stroke-width:1.7; }
.search-mode-tabs { display:flex; align-items:center; gap:24px; margin-bottom:12px; }
.search-mode-tabs button { display:flex; align-items:center; gap:7px; min-height:36px; padding:0 0 9px; color:#7e8794; background:none; border:0; border-bottom:2px solid transparent; font:inherit; font-size:12px; cursor:pointer; transition:color .25s,border-color .25s; }
.search-mode-tabs button[aria-selected=true] { color:#f4f5f7; border-color:#c2b5ff; }
.search-mode-tabs svg { color:#b9a9fa; width:14px; }
.search-command { display:flex; align-items:center; gap:12px; min-height:56px; padding:7px 8px 7px 17px; background:#12161c; border:1px solid #2a303a; border-radius:10px; transition:border-color .3s,box-shadow .3s; }
.search-command:focus-within { border-color:#9485c4; box-shadow:0 0 0 3px #aa98e90d; }
.search-command>svg { color:#8b95a3; }
.search-command :is(input,textarea) { width:100%; min-width:0; flex:1; color:#f3f5f8; font:inherit; font-size:14px; line-height:24px; border:0; outline:0; background:transparent; appearance:none; resize:none; padding:0; }
.search-command :is(input,textarea)::placeholder { color:#687381; }
.search-scene-mode .search-command { align-items:flex-end; padding-top:16px; padding-bottom:12px; }
.search-scene-mode .search-command>svg { align-self:flex-start; margin-top:3px; }
.search-scene-mode #searchInput { min-height:84px; }
.search-scene-guide { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; margin-top:12px; animation:flixyMenuIn .4s var(--ui-ease); }
.search-scene-guide p { max-width:370px; color:#8794a8; font-size:11px; line-height:1.6; margin:0; }
.search-scene-guide>div { display:flex; gap:8px; flex-wrap:wrap; }
.search-scene-guide button { display:flex; gap:6px; align-items:center; min-height:32px; padding:6px 9px; background:#ffffff03; border:1px solid #283344; border-radius:5px; color:#a4b2c8; font-size:10px; }
.search-scene-guide svg { width:12px; height:12px; }
.search-scene-guide button:hover { background:#ffffff08; color:#d7c7f4; }
@media(max-width:700px) { .search-command textarea { font-size:16px; } .search-scene-mode .search-command { flex-wrap:wrap; } .search-scene-mode #searchInput { flex-basis:calc(100% - 40px); } .search-scene-mode .search-primary { margin-left:auto; } }
.search-command input::-webkit-search-cancel-button { display:none; }
.search-icon-button { display:grid; place-items:center; flex:none; width:36px; height:36px; border:0; border-radius:7px; color:#9ba5b3; background:transparent; cursor:pointer; transition:background .25s,color .25s; }
.search-icon-button:hover { color:white; background:#ffffff09; }
.search-icon-button[data-listening=true] { color:#ff9a9a; background:#f94e5b20; }
.search-primary,.search-secondary { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:0 17px; border-radius:7px; border:1px solid transparent; font:inherit; font-size:12px; font-weight:650; cursor:pointer; transition:background .25s,border-color .25s,transform .35s cubic-bezier(.22,1,.36,1); }
.search-primary { color:#111219; background:#eeeaf9; }
.search-primary:hover { background:#fff; }
.search-secondary { color:#c3cad5; background:#14181e; border-color:#2b323c; }
.search-secondary:hover { border-color:#596271; background:#1a2028; }
.search-secondary:disabled { opacity:.5; cursor:wait; }
.search-helper { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:9px 0 20px; }
.search-helper p { font-size:11px; color:#747f8d; margin:0; line-height:1.5; }
.search-helper button { display:flex; align-items:center; gap:6px; font-size:11px; white-space:nowrap; color:#919bab; background:none; border:0; cursor:pointer; }
.search-helper button:hover { color:#fff; }
.search-helper svg { width:14px; height:14px; }
.search-notice { padding:12px 14px; border-left:2px solid #bba9ef; background:#12151c; color:#b3bbca; font-size:12px; line-height:1.6; margin-bottom:16px; }
.search-image-panel { display:flex; align-items:end; gap:16px; padding:16px; margin:0 0 20px; border:1px dashed #3c4350; border-radius:10px; background:#11151a; }
.search-image-panel label { display:grid; gap:9px; flex:1; font-size:12px; }
.search-image-panel label span { color:#7b8592; font-size:11px; }
.search-image-panel input { max-width:100%; font-size:12px; color:#a5aebc; }
.search-recent { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0 0 24px; }
.search-recent>span:first-child { color:#737e8b; font-size:10px; margin-right:3px; }
.search-recent-item { display:flex; align-items:center; max-width:220px; background:#14181e; border:1px solid #252c34; border-radius:5px; }
.search-recent-item button { display:flex; align-items:center; gap:5px; padding:6px 8px; min-width:0; font-size:11px; line-height:16px; color:#9ca6b4; border:0; background:none; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-recent-item button:first-child { display:block; overflow:hidden; text-overflow:ellipsis; }
.search-recent-item button:hover { color:white; }
.search-recent-item svg { width:12px; height:12px; }
.search-clear-recent { margin-left:auto; font-size:10px; color:#7c8796; background:transparent; border:0; cursor:pointer; padding:8px 0; }
.search-filters { border-block:1px solid #222831; padding:14px 0; margin:0 0 26px; }
.search-filter-row { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) auto; gap:10px; align-items:center; }
.search-filter { display:grid; grid-template-columns:1fr 16px; position:relative; gap:4px; min-width:0; background:#11151a; border:1px solid #272e38; padding:8px 10px; border-radius:6px; }
.search-filter>span { grid-column:1/-1; font-size:9px; line-height:12px; color:#747f8d; text-transform:uppercase; letter-spacing:.05em; pointer-events:none; }
.search-filter select { width:100%; min-width:0; color:#c4cbd5; appearance:none; background:transparent; border:0; outline:0; font:inherit; font-size:11px; line-height:18px; cursor:pointer; }
.search-filter:focus-within { border-color:#a798d5; }
.search-filter option { background:#171c23; color:#eef0f4; }
.search-filter>svg { width:12px; height:18px; color:#6d7987; pointer-events:none; }
.search-more-filters { display:flex; align-items:center; gap:7px; padding:12px 6px; color:#9ba6b5; font-size:11px; border:0; background:transparent; cursor:pointer; }
.search-more-filters[aria-expanded=true] { color:#d1c2ff; }
.search-more-filters span:not(:empty) { display:grid; place-items:center; width:16px; height:16px; border-radius:50%; color:#e2d8ff; background:#a18bdd22; font-size:9px; }
.search-filter-extra { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; padding-top:12px; animation:searchReveal .35s cubic-bezier(.22,1,.36,1) both; }
.search-kids { display:flex; align-items:center; gap:8px; grid-column:span 2; color:#aab3bf; font-size:11px; }
.search-kids input { accent-color:#b6a2ee; }
.search-region-note { grid-column:span 4; text-align:right; font-size:10px; color:#747e8c; margin:4px 0 0; }
.search-active-filters { display:flex; flex-wrap:wrap; align-items:center; gap:7px; padding-top:12px; }
.search-active-filters button { display:flex; align-items:center; gap:8px; color:#c4b4f0; background:#b5a0ed0c; border:1px solid #aa94ea26; padding:5px 8px; border-radius:5px; font-size:10px; cursor:pointer; }
.search-active-filters svg { width:11px; height:11px; }
.search-active-filters .search-reset { border-color:transparent; background:transparent; color:#828e9d; }
.search-results-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:19px; }
.search-results-heading h2 { font-size:17px; font-weight:650; line-height:1.3; letter-spacing:-.02em; margin:0; overflow-wrap:anywhere; }
.search-results-heading p { color:#788492; font-size:11px; margin:5px 0 0; }
.search-category-tabs { display:flex; align-items:center; gap:4px; flex:none; }
.search-category-tabs button { min-height:32px; padding:0 10px; border:0; border-radius:5px; color:#7e8998; background:transparent; font-size:11px; cursor:pointer; transition:background .25s,color .25s; }
.search-category-tabs button[aria-pressed=true] { background:#1b2028; color:#dce1e9; }
.search-results-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(126px,1fr)); gap:23px 14px; }
.search-result-card { min-width:0; animation:searchReveal .45s cubic-bezier(.22,1,.36,1) both; }
.search-result-link { display:block; color:inherit; text-decoration:none; }
.search-result-poster { position:relative; aspect-ratio:2/3; overflow:hidden; border-radius:7px; background:#151a21; outline:1px solid #ffffff0a; transition:transform .45s cubic-bezier(.22,1,.36,1),outline-color .35s; }
.search-result-poster>img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s; }
.search-result-link:hover .search-result-poster { transform:translateY(-3px); outline-color:#ffffff30; }
.search-result-link:hover img { transform:scale(1.025); }
.search-result-card h3 { margin:10px 0 5px; color:#d6dce4; font-size:11px; font-weight:560; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-result-meta { display:flex; align-items:center; gap:7px; min-height:20px; color:#788595; font-size:10px; font-variant-numeric:tabular-nums; }
.search-result-meta .search-rating { color:#bdc6d2; }
.search-rating>span { color:#cfbb8d; font-size:10px; }
.search-result-meta>button { display:grid; place-items:center; width:26px; height:26px; margin-left:auto; border:0; border-radius:4px; background:transparent; color:#748397; cursor:pointer; }
.search-result-meta>button[aria-pressed=true] { color:#beacef; }
.search-result-meta>button:hover { background:#ffffff0a; color:white; }
.search-result-meta svg { width:14px; height:14px; }
.search-activity-badge { display:flex; align-items:center; gap:4px; position:absolute; bottom:7px; left:6px; max-width:calc(100% - 12px); padding:4px 6px; border:1px solid #ffffff1c; border-radius:4px; color:#e0e3ed; background:#0b1018e8; font-size:9px; line-height:13px; }
.search-activity-badge svg { width:10px; height:10px; }
.search-activity-badge.is-watched { color:#a2d7bb; }
.search-watch-progress { position:absolute; bottom:0; left:0; right:0; height:2px; background:linear-gradient(90deg,#b6a4e8 var(--progress),#1a202a var(--progress)); }
.search-no-art { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; height:100%; padding:16px; color:#637083; font-size:12px; text-align:center; }
.search-no-art svg { width:28px; height:28px; }
.search-match-reason { font-size:10px; line-height:1.5; color:#939dad; margin-top:8px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.search-empty { padding:54px 20px; text-align:center; border-top:1px solid #222831; }
.search-empty>svg { width:28px; height:28px; color:#627084; margin:0 auto 16px; }
.search-empty h2 { font-size:19px; font-weight:600; }
.search-empty p { max-width:430px; font-size:12px; line-height:1.7; color:#84909f; margin:10px auto 20px; }
.search-empty>div { display:flex; justify-content:center; gap:10px; }
.search-ai-brief { display:flex; align-items:start; gap:11px; padding:14px; margin:0 0 22px; background:#17141f; border-left:2px solid #9f89d6; border-radius:0 7px 7px 0; }
.search-ai-brief>svg { color:#b7a5e7; }
.search-ai-brief strong { font-size:12px; font-weight:600; }
.search-ai-brief p { color:#a29cab; font-size:12px; margin:4px 0 0; line-height:1.6; }
.search-ai-brief.is-error { background:#20181b; border-color:#e8a082; }
.search-pagination { display:grid; justify-items:center; gap:12px; padding-top:30px; }
.search-pagination p { color:#677484; font-size:11px; }
.search-skeleton>span { display:block; aspect-ratio:2/3; background:#141920; border-radius:7px; animation:searchPulse 1.8s ease-in-out infinite alternate; }
.search-skeleton>i { display:block; height:8px; width:80%; background:#181e27; margin-top:12px; border-radius:2px; }
.search-skeleton>i:last-child { width:45%; margin-top:7px; }
.search-workspace [hidden] { display:none!important; }
.search-workspace :is(button,a,select,input):focus-visible { outline:2px solid #bca5ff; outline-offset:4px; }
.search-command :is(input,textarea):focus-visible { outline:0; }
@keyframes searchReveal { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:none; } }
@keyframes searchPulse { from { opacity:.55; } to { opacity:1; } }
@media(min-width:901px) { html[data-nav-style=sidebar] .search-workspace { padding-top:38px; } }
@media(max-width:1100px) { .search-filter-row { grid-template-columns:repeat(3,minmax(0,1fr)); } .search-filter-extra { grid-template-columns:repeat(3,minmax(0,1fr)); } .search-kids { grid-column:auto; } .search-region-note { grid-column:span 2; } }
@media(max-width:700px) {
  .search-workspace { padding:84px 18px 32px; }
  .search-heading { margin-bottom:22px; } .search-heading h1 { font-size:27px; } .search-heading p { font-size:12px; max-width:28ch; line-height:1.6; } .search-library-link { font-size:0; gap:0; width:40px; height:40px; justify-content:center; border:1px solid #2d3541; border-radius:8px; } .search-library-link svg:last-child { display:none; }
  .search-command { gap:7px; padding-left:11px; } .search-command input { font-size:16px; } .search-command>.search-primary { padding:0 12px; font-size:11px; } .search-primary svg { display:none; } .search-command>svg { display:none; } .search-icon-button { width:32px; }
  .search-helper { align-items:start; } .search-helper p { max-width:28ch; font-size:10px; } .search-helper button { font-size:10px; }
  .search-recent { margin-bottom:18px; } .search-recent-item { max-width:170px; } .search-recent-item button { font-size:10px; } .search-clear-recent { margin-left:0; }
  .search-filter-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .search-filter select { font-size:12px; min-height:24px; } .search-filter-extra { grid-template-columns:repeat(2,minmax(0,1fr)); } .search-region-note { grid-column:auto; text-align:left; line-height:1.5; } .search-kids { min-height:40px; }
  .search-results-heading { align-items:start; } .search-results-heading h2 { font-size:16px; } .search-category-tabs { gap:0; } .search-category-tabs button { padding:0 7px; font-size:10px; }
  .search-results-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 9px; } .search-result-card h3 { font-size:11px; } .search-result-meta { gap:4px; font-size:9px; flex-wrap:wrap; } .search-result-meta>button { width:24px; height:24px; } .search-activity-badge { font-size:8px; padding:2px 4px; bottom:5px; left:4px; } .search-result-poster { border-radius:5px; }
  .search-image-panel { align-items:stretch; flex-direction:column; }
}
@media(max-width:360px) { .search-results-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .search-results-heading { flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .search-workspace *, .search-workspace *::before { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
html[data-motion=off] .search-workspace *,html[data-motion=reduced] .search-workspace * { animation:none!important; transition:none!important; }