:root{--gray-900:#0d0f12;--gray-800:#161a1f;--gray-700:#252b33;--gray-600:#3a424d;--gray-500:#5a6370;--gray-400:#7d8694;--gray-300:#a0a8b4;--gray-200:#c4cad2;--gray-100:#e8eaed;--gray-50:#f4f5f6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--rhythm-D:clamp(34px, 8vh, 120px);--rhythm-D-half:calc(var(--rhythm-D) / 2);--rhythm-D-third:calc(var(--rhythm-D) / 3);--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-weight-thin:200;--font-weight-light:300;--font-weight-regular:400;--text-display:clamp(3.5rem, 13vw, 9rem);--text-hero:clamp(3rem, 10vw, 7rem);--text-lg:1.25rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--accent-teal:#8aa399;--accent-lavender:#7d84b2;--accent-blue:#8fa6cb;--accent-lime:#dbf4a7;--accent-mint:#d5f9de;--color-error:#c45c5c;--qcr-purple:#8b5cf6;--qcr-lime:#c8ff00;--color-youtube:red;--color-spotify:#1db954;--color-bandcamp:#1da0c3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:var(--gray-900);--bg-surface:#13161a;--text-primary:#d5f9de;--text-secondary:#8aa399;--accent:#8fa6cb;--accent-hover:#dbf4a7}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);background-color:var(--gray-900);color:var(--gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-bar{align-items:center;column-gap:var(--space-2);width:100%;margin-bottom:var(--space-5);grid-template-columns:1fr auto 1fr;display:grid}.nav-bar__slot{align-items:center;display:flex;position:relative}.nav-bar__slot--left{justify-self:end}.nav-bar__slot--right{justify-self:start}.nav-bar__icon-btn{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--qcr-purple);padding:var(--space-2) var(--space-2);background:0 0;border:none;line-height:0;transition:opacity .15s,color .15s;display:inline-flex}.nav-bar__icon-btn:hover{opacity:.75}.nav-bar__icon-btn:focus-visible{outline:1px solid var(--qcr-purple);outline-offset:var(--space-1)}.nav-bar__star-btn .nav-bar__star-count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--qcr-purple);line-height:1;transition:opacity .15s}.nav-bar__random-row{align-items:center;gap:var(--space-1);display:inline-flex;position:relative}.nav-bar__random-row:before{content:"";width:calc(var(--space-1) * 2 + 9px);flex:none;display:inline-block}.nav-bar__random{padding:var(--space-1) var(--space-2);cursor:pointer;font-family:var(--font-display);font-weight:var(--font-weight-light);letter-spacing:.05em;text-transform:uppercase;color:var(--qcr-lime);background:0 0;border:none;align-items:baseline;font-size:clamp(2rem,4vw,2.5rem);line-height:1;transition:opacity .15s;display:inline-flex}.nav-bar__random:disabled{cursor:default;opacity:.4}.nav-bar__random:not(:disabled):hover{opacity:.75}.nav-bar__random:focus-visible{outline:1px solid var(--qcr-lime);outline-offset:var(--space-2)}.nav-bar__random-text{align-items:baseline;display:inline-flex}.nav-bar__random-letter{text-align:center;min-width:.6em;display:inline-block}.nav-bar__chevron{cursor:pointer;color:var(--qcr-purple);padding:var(--space-1);background:0 0;border:none;justify-content:center;align-items:center;line-height:0;transition:opacity .15s,color .15s;animation:2s ease-in-out infinite nav-bar-chevron-breathe;display:inline-flex}.nav-bar__chevron:hover:not(:disabled){opacity:.75;animation:none}.nav-bar__chevron:disabled{cursor:default;opacity:.4;animation:none}.nav-bar__chevron:focus-visible{outline:1px solid var(--qcr-purple);outline-offset:var(--space-1);animation:none}@keyframes nav-bar-chevron-breathe{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-bar__chevron{animation:none}}.nav-bar__dropdown{top:calc(100% + var(--space-2));background:var(--gray-800);border:1px solid var(--gray-700);padding:var(--space-1) 0;z-index:50;opacity:0;pointer-events:none;flex-direction:column;min-width:160px;transition:opacity .15s,transform .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)scale(.95)}.nav-bar__dropdown--open{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.nav-bar__dropdown-option{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-300);padding:var(--space-2) var(--space-4);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;transition:background-color .1s;display:flex}.nav-bar__dropdown-option:hover{background:var(--gray-700);color:var(--gray-100)}.nav-bar__submenu-arrow{padding-left:var(--space-3);color:var(--gray-500);margin-left:auto}.nav-bar__submenu{border-top:1px solid var(--gray-700);flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.nav-bar__dropdown-option--sub{padding-left:var(--space-6);color:var(--gray-400);font-size:.6875rem}.nav-bar__dropdown-option--sub:hover{color:var(--gray-100)}.nav-bar__search-field{padding:var(--space-2) var(--space-3);align-items:center;display:inline-flex}.nav-bar__search-input{width:180px;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;color:var(--gray-100);border:none;border-bottom:1px solid var(--gray-700);text-transform:lowercase;background:0 0;outline:none;padding:0 0 2px;transition:border-color .15s}.nav-bar__search-input::placeholder{color:var(--gray-500);opacity:.5}.nav-bar__search-input:focus{border-bottom-color:var(--gray-500)}.nav-bar__results{top:calc(100% + var(--space-2));background:var(--gray-800);border:1px solid var(--gray-700);min-width:220px;padding:var(--space-1) 0;z-index:50;max-height:320px;margin:0;list-style:none;position:absolute;left:0;overflow-y:auto}.nav-bar__result{padding:var(--space-2) var(--space-4);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .1s;display:flex}.nav-bar__result--active{background:var(--gray-700)}.nav-bar__result-name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-300);letter-spacing:.01em}.nav-bar__result--active .nav-bar__result-name{color:var(--gray-100)}.nav-bar__result-dot{flex-shrink:0;width:5px;height:5px}.nav-bar__favorites{top:calc(100% + var(--space-2));background:var(--gray-800);border:1px solid var(--gray-700);min-width:240px;max-width:280px;padding:var(--space-1) 0;z-index:50;flex-direction:column;display:flex;position:absolute;right:0}.nav-bar__favorites-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.nav-bar__favorites-empty{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);letter-spacing:.01em;padding:var(--space-3) var(--space-4);text-transform:lowercase;margin:0;line-height:1.5}.nav-bar__favorites-clear{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:lowercase;letter-spacing:.04em;color:var(--gray-500);border:none;border-top:1px solid var(--gray-700);padding:var(--space-2) var(--space-4);cursor:pointer;text-align:left;background:0 0;transition:color .15s}.nav-bar__favorites-clear:hover{color:var(--qcr-purple)}@media (width<=480px){.nav-bar{column-gap:var(--space-2)}.nav-bar__icon-btn{padding:var(--space-2)}.nav-bar__search-input{width:120px}}.genre-card{text-align:center;width:100%;padding:0}.genre-card__name-wrapper{width:100%;overflow:hidden}.genre-card__name{font-family:var(--font-display);font-weight:var(--font-weight-light);font-size:var(--text-display);letter-spacing:.04em;color:var(--gray-100);text-transform:uppercase;text-align:center;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;line-height:1}.genre-card__desc-wrapper{max-width:65ch;margin:0 auto}.genre-card__desc-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--qcr-lime);opacity:.3;margin:0 0 var(--space-3)}.genre-card__desc{font-family:var(--font-body);font-size:var(--text-base);color:var(--gray-300);max-width:65ch;margin:0;line-height:1.6}.wiki-card{max-width:65ch;margin:0 auto}.wiki-card__header{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-3);flex-wrap:wrap;display:flex}.wiki-card__label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--qcr-lime);opacity:.3;margin:0}.wiki-card__description{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-500);letter-spacing:.02em;text-transform:lowercase;max-width:65ch;margin:0}.wiki-card__body{gap:var(--space-5);align-items:flex-start;display:flex}.wiki-card__thumb{object-fit:cover;filter:grayscale(.4)contrast(1.05);flex-shrink:0;width:96px;height:96px}.wiki-card__text{flex:auto;min-width:0}.wiki-card__extract{font-family:var(--font-body);font-size:var(--text-base);color:var(--gray-300);margin:0 0 var(--space-4);max-width:65ch;line-height:1.6}.wiki-card__extract:last-of-type{margin-bottom:var(--space-3)}.wiki-card__link{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--gray-500);text-transform:lowercase;text-decoration:none;transition:color .15s;display:inline-flex}.wiki-card__link:hover{color:var(--qcr-purple)}.wiki-card__link-icon{flex-shrink:0}@media (width<=480px){.wiki-card__body{gap:var(--space-4);flex-direction:column}.wiki-card__thumb{aspect-ratio:1;width:100%;max-width:200px;height:auto}}.listen-links{justify-content:center;align-items:center;gap:var(--space-5);margin-top:var(--space-5);display:flex}.listen-links__icon{color:var(--gray-500);cursor:pointer;transition:color .15s;display:flex}.listen-links__icon--youtube:hover{color:var(--color-youtube)}.listen-links__icon--spotify:hover{color:var(--color-spotify)}.listen-links__icon--bandcamp:hover{color:var(--color-bandcamp)}.track-info{vertical-align:middle;flex-shrink:0;display:inline-flex;position:relative}.track-info__button{color:var(--qcr-lime);opacity:.4;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .15s;display:inline-flex;position:relative}.track-info__button:before{content:"";inset:calc(-1 * var(--space-2));position:absolute}.track-info__button:hover{opacity:.7}.track-info__popover{bottom:calc(100% + var(--space-2));width:max-content;max-width:min(280px, calc(100vw - var(--space-5) * 2));background:var(--gray-800);border:1px solid var(--gray-700);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-300);text-align:left;white-space:normal;z-index:20;line-height:1.6;display:block;position:absolute;left:50%;transform:translate(-50%)}.deezer-preview-wrapper{margin:0 0 var(--space-6);min-width:0;max-width:100%}.deezer-preview__label{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb, var(--qcr-lime) 30%, transparent);margin:0 0 var(--space-3)}.deezer-preview{gap:var(--space-4);align-items:center;min-width:0;max-width:100%;display:flex}.deezer-preview__cover{object-fit:cover;filter:saturate(.55);flex-shrink:0;width:64px;height:64px;display:block}.deezer-preview__play{color:var(--gray-400);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.deezer-preview__play:hover{color:var(--gray-200)}.deezer-preview__info{flex:1;min-width:0}.deezer-preview__track{font-family:var(--font-body);font-size:var(--text-sm);color:var(--gray-300);white-space:nowrap;text-overflow:ellipsis;margin:0 0 var(--space-3);overflow:hidden}.deezer-preview__bar{background:var(--gray-700);cursor:pointer;width:100%;height:3px;position:relative}.deezer-preview__fill{background:var(--gray-400);height:100%;position:absolute;top:0;left:0}.deezer-preview--skeleton{cursor:default}.deezer-preview__skel-cover{background:var(--gray-700);flex-shrink:0;width:64px;height:64px;animation:1.6s ease-in-out infinite deezer-skel-pulse}.deezer-preview__skel-button{background:var(--gray-700);flex-shrink:0;width:24px;height:24px;animation:1.6s ease-in-out infinite deezer-skel-pulse}.deezer-preview__skel-info{flex:1;min-width:0}.deezer-preview__skel-text{height:var(--text-sm);background:var(--gray-700);width:70%;margin:0 0 var(--space-3);animation:1.6s ease-in-out infinite deezer-skel-pulse}.deezer-preview__skel-bar{background:var(--gray-700);width:100%;height:3px;animation:1.6s ease-in-out infinite deezer-skel-pulse}@keyframes deezer-skel-pulse{0%,to{opacity:.5}50%{opacity:1}}.related{grid-template-columns:1fr 1fr;gap:0;max-width:65ch;margin:0 auto;display:grid}@media (width<=520px){.related{grid-template-columns:1fr}}.related__col{padding:var(--space-5) var(--space-4)}.related__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--gray-600);letter-spacing:.1em;text-transform:uppercase;margin:0 0 var(--space-3)}.related__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.related__chip{padding:var(--space-1) var(--space-3);border:1px solid var(--gray-700);cursor:pointer;background:0 0;align-items:center;transition:border-color .15s,background-color .15s;display:inline-flex}.related__chip:hover{border-color:var(--chip-color);background:color-mix(in srgb, var(--chip-color) 10%, transparent)}.related__name{font-family:var(--font-body);font-size:var(--text-sm);color:color-mix(in srgb, var(--chip-color) 60%, var(--gray-500));white-space:nowrap;transition:color .15s}.related__chip:hover .related__name{color:var(--chip-color)}.share-btn{color:var(--qcr-purple);padding:var(--space-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;line-height:0;transition:opacity .15s,color .15s;display:inline-flex}.share-btn:hover{opacity:.75}.share-btn:focus-visible{outline:1px solid var(--qcr-purple);outline-offset:var(--space-1)}.share-btn--copied{color:var(--qcr-lime)}.share-btn__icon{flex-shrink:0}.fav-btn{color:var(--qcr-purple);padding:var(--space-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;line-height:0;transition:opacity .15s,color .15s;display:inline-flex}.fav-btn:hover{opacity:.75}.fav-btn:focus-visible{outline:1px solid var(--qcr-purple);outline-offset:var(--space-1)}.fav-btn--active{color:var(--qcr-lime)}.fav-btn--active:focus-visible{outline-color:var(--qcr-lime)}.fav-btn__icon{flex-shrink:0}.discovery-counter{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gray-600);text-align:center;margin:var(--space-8) 0 0}.discovery-counter--compact{margin:var(--space-6) 0 0;white-space:nowrap;color:color-mix(in srgb, var(--qcr-lime) 30%, transparent);display:block}.marquee{width:100vw;font-family:var(--font-mono);font-weight:var(--font-weight-regular);font-size:var(--text-xs);letter-spacing:.05em;color:var(--gray-500);text-transform:lowercase;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden}.marquee__track{will-change:transform;width:max-content;animation:80s linear infinite marquee-scroll;display:flex}.marquee__copy{flex-shrink:0}.marquee--ltr .marquee__track{animation-direction:reverse}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.context-phrase{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb, var(--qcr-lime) 30%, transparent);text-transform:lowercase;text-align:center;letter-spacing:.04em;min-height:1.2em;margin:0}.context-phrase span{text-align:center;min-width:.5em;display:inline-block}.app{min-height:100vh;padding:0 var(--space-5);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.app__noise{pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.app__landing{z-index:1;justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;min-height:100vh;display:flex;position:relative}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing__randoms{flex-direction:column;width:100%;max-width:720px;display:flex}.landing__random{padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-weight:var(--font-weight-light);font-size:var(--text-hero);letter-spacing:.05em;text-transform:uppercase;color:var(--qcr-lime);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:baseline;line-height:1.05;display:inline-flex}.landing__random:focus-visible{outline:1px solid var(--qcr-lime);outline-offset:var(--space-3)}.landing__random--left{align-self:flex-start}.landing__random--center{align-self:center}.landing__random--right{align-self:flex-end}.landing__random-letter{text-align:center;min-width:.6em;display:inline-block}.sticky-header{z-index:30;background:var(--bg-primary);padding:var(--space-3) var(--space-5);transition:opacity .15s;position:fixed;top:0;left:0;right:0}.sticky-header .nav-bar{margin-bottom:0}.zone-discovery{width:100%;max-width:760px;padding:var(--space-5) 0 0;z-index:1;flex-direction:column;margin:0 auto;display:flex;position:relative}.discovery-header{flex-direction:column;align-items:stretch;display:flex}.discovery-header__nav{margin-top:var(--space-6);margin-bottom:var(--rhythm-D);justify-content:center;display:flex}.discovery-header__nav .nav-bar{margin-bottom:0}.discovery-content{text-align:center;align-items:center;gap:var(--rhythm-D-half);flex-direction:column;width:100%;display:flex}.discovery-block{align-items:center;gap:var(--rhythm-D-third);flex-direction:column;width:100%;display:flex}.discovery-block .listen-links{margin-top:0}.discovery-block .discovery-counter--compact{margin:0}.discovery-actions{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.discovery-preview{width:100%;min-width:0;max-width:360px;margin:var(--rhythm-D-half) auto 0;text-align:left}.discovery-preview:empty{display:none}.discovery-preview .deezer-preview-wrapper{margin-bottom:0}.scroll-hint{padding-top:var(--rhythm-D-third);color:var(--qcr-lime);justify-content:center;animation:2s ease-in-out infinite scroll-pulse;display:flex}@keyframes scroll-pulse{0%,to{opacity:.15}50%{opacity:.3}}.zone-exploration{width:100vw;margin-left:calc(-1 * var(--space-5));padding:var(--rhythm-D) var(--space-5) var(--space-9);z-index:1;background:var(--gray-900);position:relative}.zone-exploration>.exploration-content{max-width:760px;margin:0 auto}.exploration-content{width:100%}.exploration-grid{gap:var(--space-7);flex-direction:column;display:flex}.app__loading,.app__error{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-7) 0;text-align:center}.app__error{color:var(--color-error)}