@font-face{font-family:ABC Gaisyr Mono;src:url(/fonts/ABCGaisyrMono-Book.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC ROM;src:url(/fonts/ABCROM-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC ROM;src:url(/fonts/ABCROM-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--bg:#bec9ca;--bg-dark:#161616;--nav-bg:#0c0c0c;--font-mono:"ABC Gaisyr Mono", ui-monospace, monospace;--font-sans:"ABC ROM", "Helvetica Neue", Arial, sans-serif;--pad:1.25rem;--gap:1.25rem;--row-gap:.3125rem;--row-h:1.25rem;--col-icon:6.4375rem;--col-time:14.3125rem;--title-x:calc(var(--pad) + var(--col-icon) + var(--gap));--ease:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--theme-dur:.7s}html{font-size:16px}@media (width>=1512px){html{font-size:clamp(16px,11.46px + .3vw,20px)}}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0}body{background:var(--bg);color:#fff;min-height:100svh;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;transition:background-color var(--theme-dur) var(--ease)}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}a{color:inherit;text-decoration:none}a:focus-visible{text-decoration:underline}ul,ol,p,h1{font:inherit;margin:0;padding:0;list-style:none}:focus-visible{outline-offset:2px;outline:1px solid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bg{z-index:-1;pointer-events:none;position:fixed;inset:0}.bg__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--theme-dur) var(--ease);position:absolute;inset:0}.bg__img.is-visible{opacity:1}.bg__tint{background:#0000000d;position:absolute;inset:0}.page-logo{mix-blend-mode:difference;pointer-events:none;width:12.8125rem;height:12.8125rem;position:fixed;bottom:0;right:0;transform:rotate(90deg)}.page{flex-direction:column;min-height:100svh;display:flex}.site-header{padding:var(--pad);justify-content:space-between;align-items:flex-start;display:flex}.site-title{font:400 .875rem/1.3 var(--font-sans);color:#fff;mix-blend-mode:difference;white-space:nowrap;padding:.125rem .3125rem 0}.nav-menu{gap:.625rem;display:flex}.nav-link{background:var(--nav-bg);color:#fff;font:400 .875rem/1 var(--font-sans);text-transform:uppercase;white-space:nowrap;align-items:center;padding:.125rem .3125rem 0;display:inline-flex;overflow:hidden}.nav-link:focus-visible{outline:none;text-decoration:none}.marquee{--marquee-gap:.5em;white-space:nowrap;display:inline-block;position:relative}.marquee:after{content:attr(data-text) / "";padding-left:var(--marquee-gap);position:absolute;left:100%}@keyframes marquee{to{transform:translateX(calc(-100% - var(--marquee-gap)))}}.table{padding:var(--pad) 0;flex:1}.table__list{gap:var(--row-gap);flex-direction:column;display:flex}.row__head{align-items:center;gap:var(--gap);width:100%;height:var(--row-h);padding:0 var(--pad);font:400 .875rem/1 var(--font-mono);font-feature-settings:"ss01" 1;touch-action:pan-y;display:flex;position:relative}.row__icon,.row__title,.row__time{position:relative}.row__title,.row__time{color:#fff;mix-blend-mode:difference;white-space:nowrap}.row__title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.row__title,.row__time{line-height:var(--row-h)}.row__time{width:var(--col-time);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.row__icon{width:var(--col-icon);height:var(--row-h);flex-shrink:0}.row__icon:before{content:"";width:var(--row-h);background:#000 url(/icons/play.svg) center / var(--row-h) no-repeat;position:absolute;inset:0 auto 0 0;transform:scaleX(-1)}.row.is-active .row__head{background:var(--bg-dark);cursor:ew-resize}.row.is-active .row__icon{cursor:pointer}.row.is-active .row__icon:before{mix-blend-mode:difference;background-color:#0000}.row.is-active.is-playing .row__icon:before{background-image:url(/icons/pause.svg);transform:none}.row__progress{background:var(--progress);transform-origin:0;visibility:hidden;position:absolute;inset:0;transform:scaleX(0)}.row.is-active .row__progress{visibility:visible}.row__panel{grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.4,0,.2,1);display:grid}.row.is-active .row__panel{grid-template-rows:1fr;transition:grid-template-rows .75s cubic-bezier(.25,.8,.25,1)}.row__panel-inner{min-height:0;overflow:hidden}.row .row__content>*{opacity:0;transition:opacity .2s ease-out}.row.is-active .row__content>*{opacity:1;transition:opacity .5s ease-out .2s}.row.is-active .row__content>.social{opacity:.9}.row__content{padding:.625rem 7.625rem .625rem var(--title-x);background:var(--content);flex-direction:column;gap:4.375rem;display:flex}.tracklist{color:var(--content-text);font:400 .75rem/1.3 var(--font-mono);font-feature-settings:"ss01" 1;text-align:justify;text-wrap:pretty}.pilcrow{color:var(--pilcrow)}.social{color:var(--links);opacity:.9;font:400 .8125rem/1.4 var(--font-sans);flex-wrap:wrap;gap:0 .625rem;display:flex}.site-footer{gap:var(--gap);padding:var(--pad);color:#fff;font:400 .75rem/1 var(--font-sans);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.footer__presented,.footer__links{opacity:.6;mix-blend-mode:difference;white-space:nowrap}.footer__presented{grid-column:1/4;align-items:center;gap:.3125rem;display:flex}.footer__presented em{font:normal 400 .5rem/1 var(--font-mono);font-feature-settings:"ss01" 1}.footer__presented a{text-transform:uppercase}.footer__links{gap:var(--gap);grid-column:4/span 6;display:flex}.overlay{display:contents}.overlay[hidden]{display:none}.overlay__backdrop{z-index:50;backdrop-filter:blur();transition:background-color .5s var(--ease), backdrop-filter .5s var(--ease), -webkit-backdrop-filter .5s var(--ease);background:#fff0;position:fixed;inset:0}.overlay.is-open .overlay__backdrop{backdrop-filter:blur(2.375rem);background:#fff9}.overlay__body,.overlay__close,.overlay__links{opacity:0;transition:opacity .5s var(--ease)}.overlay.is-open :is(.overlay__body,.overlay__close){opacity:1}.overlay__close{z-index:52;top:var(--pad);right:var(--pad);position:fixed}.overlay__body{z-index:51;width:min(45.3125rem, 100% - 2 * var(--pad));color:#fff;mix-blend-mode:difference;height:fit-content;font:400 2rem/.9 var(--font-mono);font-feature-settings:"ss01" 1;text-align:center;text-wrap:balance;pointer-events:none;flex-direction:column;gap:2rem;margin:auto;display:flex;position:fixed;inset:0}.overlay__links{z-index:51;color:#fff;mix-blend-mode:difference;font:400 .75rem/1 var(--font-sans);flex-direction:column;align-items:center;gap:.25rem;display:flex;position:fixed;bottom:3.5rem;left:0;right:0}.overlay.is-open .overlay__links{opacity:.6}.stage,.edge{display:none}@media (width<=1100px){.page-logo{width:7.0625rem;height:7.0625rem}}@media (width<=639px){:root{--pad:.625rem;--gap:.625rem}html,body{overscroll-behavior:none;background:var(--active-content,var(--bg));height:100%;overflow:hidden}.edge{z-index:40;pointer-events:none;height:1px;display:block;position:fixed;left:0;right:0}.edge--top{background:var(--edge-top,var(--bg));top:0}.edge--bottom{background:var(--active-content,var(--bg));bottom:0}.bg,.page-logo,.table,.site-footer{display:none}.page,.site-header{display:contents}.site-title{top:calc(var(--pad) + env(safe-area-inset-top));left:var(--pad);position:absolute}.nav-menu{top:calc(var(--pad) + env(safe-area-inset-top));right:var(--pad);position:absolute}.stage{touch-action:none;display:block;position:absolute;inset:0;overflow:hidden}.slide{visibility:hidden;flex-direction:column;display:flex;position:absolute;inset:0;transform:translateY(100%)}.slide.is-active,.stage.is-moving .slide.is-near{visibility:visible}.slide.is-animating{transition:transform .55s var(--ease)}.slide__image{background:var(--mix-bg);flex:1;min-height:0;position:relative;overflow:hidden}.slide__image img:first-child{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.slide__image:after{content:"";background:#0000000d;position:absolute;inset:0}.slide__logo{z-index:1;mix-blend-mode:difference;pointer-events:none;width:12.8125rem;height:12.8125rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.slide__panel{background:var(--content);flex-direction:column;flex:0 0 42.9578%;min-height:0;display:flex}.slide__head{align-items:center;gap:var(--gap);background:var(--bg-dark);height:1.5rem;font:400 .875rem/1 var(--font-mono);font-feature-settings:"ss01" 1;padding:0 .625rem 0 .3125rem;display:flex;position:relative}.slide__progress{background:var(--progress);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.slide__toggle{z-index:2;mix-blend-mode:difference;background:url(/icons/play.svg) 50%/1.25rem no-repeat;flex-shrink:0;width:1.5rem;height:1.5rem;margin-right:1.1875rem;position:relative;transform:scaleX(-1)}.slide.is-playing .slide__toggle{background-image:url(/icons/pause.svg);transform:none}.slide__toggle:after{content:"";position:absolute;inset:-.625rem}.slide__title,.slide__time{color:#fff;mix-blend-mode:difference;white-space:nowrap;position:relative}.slide__title{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.slide__title,.slide__time{line-height:1.5rem}.slide__time{text-align:right;font-variant-numeric:tabular-nums;width:5.3125rem}.slide__seek{z-index:1;touch-action:none;cursor:ew-resize;position:absolute;inset:-.625rem 0 -.625rem 2.75rem}.slide__content{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:1;justify-content:space-between;gap:1.5rem;min-height:0;padding:.625rem;display:flex;overflow-y:auto}.overlay__close{top:calc(var(--pad) + env(safe-area-inset-top))}.overlay__body{gap:.75rem;font-size:1.375rem}}@media (hover:hover) and (pointer:fine){a:hover{text-decoration:underline}.nav-link:hover{text-decoration:none}.nav-link:is(:hover,:focus-visible) .marquee{animation:marquee calc(var(--chars,5) * .25s + .6s) linear infinite}.table:not(.no-hover) .row:not(.is-active) .row__head:hover{background:var(--active-content,var(--content))}.table:not(.no-hover) .row:not(.is-active) .row__head:hover :is(.row__title,.row__time){color:var(--active-content-text,var(--content-text));mix-blend-mode:normal}}@media (prefers-reduced-motion:reduce){:root{--theme-dur:0s}.row__panel,.row.is-active .row__panel,.row__content>*,.row.is-active .row__content>*,.slide.is-animating,.overlay *{transition:none!important}.nav-link .marquee{animation:none!important}}