:root{--fv-bg: #121212;--fv-raised: #181818;--fv-raised-hover: #232323;--fv-hairline: rgba(255, 255, 255, .1);--fv-text: #ffffff;--fv-subdued: #b3b3b3;--fv-faint: #7a7a7a;--fv-green: #1db954;--fv-green-hover: #1ed760;--fv-amber: #e3b341;--fv-blank: #2e2e2e;--fv-header-top: #4a2a6d;--fv-header-bottom: #1d1230;--fv-gutter: 16px;--fv-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark;font-family:var(--fv-font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--fv-bg);color:var(--fv-text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-x:hidden}.fv-header,.fv-controls,.fv-list,.fv-outcome,.fv-inspector{padding-left:calc(var(--fv-gutter) + env(safe-area-inset-left));padding-right:calc(var(--fv-gutter) + env(safe-area-inset-right))}.fv-app{max-width:1080px;margin:0 auto;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.fv-header{position:relative;padding-top:calc(60px + env(safe-area-inset-top));padding-bottom:20px;background:linear-gradient(180deg,var(--fv-header-top) 0%,var(--fv-header-bottom) 70%,var(--fv-bg) 100%)}.fv-backlink{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(var(--fv-gutter) + env(safe-area-inset-left));display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border-radius:999px;background:#00000073;color:var(--fv-text);font-size:.85rem;text-decoration:none}.fv-cover{width:116px;height:116px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(135deg,#8e5bd0,#3f2a72 55%,#1db954);box-shadow:0 8px 28px #0000008c;font-size:2.4rem}.fv-header__meta{min-width:0;margin-top:14px}.fv-eyebrow{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fv-title{margin:6px 0 10px;font-size:clamp(2.4rem,13vw,4.5rem);font-weight:800;line-height:1.02;letter-spacing:-.02em}.fv-subtitle{margin:0;color:var(--fv-subdued);font-size:.85rem;line-height:1.45}.fv-subtitle strong{color:var(--fv-text);font-weight:600}.fv-controls{position:sticky;top:0;z-index:4;padding-top:12px;padding-bottom:12px;background:var(--fv-bg)}.fv-search{position:relative}.fv-search__input{width:100%;min-height:48px;padding:12px 16px 12px 44px;border:1px solid transparent;border-radius:999px;background:var(--fv-raised-hover) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b3b3b3'%3E%3Cpath d='M10 2a8 8 0 105.3 14l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E") 15px center / 18px no-repeat;color:var(--fv-text);font-family:inherit;font-size:16px}.fv-search__input::placeholder{color:var(--fv-faint)}.fv-search__input:focus{outline:none;border-color:var(--fv-text)}.fv-search__input:disabled{opacity:.55}.fv-results{position:absolute;z-index:5;top:calc(100% + 8px);left:0;right:0;margin:0;padding:6px;list-style:none;border-radius:10px;background:var(--fv-raised-hover);box-shadow:0 16px 40px #000000b3;max-height:min(46dvh,360px);overflow-y:auto;overscroll-behavior:contain}.fv-result{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.fv-result[data-active=true]{background:#ffffff1a}.fv-result__text{min-width:0}.fv-result__title{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-result__credits{display:block;color:var(--fv-subdued);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-empty{padding:12px;color:var(--fv-subdued);font-size:.88rem}.fv-empty--block{padding:4px 0 0;line-height:1.5}.fv-art{flex:none;border-radius:4px;background:linear-gradient(135deg,hsl(var(--art-hue) 55% 42%),hsl(var(--art-hue) 60% 22%))}.fv-art--sm{width:40px;height:40px}.fv-list__head{display:none}.fv-tracks{margin:0;padding:0;list-style:none;display:grid;gap:10px}.fv-track{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;border-radius:8px;background:var(--fv-raised)}.fv-track--correct{background:#1db95429;box-shadow:inset 0 0 0 1px #1db95480}.fv-track__index{display:none}.fv-track__song{grid-column:1 / -1;display:flex;align-items:center;gap:12px;min-width:0;margin-bottom:4px}.fv-track__text{min-width:0}.fv-track__title{display:block;font-size:.98rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-track--correct .fv-track__title{color:var(--fv-green-hover)}.fv-track__credits{display:block;color:var(--fv-subdued);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fv-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:62px;padding:6px 4px;border-radius:6px;background:var(--fv-blank);color:var(--fv-subdued);text-align:center;line-height:1.15}.fv-cell--match{background:var(--fv-green);color:#08140c}.fv-cell--close{background:var(--fv-amber);color:#241b00}.fv-cell__label{font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.fv-cell__value{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums}.fv-cell__arrow{font-size:.7rem;line-height:1;opacity:.85}.fv-outcome{margin-top:16px;padding-top:18px;padding-bottom:18px;border-radius:8px;background:var(--fv-raised);display:grid;gap:14px}.fv-outcome__text h2{margin:0 0 4px;font-size:1.2rem}.fv-outcome__text p{margin:0;color:var(--fv-subdued);font-size:.9rem}.fv-btn{min-height:44px;padding:10px 22px;border:0;border-radius:999px;background:var(--fv-green);color:#08140c;font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.fv-btn--ghost{background:transparent;border:1px solid var(--fv-hairline);color:var(--fv-text)}.fv-inspector{margin-top:28px}.fv-inspector__panel{margin-top:12px;padding:14px;border:1px solid var(--fv-hairline);border-radius:8px;background:var(--fv-raised);font-size:.82rem}.fv-inspector h3{margin:20px 0 8px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fv-subdued)}.fv-inspector h3:first-child{margin-top:0}.fv-inspector__actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.fv-inspector__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.fv-inspector table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.fv-inspector th,.fv-inspector td{padding:5px 10px 5px 0;text-align:left;white-space:nowrap}.fv-inspector th{color:var(--fv-subdued);font-weight:500;border-bottom:1px solid var(--fv-hairline)}.fv-inspector td{border-bottom:1px solid rgba(255,255,255,.04)}.fv-inspector__note{margin:0 0 12px;color:var(--fv-subdued);line-height:1.5}.fv-inspector__problems{margin:0 0 12px;padding:10px 12px;border-radius:6px;background:#e3545426;color:#ffb4b4}.fv-tag{display:inline-block;padding:1px 7px;border-radius:999px;background:#1db95433;color:var(--fv-green-hover);font-size:.7rem;font-weight:600}.fv-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (hover: hover){.fv-backlink:hover{background:#000000b3}.fv-result:hover{background:#ffffff1a}.fv-btn:hover{background:var(--fv-green-hover)}.fv-btn--ghost:hover{background:#ffffff14;border-color:var(--fv-subdued)}}@media (min-width: 960px){:root{--fv-gutter: 24px}.fv-header{display:flex;align-items:flex-end;gap:24px;padding-top:76px;padding-bottom:24px}.fv-cover{flex:none;width:192px;height:192px;font-size:4rem}.fv-header__meta{margin-top:0;padding-bottom:6px}.fv-title{font-size:4.5rem;margin-bottom:16px}.fv-subtitle{font-size:.9rem}.fv-search{max-width:420px}.fv-list__head,.fv-track{display:grid;grid-template-columns:24px minmax(160px,2fr) repeat(6,minmax(84px,1fr));gap:10px;align-items:center}.fv-list__head{padding:0 12px 10px;border-bottom:1px solid var(--fv-hairline);color:var(--fv-subdued);font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.fv-list__head span:first-child{text-align:center}.fv-tracks{margin-top:8px;gap:4px}.fv-track{padding:8px 12px;border-radius:6px;background:none}.fv-track:hover{background:#ffffff0f}.fv-track__index{display:block;color:var(--fv-subdued);font-size:.88rem;text-align:center;font-variant-numeric:tabular-nums}.fv-track__song{grid-column:auto;margin-bottom:0}.fv-track__title{font-weight:400}.fv-cell__label{display:none}.fv-cell{min-height:48px;gap:2px}.fv-outcome{grid-auto-flow:column;justify-content:space-between;align-items:center;padding-left:24px;padding-right:24px}}