@font-face{font-family:DynaPuff;src:url(/fonts/DynaPuff-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Dela Gothic One;src:url(/fonts/DelaGothicOne-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/AtkinsonHyperlegibleNext-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible Next;src:url(/fonts/AtkinsonHyperlegibleNext-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{color-scheme:light dark;--color-primary: #1d1c1f;--color-on-primary: #f5f6f2;--color-primary-hover: #34333a;--color-surface: #f5f6f2;--color-surface-tape: #ffffff;--color-surface-sunk: #e8eae4;--color-text: #1d1c1f;--color-text-muted: #5e615a;--color-crayon-cobalt: #3550b8;--color-crayon-lemon: #eee45e;--color-success: #1f6b3d;--color-warning: #8a5300;--color-danger: #b3271f;--color-scrim: rgba(29, 28, 31, .4);--font-wordmark: "DynaPuff", "Arial Rounded MT Bold", sans-serif;--font-display: "Dela Gothic One", "Arial Black", sans-serif;--font-text: "Atkinson Hyperlegible Next", Verdana, sans-serif;--font-code: "IBM Plex Mono", Menlo, monospace;--text-wordmark: 600 26px/1 var(--font-wordmark);--text-playful: 600 18px/1.1 var(--font-wordmark);--text-display: 400 38px/.98 var(--font-display);--text-headline: 400 30px/1 var(--font-display);--text-quote: 400 26px/1.15 var(--font-display);--text-button: 400 22px/1 var(--font-display);--text-title: 400 17px/1.1 var(--font-display);--text-body: 400 16px/1.5 var(--font-text);--text-lead: 700 16px/1.4 var(--font-text);--text-input: 700 22px/1.1 var(--font-text);--text-label: 700 17px/1.25 var(--font-text);--text-caption: 700 13px/1.3 var(--font-text);--text-wall-label: 400 11px/1.35 var(--font-text);--text-credit: 400 11px/1 var(--font-text);--text-code: 500 13px/1.3 var(--font-code);--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-6: 48px;--spacing-8: 64px;--spacing-12: 96px;--rounded-none: 0px;--rounded-full: 9999px;--tilt-headline: -2.5deg;--tilt-quote: -2deg;--tilt-card: 1deg;--tilt-button: 1.5deg;--tilt-found: -4deg;--crayon-swipe: url(/art/crayon-swipe-lemon.png);--crayon-swipe-2: url(/art/crayon-swipe-lemon-2.png);--crayon-line: url(/art/crayon-line-cobalt.png);--crayon-arrow: url(/art/crayon-arrow-ink.png);--tap-min: 48px;--art-home: url(/art/tape-resist-01-1600.jpg);--art-results: url(/art/swirl-01-1600.jpg);--art-empty: url(/art/stars-01-1600.jpg);--art-detail: url(/art/ripple-01-1600.jpg);--art-share: url(/art/smear-01-1600.jpg);--art-social: url(/art/finger-01-1600.jpg);--art-404: url(/art/scribble-01-cutout.png);--spot-loading: url(/art/leaf-01-cutout.png);--spot-offline: url(/art/cone-01-cutout.png);--art-404-filter: none;--crayon-line-filter: none}:root[data-theme=dark]{--color-primary: #eef1ec;--color-on-primary: #111613;--color-primary-hover: #d9ddd6;--color-surface: #111613;--color-surface-sunk: #1b211d;--color-text: #eef1ec;--color-text-muted: #9aa39c;--color-crayon-cobalt: #8fa6f2;--color-success: #6fcf97;--color-warning: #f0b860;--color-danger: #ff8a80;--color-scrim: rgba(0, 0, 0, .6);--art-home: url(/art/night-01-1600.jpg);--art-results: url(/art/night-01-1600.jpg);--art-empty: url(/art/night-01-1600.jpg);--art-detail: url(/art/night-01-1600.jpg);--art-404-filter: invert(1) hue-rotate(180deg);--crayon-line-filter: brightness(1.6) saturate(.8)}@media (min-width: 600px){:root{--text-display: 400 52px/.98 var(--font-display)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font:var(--text-body);background-color:var(--color-surface);color:var(--color-text);min-height:100vh;overflow-x:hidden;overscroll-behavior-y:contain}#root{min-height:100vh;display:flex;flex-direction:column}button,input{font:inherit;color:inherit}button{cursor:pointer;user-select:none;-webkit-user-select:none;border:0;background:none;border-radius:var(--rounded-none)}button:disabled{cursor:default}a{color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}::placeholder{color:var(--color-text-muted);opacity:1}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}:root{--tape-ink: #1d1c1f;--tape-muted: #5e615a;--tape-cobalt: #3550b8;--tape-sunk: #e8eae4;--gutter: 18px;--col: 560px;--crayon-arrow-filter: none}:root[data-theme=dark]{--crayon-arrow-filter: invert(1) hue-rotate(180deg)}@media (min-width: 600px){:root{--gutter: 48px}}.page{flex:1;display:flex;flex-direction:column;position:relative}.col{position:relative;width:calc(100% - 2 * var(--gutter));max-width:var(--col);margin-left:var(--gutter)}@media (min-width: 600px){.col{margin-left:auto;margin-right:auto}}.icon{display:block;flex:none}.tap{width:var(--tap-min);height:var(--tap-min);display:inline-grid;place-items:center;color:var(--color-text);text-decoration:none;flex:none}.header{position:relative;z-index:3;height:56px;background:var(--color-surface);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--gutter) - 12px) 0 var(--gutter)}.header__left{display:flex;align-items:center;gap:4px;margin-left:-12px}.header__left .tap{margin-left:0}.header__wordmark{display:flex;align-items:center;min-height:var(--tap-min);padding:0 12px}.header__wordmark--after-back{padding-left:0}.header__wordmark img{display:block;height:24px;width:auto}.credit-row{margin-top:auto;padding:32px 16px 12px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.credit,.credit-row__theme{font:var(--text-credit);color:var(--color-text-muted);text-decoration:none;min-height:var(--tap-min);display:inline-flex;align-items:flex-end;margin-bottom:-12px;padding-bottom:12px}.credit:hover,.credit-row__theme:hover{text-decoration:underline;text-underline-offset:3px}.credit-row__theme{font:var(--text-caption);min-width:var(--tap-min);justify-content:center;padding:0 12px 12px;margin-left:-12px}.art-band{position:relative;overflow:hidden;width:100%}.art-band__img{display:block;width:100%}.art-band--field .art-band__img{height:100%;object-fit:cover}.art-band--object .art-band__img--whole{height:auto}@media (min-width: 600px){.art-band--object .art-band__img--whole{width:auto;max-width:100%;max-height:440px;margin:0 auto}}.art-band--night .art-band__img--whole{visibility:hidden}.art-band__img--night{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover}.art-band--scribble .art-band__img--whole{filter:var(--art-404-filter)}.crayon-line{display:block;height:10px;width:85%;background:var(--crayon-line) center / 100% 100% no-repeat;filter:var(--crayon-line-filter)}.crayon-line--underline{height:14px;width:100%;margin:6px 0 0 -4px}.tape{position:relative;background:var(--color-surface-tape);color:var(--tape-ink);padding:16px 18px}.tape--headline{transform:rotate(var(--tilt-headline))}.tape--quote{transform:rotate(var(--tilt-quote))}.tape--card{transform:rotate(var(--tilt-card))}.tape--found{transform:rotate(var(--tilt-found))}.headline-strip{margin:-62px -4px 0;padding:16px 18px 18px;z-index:2}.headline-strip--plain{margin-top:22px}.headline-strip__text{font:var(--text-display);letter-spacing:-.01em}.lead{font:var(--text-lead);margin-top:20px;max-width:300px}.body-text{font:var(--text-body);margin-top:16px;max-width:320px}.body-text a:not([class]){color:var(--color-crayon-cobalt)}.body-text a:not([class]),.source-note a:not([class]),.notice a:not([class]),.caption-row a:not([class]){padding:16px 0}.search-field{margin-top:20px}.search-field__strip{display:flex;align-items:center;min-height:56px;padding:4px 4px 4px 16px;gap:0}.search-field__input{flex:1;min-width:0;border:0;background:none;font:var(--text-input);color:var(--tape-ink);padding:12px 0;outline:none}.search-field__input::placeholder{color:var(--tape-muted)}.search-field__strip:focus-within{outline:2px solid var(--tape-ink);outline-offset:3px}.search-field__button{width:var(--tap-min);height:var(--tap-min);display:inline-grid;place-items:center;color:var(--tape-ink);flex:none}.search-field__mic{border-radius:var(--rounded-full)}.search-field__mic.is-listening{background:var(--tape-ink);color:var(--color-surface-tape)}.search-field--error .crayon-line--underline{background:var(--color-danger);height:3px;margin:6px 0 0;filter:none}.search-field__note{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:8px;font:var(--text-caption);color:var(--color-text-muted)}.search-field__note--error{color:var(--color-danger)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:18px 34px;background:var(--color-primary);color:var(--color-on-primary);font:var(--text-button);border:0;border-radius:var(--rounded-none);transform:rotate(var(--tilt-button));text-decoration:none;cursor:pointer}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:rotate(0) translateY(2px)}.btn-primary:disabled{background:var(--color-surface-sunk);color:var(--color-text-muted)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;background:var(--color-surface-tape);color:var(--tape-ink);font:var(--text-label);border:2px solid var(--tape-ink);border-radius:var(--rounded-none);text-decoration:none;cursor:pointer}.btn-secondary:hover{text-decoration:underline;text-underline-offset:4px}.btn-secondary.is-active{background:var(--tape-ink);color:var(--color-surface-tape)}.text-action{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-min);padding:0 12px;font:var(--text-label);color:var(--color-text);text-decoration:none;cursor:pointer}.text-action:hover{text-decoration:underline;text-underline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:12px;margin-left:-12px}.examples{display:flex;flex-direction:column;margin-top:6px}.examples--inline{flex-direction:row;flex-wrap:wrap;gap:0 20px}.example-link{display:flex;align-items:center;min-height:var(--tap-min);font:var(--text-label);color:var(--color-crayon-cobalt);text-decoration:none;text-align:left;padding:0}.example-link:hover{text-decoration:underline;text-underline-offset:4px}.tape .example-link{color:var(--tape-cobalt)}.section-label{font:var(--text-playful);color:var(--color-text);margin-top:26px}.tape .section-label{color:var(--tape-ink)}.section-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.section-row .text-action{min-height:32px;font:var(--text-caption);padding:0}.quote-strip{padding:16px 16px 18px;margin-top:6px}.quote-strip__text{display:block;font:var(--text-quote);letter-spacing:-.01em}.quote-strip--button{display:block;width:100%;text-align:left;cursor:text}.quote-strip__caption{display:block;margin-top:10px;font:var(--text-caption);color:var(--tape-muted)}.nowrap{white-space:nowrap}.match{position:relative;isolation:isolate;display:inline-block}.match:before{content:"";position:absolute;z-index:-1;left:-.18em;right:-.18em;top:.12em;bottom:-.08em;background:var(--crayon-swipe) center / 100% 100% no-repeat}.match--alt:before{background-image:var(--crayon-swipe-2)}.arrow-row{display:flex;align-items:flex-end;gap:6px;height:84px;margin:4px 0 2px 34px}.arrow-row__arrow{width:86px;height:82px;filter:var(--crayon-arrow-filter)}.found-label{font:var(--text-playful);color:var(--tape-cobalt);background:var(--color-surface-tape);padding:7px 10px;margin-bottom:18px;transform:rotate(var(--tilt-found))}.result-card{display:block;padding:22px 18px 18px;text-decoration:none;cursor:pointer}.result-card__title{font:var(--text-headline);text-wrap:balance}.result-card__title a{text-decoration:none}.caption-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:10px;font:var(--text-caption);color:var(--tape-ink)}.show-name{color:var(--tape-cobalt);text-decoration:none}.code{font:var(--text-code)}.thumb{margin-top:14px;aspect-ratio:16 / 9;width:100%;background:var(--tape-sunk);color:var(--tape-muted);font:var(--text-caption);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:14px 0 10px}.row__main{flex:1;min-width:0;text-decoration:none;color:inherit}.row__title{font:var(--text-title)}.row__caption{display:block;margin-top:4px;font:var(--text-caption);color:var(--color-text-muted)}.row__caption .code{font:var(--text-code)}.row .tap{margin-right:-12px}.row+.crayon-line{margin:0}.heart-button,.heart-button.is-saved{color:var(--color-text)}.empty-strip{margin-top:40px;padding:22px 18px 14px}.empty-strip__title{font:400 20px/1.1 var(--font-display);margin-bottom:8px}.empty-strip .body-text{margin-top:0;max-width:none}.empty-strip .section-label{margin-top:24px}.empty-strip+.btn-secondary{margin-top:24px}.spot-strip{margin:34px 0 0;padding:22px 18px 20px;text-align:center}.spot-strip__art{width:auto;max-width:70%;height:240px;object-fit:contain;margin:0 auto}.spot-strip__title{margin:14px 0 6px;font:400 22px/1.1 var(--font-display)}.spot-strip__body{font:400 15px/1.45 var(--font-text)}.spot-strip .btn-secondary{margin-top:16px}.results{position:relative}.results__band{position:absolute;inset:0 0 auto 0;height:430px;z-index:0}.results .col{z-index:1;padding-top:12px}.results--empty .col{padding-top:132px}.results__more{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.followups{margin-top:8px}.followups .section-label{margin-top:18px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.filter-row__label{font:var(--text-caption);color:var(--color-text-muted);margin-right:4px}.home__button,.home .section-label{margin-top:22px}.detail-card{margin-top:-48px;padding:22px 18px}.detail-card .result-card__title{font:var(--text-headline)}.detail-card .caption-row{margin-top:12px}.detail-card .thumb{margin-top:16px}.detail__play{margin-top:26px}.description{margin-top:24px;font:var(--text-body)}.detail .section-label{margin:32px 0 8px}.songs{display:flex;flex-direction:column}.song{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 0;text-decoration:none;color:inherit}.song__name{font:var(--text-label)}.song__time{font:var(--text-code);flex:none}.song+.crayon-line{margin:0}.detail .quote-strip{margin-top:8px}.detail .quote-strip .match{display:inline-block}.source-note{margin-top:24px;font:var(--text-caption);color:var(--color-text-muted)}.source-note a{color:var(--color-crayon-cobalt)}.pager{display:flex;justify-content:space-between;gap:8px;margin:24px -12px 0}.pager .text-action{text-align:left}.pager .text-action--next{margin-left:auto;text-align:right}.pager__label{display:block;font:var(--text-caption);color:var(--color-text-muted)}.wall{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px;margin-top:20px;align-items:start}.wall__figure{margin:0}.wall__figure img{width:100%;height:auto;display:block}.wall__label{margin-top:6px;font:var(--text-wall-label);color:var(--color-text-muted)}.wall__title{display:block;font:600 13px/1.2 var(--font-wordmark);color:var(--color-text)}.season-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0 8px;margin:12px 0 0 -12px}.season-tabs .example-link{color:var(--color-crayon-cobalt);min-height:var(--tap-min);min-width:var(--tap-min);padding:0 12px;justify-content:center}.season-tabs .example-link[aria-selected=true]{color:var(--color-text);text-decoration:underline;text-underline-offset:4px}.notice{margin-top:16px;font:var(--text-body)}.notice .text-action{display:inline;min-height:0;padding:0;font:inherit;color:var(--color-crayon-cobalt)}.notice--muted{font:var(--text-caption);color:var(--color-text-muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--color-scrim);display:flex;align-items:stretch;justify-content:center;overflow-y:auto}.sheet{position:relative;width:100%;background:var(--color-surface);color:var(--color-text);padding:8px var(--gutter) 40px}.sheet__close{position:absolute;top:4px;right:calc(var(--gutter) - 12px)}.sheet .col{margin-left:0;width:100%}.sheet .headline-strip--plain{margin-top:56px}.sheet__form{margin-top:24px;display:flex;flex-direction:column;gap:16px}.field__label{display:block;font:var(--text-caption);margin-bottom:6px}.field__input{width:100%;min-height:56px;padding:12px 16px;background:var(--color-surface-tape);color:var(--tape-ink);font:var(--text-label);border:0;border-radius:var(--rounded-none)}.field__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.note{display:flex;align-items:flex-start;gap:8px;font:var(--text-caption)}.note--error{color:var(--color-danger)}.note--success{color:var(--color-success)}.sheet__footer{margin-top:24px;display:flex;flex-direction:column;gap:4px;margin-left:-12px}@media (min-width: 600px){.sheet{max-width:656px;margin:48px auto;align-self:flex-start}}