:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#f7f6f2;--ink:#0b0c0b;--white:#f8faf8;--muted:#9ca19d;--muted-bright:#c6cac7;--line:#ffffff1f;--panel:#121413d1;--panel-solid:#151716;--apple:#fa2d6c;--spotify:#1ed760;--spotify-dark:#0fa946;--error:#ff7d96}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#080908;min-width:320px}body{min-height:100vh;color:var(--white);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 14% 8%,#fa2d6c2e,#0000 28rem),radial-gradient(circle at 88% 27%,#1ed76021,#0000 30rem),linear-gradient(#0b0d0c 0%,#070807 58%,#0b0e0c 100%);margin:0;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#081109;background:var(--spotify)}.siteShell{width:min(1180px,100% - 40px);margin:0 auto}.siteHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:84px;display:flex}.brand{color:var(--white);letter-spacing:-.02em;align-items:center;gap:11px;font-size:.94rem;font-weight:680;text-decoration:none;display:inline-flex}.brandMark{background:linear-gradient(135deg, var(--apple) 0 48%, var(--spotify) 52% 100%);border:1px solid #ffffff38;border-radius:8px;width:28px;height:28px;display:block;position:relative;overflow:hidden;transform:rotate(-4deg)}.brandMark span{background:#101211;border-radius:999px;width:7px;position:absolute;top:-4px;bottom:-4px;transform:rotate(28deg)}.brandMark span:first-child{left:7px}.brandMark span:last-child{right:5px}.headerLink{min-height:44px;color:var(--muted-bright);align-items:center;gap:7px;font-size:.84rem;font-weight:620;text-decoration:none;transition:color .16s;display:inline-flex}.headerLink:hover{color:var(--white)}.hero{align-content:center;gap:clamp(34px,6vh,58px);min-height:calc(100vh - 84px);padding:clamp(58px,8vh,98px) 0;display:grid}.heroCopy{text-align:center;max-width:830px;margin:0 auto}.eyebrow,.sectionKicker{color:var(--muted-bright);letter-spacing:.15em;text-transform:uppercase;margin:0 0 17px;font-size:.72rem;font-weight:720}.eyebrow{align-items:center;gap:9px;display:inline-flex}.liveDot{background:var(--spotify);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #1ed76014,0 0 18px #1ed76080}h1,h2,h3,p{overflow-wrap:break-word}h1{letter-spacing:-.073em;margin:0;font-size:clamp(3rem,8.5vw,7.4rem);font-weight:740;line-height:.88}h1 span{color:#0000;background:linear-gradient(94deg,#ff4d83 12%,#f58b68 43%,#b6c97f 65%,#44e27d 88%);-webkit-background-clip:text;background-clip:text;margin-top:.11em;display:block}.lede{max-width:610px;color:var(--muted-bright);margin:26px auto 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.resolverCard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1d1bf0,#0f1110e0);border:1px solid #ffffff24;border-radius:28px;width:min(900px,100%);margin:0 auto;padding:clamp(20px,4vw,34px);position:relative;box-shadow:0 30px 90px #0000006b,inset 0 1px #ffffff0d}.resolverCard:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(105deg,#fa2d6c52,#0000 35% 65%,#1ed7604d);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.handoff{justify-content:center;align-items:center;gap:14px;margin-bottom:22px;display:flex}.service{border:1px solid var(--line);letter-spacing:.02em;border-radius:999px;padding:7px 11px;font-size:.7rem;font-weight:700}.serviceApple{color:#ff92b3;background:#fa2d6c14}.serviceSpotify{color:#73e99d;background:#1ed76014}.handoffLine{background:linear-gradient(90deg, var(--apple), var(--spotify));justify-content:space-around;align-items:center;width:min(96px,15vw);height:1px;display:flex}.handoffLine i{background:#c8d8c9;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #ffffff4d}.resolverForm label{color:#d9ddda;margin:0 0 9px 2px;font-size:.79rem;font-weight:680;display:block}.inputGroup{background:#040505a3;border:1px solid #ffffff29;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:7px;transition:border-color .16s,box-shadow .16s;display:grid}.inputGroup:focus-within{border-color:#1ed76085;box-shadow:0 0 0 4px #1ed76014}.inputGroup input{width:100%;min-width:0;min-height:54px;color:var(--white);background:0 0;border:0;outline:0;padding:0 14px;font-size:1rem}.inputGroup input::placeholder{color:#686d69}.inputGroup input:disabled{opacity:.72}.resolveButton,.copyButton,.openButton{cursor:pointer;border-radius:11px;min-height:52px;font-weight:720;text-decoration:none;transition:transform .15s,background .15s,border-color .15s}.resolveButton{color:#071009;background:var(--spotify);border:0;justify-content:center;align-items:center;gap:10px;min-width:188px;padding:0 18px;display:inline-flex;box-shadow:0 8px 28px #1ed76029}.resolveButton:hover:not(:disabled){background:#38e578;transform:translateY(-1px)}.resolveButton:active:not(:disabled),.copyButton:active,.openButton:active{transform:translateY(1px)}.resolveButton:disabled{cursor:wait;opacity:.78}.spinner{border:2px solid #07100947;border-top-color:#071009;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.formMeta{justify-content:space-between;gap:16px;padding:9px 4px 0;display:flex}.formMeta p{color:#777d78;margin:0;font-size:.7rem}.formStatus{min-height:0}.errorMessage{color:#ffacbc;background:#ff7d9612;border:1px solid #ff7d9640;border-radius:10px;margin-top:12px;padding:11px 13px;font-size:.83rem;line-height:1.45}.resultCard{border-top:1px solid #ffffff1a;margin-top:23px;padding-top:20px;animation:.3s ease-out both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.resultTopline{color:#dfe4e0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:.74rem;font-weight:680;display:flex}.resultTopline>span:first-child{align-items:center;gap:8px;display:inline-flex}.resultCheck{color:#071009;background:var(--spotify);border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;display:inline-grid}.confidence{color:#aeb4af;letter-spacing:.025em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:6px 9px;font-size:.66rem}.confidencehigh{color:#7eefa6;border-color:#1ed7602e}.resultMedia{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:18px;display:grid}.resultMedia img,.artworkFallback{object-fit:cover;border-radius:12px;width:104px;height:104px;box-shadow:0 12px 30px #0000004d}.artworkFallback{color:#ffffffb8;background:linear-gradient(145deg,#fa2d6cb3,#1ed760a6);place-items:center;font-size:2rem;display:grid}.resultDetails{min-width:0}.resultType{color:var(--spotify);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.66rem;font-weight:760}.resultDetails h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.2rem,3vw,1.7rem);line-height:1.15}.resultDetails>p:not(.resultType){color:var(--muted-bright);margin:5px 0 0;font-size:.87rem}.resultUrl{color:#777d78;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.69rem;display:block;overflow:hidden}.resultUrl:hover{color:var(--muted-bright)}.resultActions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.copyButton,.openButton{justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:.84rem;display:inline-flex}.copyButton{color:var(--white);background:#ffffff0b;border:1px solid #ffffff24}.copyButton:hover{background:#ffffff13;border-color:#ffffff42}.openButton{border:1px solid var(--spotify);color:#061008;background:var(--spotify)}.openButton:hover{background:#38e578}.copyStatus{color:#91d9aa;text-align:center;margin:10px 0 0;font-size:.73rem}.shortcutSection{padding:clamp(96px,14vw,170px) 0 72px}.sectionIntro{max-width:710px}.sectionKicker{color:#71db96}.sectionIntro h2,.apiPanel h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.15rem,5vw,4.4rem);line-height:1}.sectionIntro>p:last-child,.apiPanel>div:first-child>p:last-child{max-width:590px;color:var(--muted);margin:20px 0 0;font-size:1rem;line-height:1.65}.steps{border:1px solid var(--line);background:var(--line);border-radius:22px;grid-template-columns:repeat(3,1fr);gap:1px;margin:56px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.steps li{background:#0f1110f0;min-height:270px;padding:clamp(25px,4vw,38px)}.stepNumber{color:#5f6560;margin-bottom:66px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.73rem;display:block}.steps h3{letter-spacing:-.025em;margin:0;font-size:1rem}.steps p{color:var(--muted);margin:12px 0 0;font-size:.84rem;line-height:1.6}.apiPanel{border:1px solid var(--line);background:radial-gradient(circle at 100% 100%,#1ed76014,#0000 25rem),#101211d1;border-radius:24px;grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr);align-items:end;gap:clamp(35px,7vw,90px);margin-top:74px;padding:clamp(28px,6vw,58px);display:grid}.apiPanel h2{font-size:clamp(2rem,4vw,3.3rem)}.apiPanel code{color:#dfe4e0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82em}.endpoint{background:#00000057;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:13px;min-width:0;padding:16px;display:flex;overflow:hidden}.endpoint code{color:#b7bdb8;text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;overflow:hidden}.method{color:#071009;background:var(--spotify);letter-spacing:.04em;border-radius:5px;flex:none;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem;font-weight:800}footer{color:#777d78;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;min-height:120px;font-size:.75rem;display:flex}footer p{margin:0}footer a:hover{color:var(--white)}:focus-visible{outline-offset:3px;outline:3px solid #76efa0eb}@media (max-width:760px){.siteShell{width:min(100% - 28px,1180px)}.siteHeader{min-height:70px}.hero{min-height:calc(100svh - 70px);padding:52px 0 68px}h1{font-size:clamp(3.15rem,15vw,5.5rem);line-height:.9}.resolverCard{border-radius:22px}.inputGroup{grid-template-columns:1fr}.resolveButton{width:100%}.steps{grid-template-columns:1fr}.steps li{min-height:0}.stepNumber{margin-bottom:38px}.apiPanel{grid-template-columns:1fr}}@media (max-width:520px){.headerLink{font-size:0}.headerLink span{font-size:1rem}.heroCopy{text-align:left}.lede{margin-left:0}.handoff{gap:9px}.service{padding:6px 8px;font-size:.62rem}.resultMedia{grid-template-columns:78px minmax(0,1fr);gap:14px}.resultMedia img,.artworkFallback{width:78px;height:78px}.resultTopline{align-items:flex-start}.resultActions{grid-template-columns:1fr}.shortcutSection{padding-top:100px}.apiPanel{margin-top:48px;padding:26px 20px}.endpoint{flex-direction:column;align-items:flex-start}.endpoint code{white-space:normal;word-break:break-all;width:100%}footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}