/* Standalone / iOS Home Screen search visibility fix. */
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {
  .vivid-nav-search input,.vivid-nav-search input[type="search"],.vivid-discovery-search input,.vivid-discovery-search input[type="search"] { -webkit-appearance:none!important; appearance:none!important; background:#14161c!important; background-image:none!important; color:#f5f7fa!important; -webkit-text-fill-color:#f5f7fa!important; caret-color:#f5f7fa!important; font-size:16px!important; line-height:1.25!important; opacity:1!important; visibility:visible!important; text-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; filter:none!important; mix-blend-mode:normal!important; }
  .vivid-nav-search input::placeholder,.vivid-discovery-search input::placeholder { color:#9aa1ab!important; -webkit-text-fill-color:#9aa1ab!important; opacity:1!important; }
  body.vivid-atmosphere .vivid-nav-search:focus-within,body.vivid-atmosphere .vivid-topbar .vivid-nav-search:focus-within,body.vivid-atmosphere .vivid-discovery-search:focus-within { position:absolute!important; left:10px!important; right:10px!important; top:calc(100% + 8px)!important; bottom:auto!important; width:auto!important; max-width:none!important; height:48px!important; z-index:130!important; }
  body.vivid-atmosphere .vivid-nav-search:focus-within input,body.vivid-atmosphere .vivid-topbar .vivid-nav-search:focus-within input,body.vivid-atmosphere .vivid-discovery-search:focus-within input { width:100%!important; height:48px!important; min-height:48px!important; padding:0 16px 0 44px!important; font-size:16px!important; line-height:48px!important; color:#f5f7fa!important; -webkit-text-fill-color:#f5f7fa!important; caret-color:#f5f7fa!important; background:#14161c!important; border:1px solid rgba(255,255,255,.22)!important; }
}
html.vivid-ios-standalone .vivid-nav-search input,html.vivid-ios-standalone .vivid-discovery-search input { -webkit-appearance:none!important; appearance:none!important; background:#14161c!important; color:#f5f7fa!important; -webkit-text-fill-color:#f5f7fa!important; caret-color:#f5f7fa!important; font-size:16px!important; opacity:1!important; visibility:visible!important; text-shadow:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; filter:none!important; mix-blend-mode:normal!important; }
html.vivid-ios-standalone .vivid-nav-search input::placeholder,html.vivid-ios-standalone .vivid-discovery-search input::placeholder { color:#9aa1ab!important; -webkit-text-fill-color:#9aa1ab!important; }
html.vivid-ios-standalone body.vivid-atmosphere .vivid-nav-search:focus-within input,html.vivid-ios-standalone body.vivid-atmosphere .vivid-discovery-search:focus-within input { width:100%!important; height:48px!important; min-height:48px!important; padding:0 16px 0 44px!important; font-size:16px!important; line-height:48px!important; color:#f5f7fa!important; -webkit-text-fill-color:#f5f7fa!important; caret-color:#f5f7fa!important; background:#14161c!important; }
html[data-vivid-theme="light"].vivid-ios-standalone .vivid-nav-search input,html[data-vivid-theme="light"].vivid-ios-standalone .vivid-discovery-search input { background:#fff!important; color:#10131a!important; -webkit-text-fill-color:#10131a!important; caret-color:#10131a!important; }
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) { html[data-vivid-theme="light"] .vivid-nav-search input,html[data-vivid-theme="light"] .vivid-discovery-search input { background:#fff!important; color:#10131a!important; -webkit-text-fill-color:#10131a!important; caret-color:#10131a!important; } }

/* Dedicated Search destination — B shell scaffold; D will expand the discovery surface. */
.vivid-search-page{min-height:100dvh;background:#06070a;color:#f5f7fa}
.vivid-search-main{width:min(100% - 28px,1100px);margin:0 auto;padding:clamp(92px,12vw,140px) 0 100px}
.vivid-search-page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.vivid-search-kicker{display:block;margin-bottom:6px;color:#7e858f;font-size:.62rem;font-weight:700;letter-spacing:.18em}
.vivid-search-page-head h1{margin:0;font-size:clamp(2.2rem,5vw,4rem);line-height:.95;letter-spacing:-.055em}
.vivid-search-page-head p{max-width:360px;margin:0;color:#858c96;font-size:.85rem}
.vivid-search-page-field{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055);box-shadow:0 16px 50px rgba(0,0,0,.18)}
.vivid-search-page-field>i{color:#8d949e;font-size:1.05rem}
.vivid-search-page-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:500 1rem/1 var(--vivid-font-sans)}
.vivid-search-page-field input::placeholder{color:#777e88}
.vivid-search-page-field button{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.09);color:#cfd3d9;cursor:pointer}
.vivid-search-page-content{padding-top:28px}
.vivid-search-page-label{margin-bottom:12px;color:#858c96;font-size:.64rem;font-weight:700;letter-spacing:.14em}
.vivid-search-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vivid-search-recent-grid button{display:flex;align-items:center;gap:10px;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);color:#c9cdd3;text-align:left;cursor:pointer}
.vivid-search-recent-grid button:hover{background:rgba(255,255,255,.07);color:#fff}
.vivid-search-recent-grid i{color:#747b85}
.vivid-search-recent-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vivid-search-clear-recent{margin-top:12px;border:0;background:transparent;color:#707781;font:600 .72rem var(--vivid-font-sans);cursor:pointer}
.vivid-search-page-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vivid-search-page-result{display:flex;align-items:center;gap:12px;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.03);color:#fff;text-decoration:none}
.vivid-search-page-result:hover{background:rgba(255,255,255,.07)}
.vivid-search-page-result img{width:48px;height:68px;flex:0 0 48px;object-fit:cover;border-radius:7px;background:#101216}
.vivid-search-page-result span{min-width:0;flex:1}
.vivid-search-page-result strong,.vivid-search-page-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vivid-search-page-result strong{font-size:.82rem}
.vivid-search-page-result small{margin-top:4px;color:#777e88;font-size:.68rem}
.vivid-search-page-result>i{color:#666d76}
.vivid-search-empty-page,.vivid-search-loading{display:grid;place-items:center;text-align:center;min-height:220px;color:#737a84}
.vivid-search-empty-page i{font-size:1.4rem;margin-bottom:10px}
.vivid-search-empty-page strong,.vivid-search-empty-page span{display:block}
.vivid-search-empty-page strong{color:#c9cdd3;font-size:.95rem}
.vivid-search-empty-page span{max-width:420px;margin-top:6px;font-size:.75rem;line-height:1.5}
.vivid-search-loading span{width:22px;height:22px;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:vivid-search-spin .7s linear infinite}
.vivid-search-loading strong{margin-top:10px;font-size:.75rem}
@keyframes vivid-search-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){
  .vivid-search-main{width:min(100% - 24px,1100px);padding:82px 0 40px}
  .vivid-search-page-head{display:block;margin-bottom:18px}
  .vivid-search-page-head p{margin-top:8px;font-size:.76rem}
  .vivid-search-page-field{min-height:52px;border-radius:14px}
  .vivid-search-recent-grid,.vivid-search-page-results{grid-template-columns:1fr}
  .vivid-search-page-content{padding-top:22px}
}
html[data-vivid-theme="light"] .vivid-search-page{background:var(--vivid-bg);color:var(--vivid-text)}
html[data-vivid-theme="light"] .vivid-search-page-field,
html[data-vivid-theme="light"] .vivid-search-recent-grid button,
html[data-vivid-theme="light"] .vivid-search-page-result{background:rgba(20,28,40,.045);border-color:var(--vivid-border);color:var(--vivid-text)}
html[data-vivid-theme="light"] .vivid-search-page-field input{color:var(--vivid-text)}


.vivid-search-quick{padding-top:30px}
.vivid-search-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vivid-search-quick-grid a{display:flex;align-items:center;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.035);color:#c9cdd3;text-decoration:none;font-size:.8rem;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.vivid-search-quick-grid a:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16);transform:translateY(-1px);color:#fff}
@media(max-width:640px){.vivid-search-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


.vivid-search-quick-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.vivid-search-quick-head h2{margin:5px 0 0;font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.03em}
.vivid-search-quick-head>a{color:#aeb4bd;text-decoration:none;font-size:.72rem;font-weight:700;white-space:nowrap}
.vivid-search-quick-head>a:hover{color:#fff}
.vivid-search-quick-grid a{gap:10px}
.vivid-search-quick-grid a i{color:#7f8792;font-size:.95rem}
.vivid-search-quick-grid a span{min-width:0}
.vivid-search-result-group{margin-bottom:28px}
.vivid-search-result-group-head{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.vivid-search-result-group-head h2{margin:0;font-size:1rem;letter-spacing:-.02em}
.vivid-search-result-group-head span{color:#707781;font-size:.68rem}
.vivid-search-result-group .vivid-search-page-results{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.vivid-search-result-group .vivid-search-page-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .vivid-search-quick-head{align-items:start}
  .vivid-search-quick-head>a{padding-top:2px}
  .vivid-search-result-group .vivid-search-page-results{grid-template-columns:1fr}
}

/* Phase H — Apple TV-inspired dedicated Search surface. */
.vivid-search-main{
  width:min(100% - 32px,1180px);
  padding:calc(var(--vivid-shell-height,64px) + 46px) 0 110px;
}
.vivid-search-page-head{
  display:block;
  margin-bottom:22px;
}
.vivid-search-kicker,.vivid-search-page-label{
  color:#8e8e93;
  font:700 10px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  letter-spacing:.16em;
}
.vivid-search-page-head h1{
  margin:6px 0 0;
  font:700 clamp(36px,5.2vw,58px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;
  letter-spacing:-.055em;
}
.vivid-search-page-head p{
  max-width:620px;
  margin:10px 0 0;
  color:#8e8e93;
  font-size:14px;
  line-height:1.5;
}
.vivid-search-page-field{
  max-width:900px;
  min-height:54px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px;
  background:#1c1c1e;
  box-shadow:none;
}
.vivid-search-page-field:focus-within{
  border-color:rgba(255,255,255,.25);
  box-shadow:0 0 0 3px rgba(255,255,255,.04);
}
.vivid-search-page-field input{
  font:400 16px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
}
.vivid-search-page-field button{
  width:30px;height:30px;
  background:rgba(255,255,255,.09);
}
.vivid-search-quick{
  padding-top:42px;
}
.vivid-search-quick-head{
  margin-bottom:14px;
}
.vivid-search-quick-head h2{
  font:600 20px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;
  letter-spacing:-.02em;
}
.vivid-search-quick-head>a{
  color:#8e8e93;
  font-size:13px;
  font-weight:500;
}
.vivid-search-quick-grid{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:2px 2px 12px 0;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.vivid-search-quick-grid::-webkit-scrollbar{display:none}
.vivid-search-quick-grid a{
  flex:0 0 auto;
  min-height:38px;
  padding:0 13px;
  border:0;
  border-radius:9px;
  background:#1c1c1e;
  color:#d1d1d6;
  font:500 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  scroll-snap-align:start;
}
.vivid-search-quick-grid a:hover{
  transform:none;
  background:#2c2c2e;
  color:#fff;
}
.vivid-search-quick-grid a i{color:#8e8e93}
.vivid-search-page-content{
  padding-top:42px;
}
.vivid-search-result-group{
  margin-bottom:42px;
}
.vivid-search-result-group-head{
  margin-bottom:12px;
}
.vivid-search-result-group-head h2{
  font:600 20px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;
}
.vivid-search-result-group-head span{
  color:#8e8e93;
  font-size:12px;
}
.vivid-search-result-group .vivid-search-page-results{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding:2px 2px 18px 0;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.vivid-search-result-group .vivid-search-page-results::-webkit-scrollbar{display:none}
.vivid-search-page-result{
  display:block;
  flex:0 0 156px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  scroll-snap-align:start;
}
.vivid-search-page-result img{
  display:block;
  width:156px;
  height:234px;
  border-radius:12px;
  background:#1c1c1e;
}
.vivid-search-page-result span{
  display:block;
  padding-top:8px;
}
.vivid-search-page-result strong{
  color:#fff;
  font:600 15px/1.25 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
}
.vivid-search-page-result small{
  margin-top:4px;
  color:#8e8e93;
  font:400 13px/1.2 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
}
.vivid-search-page-result>i{display:none}
.vivid-search-recent-grid{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:10px;
  scrollbar-width:none;
}
.vivid-search-recent-grid::-webkit-scrollbar{display:none}
.vivid-search-recent-grid button{
  flex:0 0 auto;
  min-height:40px;
  padding:0 13px;
  border:0;
  border-radius:9px;
  background:#1c1c1e;
  color:#d1d1d6;
  font:500 13px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
}
.vivid-search-clear-recent{
  color:#8e8e93;
  font-size:12px;
}
.vivid-search-empty-page{
  min-height:220px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#8e8e93;
}
.vivid-search-loading{
  min-height:220px;
}
@media(max-width:640px){
  .vivid-search-main{
    width:min(100% - 24px,1180px);
    padding:calc(var(--vivid-mobile-nav-height,64px) + 22px) 0 96px;
  }
  .vivid-search-page-head h1{font-size:40px}
  .vivid-search-page-result{flex-basis:138px}
  .vivid-search-page-result img{width:138px;height:207px}
  .vivid-search-page-content{padding-top:34px}
}


/* Search-page finishing pass: visible keyboard focus and predictable horizontal rails. */
body.vivid-search-page .vivid-search-quick-grid,
body.vivid-search-page .vivid-search-result-group .vivid-search-page-results,
body.vivid-search-page .vivid-search-recent-grid{
  scroll-padding-inline:4px;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
body.vivid-search-page .vivid-search-quick-grid a:focus-visible,
body.vivid-search-page .vivid-search-quick-head>a:focus-visible,
body.vivid-search-page .vivid-search-page-result:focus-visible,
body.vivid-search-page .vivid-search-recent-grid button:focus-visible,
body.vivid-search-page .vivid-search-clear-recent:focus-visible,
body.vivid-search-page #search-page-clear:focus-visible{
  outline:2px solid #f5f5f7;
  outline-offset:3px;
  border-radius:9px;
}
body.vivid-search-page .vivid-search-page-result img{
  object-fit:cover;
  background:#1c1c1e;
}
body.vivid-search-page .vivid-search-result-group{
  scroll-margin-top:calc(var(--vivid-shell-height,64px) + 20px);
}
@media(prefers-reduced-motion:reduce){
  body.vivid-search-page .vivid-search-quick-grid,
  body.vivid-search-page .vivid-search-result-group .vivid-search-page-results,
  body.vivid-search-page .vivid-search-recent-grid{
    scroll-behavior:auto;
  }
}


/* Explain unsupported natural-language constraints instead of implying they were applied. */
.vivid-search-filter-note {
  margin: 0 0 1.25rem;
  padding: .9rem 1rem;
  border: 1px solid var(--vivid-border, rgba(255,255,255,.14));
  border-radius: 12px;
  color: var(--vivid-text-secondary, #b9bac4);
  background: var(--vivid-surface, rgba(255,255,255,.04));
  font-size: .9rem;
  line-height: 1.5;
}
.vivid-search-filter-note strong {
  display: block;
  margin-bottom: .25rem;
  color: var(--vivid-text, #f5f5f7);
}
.vivid-search-filter-note ul {
  margin: .25rem 0 0;
  padding-inline-start: 1.2rem;
}
.vivid-search-filter-note li + li { margin-top: .2rem; }

/* Consistent focus and accent treatment in search, including installed iOS app mode. */
:where(.vivid-nav-search input,.vivid-discovery-search input,#search-page-input):focus{border-color:rgba(199,255,85,.52)!important;box-shadow:0 0 0 3px rgba(199,255,85,.09)!important}
:where(.vivid-search-page-head h1,.vivid-search-page-head h2){font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em}
:where(.vivid-search-kicker,.vivid-search-page-label){color:#c7ff55}