/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:"Nunito", sans-serif;--font-mono:"Courier Prime", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-trish-red:#ff3134;--color-trish-pink:#f33151;--color-trish-orange:#fdac4f;--color-trish-amber:#ffa947;--color-trish-cream:#fdfc99;--color-trish-purple:#9227ff;--color-trish-mint:#00ffc4d1;--color-trish-blue:#00b0ff;--font-pixel:"Press Start 2P", cursive}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}:root{--bar-height:3rem;--vh:1vh}html,body,#root{height:100%}body{color:#fff;font-family:var(--font-sans);background-color:#000;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#dbdbdb}::-webkit-scrollbar-thumb{background-color:#9d9d9d;border:1px solid #dbdbdb}.rainbow-text{color:#0000;background-image:linear-gradient(270deg,violet,indigo,#00f,green,#ff0,orange,red,violet,indigo,#00f,green,#ff0,orange,red);background-position:0;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite rainbowanim}.shell{background-color:#000;width:100%;height:100%;position:relative;overflow:hidden}.shell__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.shell__logo{z-index:20;width:22vw;transition:all .5s;display:block;position:absolute;top:1.5vw;left:1.5vw}.shell__logo.is-large{width:34vw}.shell__logo img{width:100%;height:auto}.shell__content{inset:0 0 var(--bar-height) 0;z-index:10;place-items:center;padding:22vw 1rem 1rem;display:grid;position:absolute;overflow:hidden}.shell__bar{z-index:30;height:var(--bar-height);inset-inline:0;display:flex;position:absolute;bottom:0}.player{background-color:var(--color-trish-cream);align-items:stretch;width:100%;height:100%;display:flex}.player__button{width:var(--bar-height);background-color:var(--color-trish-cream);border:1px solid #848484;border-color:#fff #848484 #848484 #fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.player__button img{pointer-events:none;width:50%;height:50%}.player__timeline{cursor:pointer;background:var(--color-trish-purple);touch-action:none;flex-grow:1;position:relative;overflow:hidden}.player__timeline:focus-visible{outline:2px solid var(--color-trish-cream);outline-offset:-2px}.player__timeline.is-loading{background:repeating-linear-gradient(45deg, transparent, transparent 10px, #cccccc60 10px, #cccccc60 20px), var(--color-trish-purple);background-size:200%;animation:10s linear infinite loading-anim}.player__playhead{background:var(--color-trish-blue);pointer-events:none;inset-block:0;position:absolute;left:0}.player__time{font-family:var(--font-mono);white-space:nowrap;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;align-items:center;padding:0 .5rem;font-size:clamp(.6rem,1vw,.8rem);line-height:1;display:flex;position:absolute;top:0;bottom:0;right:0}.player__overlay{pointer-events:none;position:absolute;inset:0}.player__volume{flex-shrink:0;align-items:stretch;display:flex;position:relative}.player__volume:hover .player__volume-slider,.player__volume:focus-within .player__volume-slider{opacity:1;pointer-events:auto;height:calc(var(--bar-height) * 3)}.player__volume-slider{width:var(--bar-height);opacity:0;pointer-events:none;writing-mode:vertical-lr;background-color:var(--color-trish-mint);direction:rtl;height:0;transition:all .2s;position:absolute;bottom:100%;left:0}.player__button--home{display:none}.marquee{-webkit-user-select:none;user-select:none;width:100%;height:100%;color:var(--color-trish-orange);align-items:center;display:flex;overflow:hidden}.marquee__scroll{white-space:nowrap;width:max-content;animation:40s linear infinite scroll-left}.barmenu{background-color:var(--color-trish-red);flex-shrink:0;width:45%;display:flex}.barmenu__link{flex-grow:1;flex-basis:0;text-decoration:none;display:flex}.barmenu__button{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:var(--font-pixel);border:1px solid #848484;border-color:#fff #848484 #848484 #fff;justify-content:center;align-items:center;font-size:clamp(.4rem,1.6vw,.7rem);display:flex}.barmenu__link.is-active .barmenu__button{background-color:var(--color-trish-orange)}.barmenu__button:hover{animation:5s ease-in infinite barbuttonhoveranim}.panel{background-color:var(--color-trish-amber);width:100%;max-width:1200px;max-height:100%;padding:clamp(1rem,2vw,2rem);position:relative;overflow:auto}.panel__title{color:#fff;font-family:var(--font-pixel);margin-bottom:1rem;font-size:clamp(1.5rem,4vw,3rem)}.panel__body{font-family:var(--font-mono);color:#fff}.panel__body a,.mixdetail__link{color:#fff;text-decoration:underline}.mixlist{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.mixlist__item{color:#fff;-webkit-user-select:none;user-select:none;text-decoration:none;display:block}.mixlist__thumb{aspect-ratio:576/362;object-fit:cover;background-color:#00000026;width:100%;height:auto;display:block}.mixlist__meta{align-items:baseline;gap:.5rem;margin-top:.25rem;display:flex}.mixlist__number{font-family:var(--font-pixel);opacity:.7;font-size:.75rem}.mixlist__artist{font-family:var(--font-sans);font-size:clamp(.9rem,1.6vw,1.4rem)}.mixlist__item:hover .mixlist__artist{animation:5s ease-in infinite mixhoveranim}.mixdetail{grid-template-columns:1fr;width:100%;max-width:1200px;max-height:100%;display:grid;overflow:auto}.mixdetail__media{background-color:var(--color-trish-amber)}.mixdetail__media img{width:100%;height:auto;display:block}.mixdetail__body{background-color:var(--color-trish-amber);flex-direction:column;align-items:flex-start;gap:.75rem;padding:clamp(1rem,1.5vw,2rem);display:flex;position:relative}.panel-close{width:1.75rem;height:1.75rem;font-family:var(--font-mono);color:#fff;cursor:pointer;background:#0000004d;border:1px solid #ffffff8c;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:.5rem;right:.5rem}.panel-close:hover,.panel-close:focus-visible{background:#0009}.panel-reveal{z-index:40;font-family:var(--font-pixel);color:#fff;cursor:pointer;background:#00000073;border:1px solid #ffffff8c;padding:.5rem .8rem;font-size:clamp(.4rem,1.6vw,.7rem);position:fixed;top:1rem;right:1rem}.panel-reveal:hover,.panel-reveal:focus-visible{background:#000000bf}.mixdetail__title{color:#fff;font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,3rem)}.mixdetail__listen{color:#fff;font-family:var(--font-pixel);cursor:pointer;align-items:center;gap:.5rem;display:flex}.mixdetail__listen img{width:auto;height:2rem}.mixdetail__listen-state{align-items:center;height:2rem;font-size:clamp(.7rem,1.4vw,1rem);display:flex}.mixdetail__description{color:#fff;font-family:var(--font-mono);font-size:clamp(.8rem,1vw,1rem);line-height:1.35}.mixdetail__description p{margin-bottom:.75em}.mixdetail__link:hover{animation:3s ease-in infinite mixhoveranim}.features{grid-template-columns:1fr;grid-template-areas:"title""nav""body""media";gap:.5rem;width:100%;max-width:1200px;max-height:100%;display:grid;overflow:auto}.features__title{color:#fff;-webkit-user-select:none;user-select:none;font-family:var(--font-pixel);background-color:var(--color-trish-pink);grid-area:title;align-items:center;padding:.75rem 1rem;font-size:clamp(1rem,2.5vw,2rem);display:flex}.features__nav{background-color:var(--color-trish-orange);grid-area:nav;padding:.75rem 1rem}.features__nav ul{margin:0;padding:0;list-style:none}.features__navlink{color:#fff;-webkit-user-select:none;user-select:none;font-family:var(--font-sans);padding-block:.25rem;font-size:clamp(.85rem,1.1vw,1rem);text-decoration:none;display:block}.features__navlink:hover,.features__navlink.is-active{animation:5s ease-in infinite featuresarchivehoveranim}.feature{color:#000;background-color:#fff;grid-area:body;padding:clamp(1rem,2vw,2rem);overflow:auto}.feature__heading{font-family:var(--font-sans);font-size:clamp(1.25rem,2.5vw,2rem)}.feature__author{font-family:var(--font-sans)}.feature__date{font-family:var(--font-sans);opacity:.6;font-size:.875rem}.feature__body{font-family:var(--font-mono);margin-top:1rem;font-size:clamp(.8rem,1vw,1rem)}.feature__body p{margin-bottom:.75em}.feature__body a{text-decoration:underline}.feature__media{background-color:var(--color-trish-orange);grid-area:media;overflow:auto}.feature__media img,.feature__media video{width:100%;height:auto;padding:.25rem;display:block}.twitch{position:absolute;inset:0}.twitch iframe{border:0;width:100%;height:100%}@media (width>=769px){:root{--bar-height:5vh}.shell__content{padding-top:0}.shell__logo,.shell__logo.is-large{width:12vw}.player{width:75%}.barmenu{width:25%}.mixdetail{grid-template-columns:1fr 1fr}.features{grid-template:"title title title""nav body media"minmax(0,1fr)/4fr 8fr 8fr}}@media (any-hover:none){.shell__logo,.player__volume{display:none}.player__button--home{display:flex}body,.shell__content{overflow:auto}.shell__content{place-items:start center;padding-top:1rem}}@keyframes rainbowanim{0%{background-position:100%}to{background-position:0}}@keyframes loading-anim{0%{background-position:0}to{background-position:100%}}@keyframes scroll-left{0%{transform:translate(0%)}to{transform:translate(-33.3333%)}}@keyframes mixhoveranim{0%{color:#ec2132}50%{color:#09f}to{color:red}}@keyframes barbuttonhoveranim{0%{color:#fdfc99}50%{color:#09f}to{color:#fdfc99}}@keyframes featuresarchivehoveranim{0%{color:#fdfc99}50%{color:#09f}to{color:#fdfc99}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}