/* Search: one input, progressive filters, compact covers and a bounded result window. */
.mvs-dialog{position:fixed;inset:clamp(12px,6vh,56px) 0 auto;margin:0 auto;padding:0;width:min(660px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - clamp(24px,12vh,112px));border:1px solid var(--border);border-radius:12px;background:var(--popover);color:var(--foreground);font-family:var(--mv-ui-font,Inter,sans-serif);font-size:12px;overflow:hidden;box-shadow:0 24px 80px #0005}
.mvs-dialog[open]{display:flex;flex-direction:column}
.mvs-dialog::backdrop{background:#090b1960;backdrop-filter:blur(4px)}
.mvs-dialog *{box-sizing:border-box}
.mvs-dialog button,.mvs-dialog input,.mvs-dialog select{font:inherit;color:inherit}
.mvs-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:1px solid transparent;background:transparent;border-radius:5px;padding:4px 7px;min-height:28px;line-height:1.2}
.mvs-dialog button:disabled{cursor:default;opacity:.4}
.mvs-dialog button:not(:disabled):hover{background:var(--accent);color:var(--accent-foreground)}
.mvs-dialog :is(button,input,select,a):focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
.mvs-dialog .mvs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.mvs-dialog .mvs-header{display:flex;align-items:center;gap:6px;padding:10px!important;min-height:60px;flex-shrink:0;border-bottom:1px solid var(--border)}
.mvs-dialog .mvs-input-wrap{display:flex;flex:1;min-width:0;align-items:center;gap:8px;margin:0;padding:0 9px;height:38px;min-height:38px;border:1px solid var(--border);border-radius:7px;background:var(--background)}
.mvs-input-wrap>svg{flex-shrink:0;color:var(--primary)}
.mvs-dialog .mvs-input-wrap input{flex:1;width:0;min-width:0;height:36px!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;font-size:12px!important;outline:0!important;color:var(--foreground)}
.mvs-dialog .mvs-input-wrap:focus-within{border-color:color-mix(in srgb,var(--primary) 70%,var(--border));outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.mvs-input-wrap input::-webkit-search-cancel-button{display:none}
.mvs-input-wrap input::placeholder{color:var(--muted-foreground);opacity:1}
.mvs-dialog .mvs-input-wrap button{width:26px;min-height:28px;padding:4px;flex-shrink:0}
.mvs-dialog .mvs-close{min-width:30px;min-height:36px;padding:5px;color:var(--muted-foreground)}
.mvs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:7px 10px;border-bottom:1px solid var(--border)}
.mvs-toolbar-actions{display:flex;align-items:center;gap:6px;min-width:0}
.mvs-dialog .mvs-filter-toggle{display:inline-flex;align-items:center;gap:4px;font-size:10px;min-height:28px;padding:3px 8px;border:1px solid var(--border);border-radius:5px;background:var(--card);color:var(--foreground);white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s}
.mvs-dialog .mvs-filter-toggle:hover{background:var(--accent);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
.mvs-dialog .mvs-filter-toggle[aria-expanded=true]{border-color:var(--primary);color:var(--primary);background:var(--accent)}
.mvs-filter-toggle b{font-size:8.5px;background:var(--primary);color:var(--primary-foreground);border-radius:4px;padding:1px 4px;font-variant-numeric:tabular-nums}
.mvs-filter-toggle>svg{width:12px;height:12px;flex-shrink:0}
.mvs-dialog .mvs-scopes{display:flex;align-items:center;gap:2px;border:1px solid var(--border);padding:2px;border-radius:6px;background:color-mix(in srgb,var(--muted) 60%,transparent)}
.mvs-dialog .mvs-scopes button{min-height:26px;padding:4px 10px;font-size:10px;color:var(--muted-foreground)}
.mvs-dialog .mvs-scopes button[aria-pressed=true]{background:var(--card);color:var(--primary);box-shadow:0 1px 3px #0001;border-color:var(--border)}
.mvs-dialog .mvs-sort{min-width:0;max-width:145px;min-height:28px;border:1px solid var(--border);border-radius:5px;background:var(--card);padding:3px 20px 3px 7px;font-size:10px;color:var(--foreground);box-shadow:none}
.mvs-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:0 10px 6px;scrollbar-width:thin;scrollbar-gutter:stable}
.mvs-dialog .mvs-advanced{margin:8px 0;padding:9px;border:1px solid var(--border);background:color-mix(in srgb,var(--card) 65%,transparent);border-radius:7px}
.mvs-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mvs-filter-grid label{display:flex;flex-direction:column;gap:4px;min-width:0}
.mvs-filter-grid label>span{font-size:9px;color:var(--muted-foreground);font-weight:600}
.mvs-dialog .mvs-filter-grid select{width:100%;min-width:0;min-height:30px;padding:4px 20px 4px 7px;border:1px solid var(--border);border-radius:5px;background:var(--card);font-size:10px;text-overflow:ellipsis}
.mvs-dialog .mvs-clear-filters{margin-top:6px;font-size:10px;color:var(--primary);padding-left:0}
.mvs-alphabet{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:2px;padding:7px 0 6px;border-bottom:1px solid var(--border)}
.mvs-dialog .mvs-alphabet button{min-width:0;min-height:27px;padding:3px 0;font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--muted-foreground)}
.mvs-dialog .mvs-alphabet button:disabled{opacity:1;color:color-mix(in srgb,var(--muted-foreground) 40%,var(--popover))}
.mvs-dialog .mvs-alphabet button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 4px #0002}
.mvs-recents{display:flex;align-items:center;gap:6px;padding:6px 0;border-bottom:1px solid var(--border);color:var(--muted-foreground)}
.mvs-recents>svg{width:13px;height:13px;flex-shrink:0}
.mvs-recents>div{display:flex;gap:4px;overflow:hidden;flex:1;min-width:0}
.mvs-dialog .mvs-recents>div button{display:block;min-width:0;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;background:color-mix(in srgb,var(--muted) 65%,transparent);padding:4px 7px}
.mvs-dialog .mvs-history-clear{font-size:9px;color:var(--muted-foreground);flex-shrink:0}
.mvs-section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:30px;padding:4px 2px;color:var(--muted-foreground);font-size:9px}
.mvs-dialog .mvs-section-label h3{font-size:10px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;margin:0;line-height:1.4;color:var(--foreground)}
.mvs-dialog .mvs-section-label button{font-size:9px;min-height:24px;color:var(--primary)}
.mvs-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px}
.mvs-dialog .mvs-result{display:flex;align-items:center;gap:9px;min-width:0;min-height:36px;padding:5px 7px;text-decoration:none;color:var(--foreground);border:1px solid transparent;border-radius:6px;transition:background .12s,border-color .12s}
.mvs-dialog .mvs-result:hover,.mvs-dialog .mvs-result:focus-visible{background:var(--accent);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
.mvs-story{grid-column:1/-1;position:relative}
.mvs-story.is-menu-open{z-index:40}
.mvs-story+.mvs-story{border-top-color:color-mix(in srgb,var(--border) 65%,transparent)!important}
.mvs-result>svg:last-child{flex-shrink:0;width:12px;height:12px;color:var(--muted-foreground);margin-left:4px}
.mvs-dialog .mvs-cover{display:grid;place-items:center;flex-shrink:0;position:relative;width:32px;height:48px;border-radius:3px;overflow:hidden;background:var(--muted);color:var(--muted-foreground);box-shadow:0 1px 4px #0002}
.mvs-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mvs-cover img[hidden]{display:none}
.mvs-cover>svg{width:15px;height:15px}
.mvs-result-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mvs-result-copy>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
.mvs-author,.mvs-native{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted-foreground);line-height:1.4}
.mvs-meta{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted-foreground);line-height:1.4;font-variant-numeric:tabular-nums;flex-wrap:wrap}
.mvs-meta b{font-size:8px;line-height:1.2;border:1px solid var(--border);border-radius:3px;padding:1px 3px;color:var(--foreground);font-weight:600}
.mvs-shelf-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;font-size:8.5px;font-weight:650;line-height:1.25;border-radius:4px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--foreground);background:var(--muted);border:1px solid var(--border)}
.mvs-shelf-badge svg{width:9.5px;height:9.5px;flex-shrink:0}
.mvs-shelf-badge.is-reading{color:#818cf8;background:rgba(99,102,241,.12);border-color:rgba(99,102,241,.28)}
.mvs-shelf-badge.is-to-read{color:var(--mv-gold,#f59e0b);background:color-mix(in srgb,var(--mv-gold,#f59e0b) 12%,transparent);border-color:color-mix(in srgb,var(--mv-gold,#f59e0b) 28%,transparent)}
.mvs-shelf-badge.is-on-hold{color:#94a3b8;background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.28)}
.mvs-shelf-badge.is-completed{color:var(--mv-mint,#10b981);background:color-mix(in srgb,var(--mv-mint,#10b981) 12%,transparent);border-color:color-mix(in srgb,var(--mv-mint,#10b981) 28%,transparent)}
.mvs-shelf-badge.is-favorites{color:#fb7185;background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.28)}
.mvs-progress{display:inline-flex;align-items:center;gap:3.5px;padding:1px 6px;font-size:8.5px;font-weight:650;line-height:1.25;border-radius:4px;color:var(--mv-mint,#10b981);background:color-mix(in srgb,var(--mv-mint,#10b981) 12%,transparent);border:1px solid color-mix(in srgb,var(--mv-mint,#10b981) 28%,transparent);white-space:nowrap}
.mvs-progress>svg{width:9.5px;height:9.5px;flex-shrink:0}
.mvs-progress.is-complete{color:var(--mv-gold,#f59e0b);background:color-mix(in srgb,var(--mv-gold,#f59e0b) 12%,transparent);border-color:color-mix(in srgb,var(--mv-gold,#f59e0b) 28%,transparent)}
.mvs-dialog .mvs-bookmark-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted-foreground);cursor:pointer;flex-shrink:0;margin-left:auto;transition:all .15s ease}
.mvs-dialog .mvs-bookmark-btn:hover{color:var(--primary);background:var(--accent);border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}
.mvs-dialog .mvs-bookmark-btn.is-saved{color:var(--mv-gold,#f59e0b)}
.mvs-dialog .mvs-bookmark-btn.is-saved:hover{color:var(--mv-gold,#f59e0b);background:color-mix(in srgb,var(--mv-gold,#f59e0b) 15%,transparent);border-color:color-mix(in srgb,var(--mv-gold,#f59e0b) 30%,transparent)}
.mvs-dialog .mvs-bookmark-btn svg{width:14px;height:14px;display:block;pointer-events:none}
.mvs-shelf-popover{position:absolute;right:8px;top:calc(100% - 2px);z-index:120;min-width:170px;background:var(--popover,var(--card));border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 36px #0006,0 2px 8px #0003;padding:5px;display:flex;flex-direction:column;gap:2px;animation:mvsFadeIn .12s cubic-bezier(.16,1,.3,1)}
.mvs-shelf-popover.is-up{top:auto;bottom:calc(100% - 2px)}
@keyframes mvsFadeIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.mvs-shelf-popover-header{display:flex;align-items:center;justify-content:space-between;padding:3px 6px 5px;border-bottom:1px solid var(--border);font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}
.mvs-dialog .mvs-shelf-popover-close{width:20px;height:20px;min-width:20px;min-height:20px;padding:2px;border:0;color:var(--muted-foreground);border-radius:4px}
.mvs-dialog .mvs-shelf-popover-close:hover{color:var(--foreground);background:var(--accent)}
.mvs-dialog .mvs-shelf-option{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:100%!important;padding:5px 8px!important;min-height:26px!important;font-size:10px!important;border-radius:5px!important;border:1px solid transparent!important;background:transparent!important;color:var(--foreground)!important;text-align:left!important;cursor:pointer!important;transition:all .1s ease!important}
.mvs-dialog .mvs-shelf-option:hover{background:var(--accent)!important;color:var(--foreground)!important}
.mvs-dialog .mvs-shelf-option.is-active{background:color-mix(in srgb,var(--primary) 12%,transparent)!important;color:var(--primary)!important;font-weight:650!important}
.mvs-shelf-option svg{width:12px;height:12px;flex-shrink:0}
.mvs-shelf-option .mvs-check{margin-left:auto;color:var(--primary);display:flex;align-items:center}
.mvs-shelf-divider{height:1px;background:var(--border);margin:3px 0}
.mvs-dialog .mvs-shelf-remove{color:var(--destructive,#ef4444)!important}
.mvs-dialog .mvs-shelf-remove:hover{background:rgba(239,68,68,.12)!important;color:#ef4444!important}
.mvs-saved{flex-shrink:0;color:var(--primary)}
.mvs-saved svg{width:12px;height:14px;display:block}
.mvs-page-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--border) 45%,transparent);border-radius:7px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);flex-shrink:0}
.mvs-page .mvs-result-copy>strong{font-size:10px}
.mvs-empty{padding:28px 12px;text-align:center;color:var(--muted-foreground)}
.mvs-empty>svg{width:22px;height:22px;color:var(--primary);margin:auto}
.mvs-dialog .mvs-empty h3{font-size:13px!important;font-weight:650!important;color:var(--foreground);margin:8px 0 4px}
.mvs-empty p{font-size:11px;line-height:1.5;margin:0 0 8px}
.mvs-dialog .mvs-empty button{font-size:10px;border-color:var(--border);background:var(--card);color:var(--primary)}
.mvs-notice{font-size:10px;padding:5px;color:var(--muted-foreground)}
.mvs-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-shrink:0;min-height:38px;border-top:1px solid color-mix(in srgb,var(--border) 30%,transparent);padding:6px 12px;background:color-mix(in srgb,var(--card) 45%,transparent);color:var(--muted-foreground);font-size:9.5px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}
.mvs-pagination{display:flex;align-items:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
.mvs-pagination>span{margin-right:4px}
.mvs-dialog .mvs-pagination button{min-width:28px;min-height:28px;font-size:14px;border-color:var(--border);background:var(--card);color:var(--primary)}
.mvn-search{display:flex;align-items:center;gap:8px;padding:8px 9px;min-height:34px!important;border:1px solid var(--border);border-radius:5px;font-size:10px!important;background:var(--background);color:var(--foreground);text-align:left;cursor:pointer}
.mvn-search svg{width:15px;height:15px;color:var(--primary)}
.mvn-search small{margin-left:auto;font-size:8px;color:var(--muted-foreground)}
@media(max-width:479px){.mvs-dialog{inset:8px 0 auto;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.mvs-dialog .mvs-header{padding:8px!important;gap:4px;min-height:54px}.mvs-dialog .mvs-input-wrap{padding:0 6px;gap:5px}.mvs-dialog .mvs-input-wrap input{font-size:16px!important}.mvs-dialog .mvs-filter-toggle{padding:3px 6px;font-size:9px;min-height:26px}.mvs-filter-toggle>svg{width:13px;height:13px}.mvs-dialog .mvs-close{min-width:26px;padding:4px}.mvs-toolbar{padding:5px 8px}.mvs-scroll{padding:0 7px 5px}.mvs-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mvs-dialog .mvs-filter-grid select{min-height:33px}.mvs-dialog .mvs-alphabet button{min-height:28px}.mvs-dialog .mvs-result{padding:5px;gap:7px}.mvs-dialog .mvs-scopes button{padding:4px 8px}.mvs-dialog .mvs-sort{max-width:125px;font-size:9px}.mvs-footer{padding:4px 8px;font-size:8px}.mvs-result-copy>strong{font-size:11px}.mvs-dialog .mvs-bookmark-btn{width:26px;height:26px;min-width:26px;min-height:26px}.mvs-shelf-popover{min-width:155px;right:4px}}
@media(max-width:399px){.mvs-alphabet{grid-template-columns:repeat(10,minmax(0,1fr))}.mvs-dialog .mvs-filter-toggle>span{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.mvs-dialog .mvs-filter-toggle{min-width:32px}.mvs-dialog .mvs-input-wrap input{font-size:16px!important}.mvs-keys{max-width:125px;line-height:1.4}.mvs-results{gap:2px}.mvs-page .mvs-result-copy>strong{font-size:9px}}
@media(max-height:500px){.mvs-dialog{inset:6px 0 auto;max-height:calc(100dvh - 12px)}.mvs-dialog .mvs-header{padding:6px 9px!important;min-height:49px}.mvs-toolbar{padding-block:4px}.mvs-footer{min-height:34px}}
@media(prefers-reduced-motion:reduce){.mvs-dialog *{transition:none!important;animation:none!important}.mvs-dialog::backdrop{backdrop-filter:none}}
