.ko-songfinder{position:relative;width:100%;min-height:calc(100svh - var(--kao-header-h));overflow:hidden;padding:52px 24px 64px;color:#fff;background:radial-gradient(circle at 12% 14%,rgba(255,67,200,.14),transparent 32%),radial-gradient(circle at 90% 74%,rgba(74,218,255,.12),transparent 34%),radial-gradient(circle at 58% 4%,rgba(135,91,255,.11),transparent 32%),linear-gradient(120deg,#090a17,#121123 52%,#07131a)}
.ko-songfinder:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ff43c8,#875cff,#50dcff,transparent);box-shadow:0 0 16px rgba(135,91,255,.28)}
.ko-songfinder-inner{position:relative;z-index:1;width:min(1040px,100%);margin:auto}

/* Compact title, deliberately NOT a card. */
.ko-song-title-card{width:min(760px,100%);margin:0 auto 24px;padding:0;text-align:center;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.ko-songfinder-eyebrow{margin:0 0 8px;color:rgba(255,255,255,.48);font-size:9px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase;text-align:center}
.ko-songfinder h1{margin:0;text-align:center;color:#fff;font-size:clamp(34px,4.2vw,50px);line-height:1;font-weight:900;letter-spacing:-1.45px;text-shadow:0 9px 28px rgba(0,0,0,.22)}
.ko-songfinder h1 span{background:linear-gradient(135deg,#ff58cf 0%,#9c69ff 47%,#50e1ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 9px rgba(156,105,255,.14))}
.ko-songfinder-lead{max-width:470px;margin:9px auto 0;text-align:center;color:rgba(255,255,255,.58);font-size:14px;line-height:1.45}

/* Search: black premium frame + a real light segment travelling around the four edges.
   No conic-gradient rotation / mask tricks: this runs reliably in Safari. */
.ko-song-search-card{--ko-run:112px;position:relative;isolation:isolate;overflow:hidden;width:min(760px,100%);margin:0 auto;padding:2px;border-radius:22px;background:#080914;box-shadow:0 0 0 1px rgba(125,91,255,.28),0 0 28px rgba(128,86,255,.11),0 22px 54px rgba(0,0,0,.25)}
.ko-song-search-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,67,200,.14),rgba(135,92,255,.18) 48%,rgba(80,220,255,.14));opacity:.45}
.ko-song-search-runner{position:absolute;z-index:3;top:0;left:0;width:var(--ko-run);height:2px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,transparent 0,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent 100%);box-shadow:0 0 5px #ff43c8,0 0 11px rgba(154,98,255,.95),0 0 18px rgba(80,220,255,.55);will-change:top,left,width,height,transform;animation:koSearchBorderRun 30s linear infinite!important}
.ko-song-search-inner{position:relative;z-index:2;padding:8px;border-radius:19px;background:linear-gradient(145deg,rgba(17,17,29,.997),rgba(7,8,16,.999));box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
#searchfield{position:relative;z-index:1;width:100%;margin:0}
#searchfield form{margin:0}
#autocomplete.biginput{display:block;width:100%;min-height:66px;margin:0;padding:0 23px;border:0!important;outline:0!important;border-radius:14px;background:rgba(255,255,255,.055)!important;color:#fff!important;font-family:inherit;font-size:18px!important;line-height:1.2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);-webkit-appearance:none;appearance:none;transition:background .2s ease,box-shadow .2s ease}
#autocomplete.biginput::placeholder{color:rgba(255,255,255,.42)}
#autocomplete.biginput:focus{background:rgba(255,255,255,.077)!important;box-shadow:inset 0 0 0 1px rgba(80,220,255,.34),0 0 0 3px rgba(117,88,223,.11)}
.ko-song-output{width:min(760px,100%);min-height:0;margin:10px auto 0;color:#fff;font-size:14px;line-height:1.5}

.ko-songfinder-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(960px,100%);margin:30px auto 0}
.ko-songfinder-info article{position:relative;overflow:hidden;padding:19px 21px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.022));box-shadow:0 12px 34px rgba(0,0,0,.1);backdrop-filter:blur(8px)}
.ko-songfinder-info article:before{content:"";position:absolute;left:0;top:0;width:88px;height:2px;background:linear-gradient(90deg,#ff43c8,#875cff,#50dcff,transparent);opacity:.85}
.ko-songfinder-info-wide{grid-column:1/-1}
.ko-songfinder-info-label{margin:0 0 7px;color:#68defa;font-size:10px;font-weight:850;letter-spacing:1.35px;text-transform:uppercase}
.ko-songfinder-info article:first-child .ko-songfinder-info-label{color:#ff70d5}
.ko-songfinder-info p{margin:0;color:rgba(255,255,255,.63);font-size:13px;line-height:1.58}
.ko-songfinder-info strong{color:#fff}

.autocomplete-suggestions{z-index:99999!important;overflow:auto!important;margin-top:7px!important;border:1px solid rgba(137,91,255,.28)!important;border-radius:14px!important;background:rgba(10,11,25,.985)!important;box-shadow:0 20px 50px rgba(0,0,0,.34)!important;color:#fff!important;backdrop-filter:blur(18px)}
.autocomplete-suggestion{padding:11px 14px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:rgba(255,255,255,.78)!important;font-size:14px!important;line-height:1.35!important;cursor:pointer!important}
.autocomplete-suggestion:last-child{border-bottom:0!important}
.autocomplete-selected,.autocomplete-suggestion:hover{background:linear-gradient(90deg,rgba(255,67,200,.12),rgba(117,88,223,.16),rgba(80,220,255,.1))!important;color:#fff!important}
.autocomplete-suggestion strong{color:#64ddff!important}

@keyframes koSearchBorderRun{
  0%{top:0;left:0;width:var(--ko-run);height:2px;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  24%{top:0;left:100%;width:var(--ko-run);height:2px;transform:translateX(0);background:linear-gradient(90deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  25%{top:0;left:calc(100% - 2px);width:2px;height:var(--ko-run);transform:translateY(-100%);background:linear-gradient(180deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  49%{top:100%;left:calc(100% - 2px);width:2px;height:var(--ko-run);transform:translateY(0);background:linear-gradient(180deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  50%{top:calc(100% - 2px);left:100%;width:var(--ko-run);height:2px;transform:translateX(0);background:linear-gradient(270deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  74%{top:calc(100% - 2px);left:0;width:var(--ko-run);height:2px;transform:translateX(-100%);background:linear-gradient(270deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  75%{top:100%;left:0;width:2px;height:var(--ko-run);transform:translateY(0);background:linear-gradient(0deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  99.9%{top:0;left:0;width:2px;height:var(--ko-run);transform:translateY(-100%);background:linear-gradient(0deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
  100%{top:0;left:0;width:var(--ko-run);height:2px;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ff43c8 18%,#9a62ff 53%,#50dcff 82%,transparent)}
}

@media(max-width:767px){
  .ko-songfinder{padding:32px 16px 44px}
  .ko-songfinder-inner{width:100%}
  .ko-song-title-card{width:min(620px,100%);margin-bottom:20px}
  .ko-songfinder-eyebrow{margin-bottom:6px;font-size:8px;letter-spacing:1.5px}
  .ko-songfinder h1{font-size:clamp(31px,9vw,40px);letter-spacing:-1.05px}
  .ko-songfinder-lead{margin-top:8px;font-size:13px}
  .ko-song-search-card{--ko-run:82px;border-radius:18px}
  .ko-song-search-inner{padding:6px;border-radius:15px}
  #autocomplete.biginput{min-height:58px;padding:0 16px;border-radius:11px;font-size:16px!important}
  .ko-songfinder-info{grid-template-columns:1fr;margin-top:22px}
  .ko-songfinder-info-wide{grid-column:auto}
  .ko-songfinder-info article{padding:16px;border-radius:15px}
  .autocomplete-suggestion{padding:12px!important;font-size:16px!important}
}


/* KAO 1.3.16 — native fallback list uses the same visual language as the legacy autocomplete. */
.ko-song-fallback-results{position:absolute;z-index:99999;left:10px;right:10px;top:calc(100% + 7px);max-height:320px;overflow:auto;border:1px solid rgba(137,91,255,.32);border-radius:14px;background:rgba(10,11,25,.99);box-shadow:0 20px 50px rgba(0,0,0,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.ko-song-fallback-results[hidden]{display:none!important}
.ko-song-fallback-item{display:block;width:100%;margin:0;padding:11px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:rgba(255,255,255,.82);font:inherit;font-size:14px;line-height:1.35;text-align:left;cursor:pointer}
.ko-song-fallback-item:last-child{border-bottom:0}.ko-song-fallback-item:hover,.ko-song-fallback-item:focus{outline:0;background:linear-gradient(90deg,rgba(255,67,200,.12),rgba(117,88,223,.16),rgba(80,220,255,.10));color:#fff}
.ac_results{z-index:99999!important;overflow:hidden!important;margin-top:7px!important;border:1px solid rgba(137,91,255,.28)!important;border-radius:14px!important;background:rgba(10,11,25,.985)!important;box-shadow:0 20px 50px rgba(0,0,0,.34)!important;color:#fff!important}
.ac_results ul{margin:0!important;padding:0!important;list-style:none!important}.ac_results li{margin:0!important;padding:11px 14px!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:rgba(255,255,255,.78)!important;font-size:14px!important;line-height:1.35!important;cursor:pointer!important}.ac_results li:last-child{border-bottom:0!important}.ac_over{background:linear-gradient(90deg,rgba(255,67,200,.12),rgba(117,88,223,.16),rgba(80,220,255,.10))!important;color:#fff!important}