body{margin:0;background:#EFE9DD}a{color:inherit;text-decoration:none}button{font:inherit}.app{--ac:#FF4A1C;position:relative;height:100vh;min-height:780px;display:flex;flex-direction:column;background:#EFE9DD;color:#141210;font-family:Instrument Sans,system-ui,sans-serif;font-size:17px;line-height:1.55;overflow:hidden}.marq-wrap{background:#141210;overflow:hidden;white-space:nowrap;border:0;width:100%;padding:0;cursor:pointer;display:block;text-align:left}.marq{width:max-content;animation:marq 80s linear infinite;color:var(--ac);font:700 12px/34px Space Mono,monospace;letter-spacing:.2em;text-transform:uppercase}.marq,.marq .half{display:inline-flex}.marq .half{align-items:center}.tk{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0 6px;height:34px}.tk:hover{color:#EFE9DD;text-decoration:underline}.tk:focus-visible{outline:2px solid #EFE9DD;outline-offset:-2px}.sep{padding:0 26px;color:#EFE9DD;opacity:.6}.marq-wrap:focus-within .marq,.marq-wrap:hover .marq{animation-play-state:paused}@keyframes marq{to{transform:translateX(-50%)}}.shelf{flex:1 1;border-bottom:10px solid #141210}.shelf,.spine{display:flex;min-height:0}.spine{flex:0 0 88px;min-width:0;transition:flex-basis .5s cubic-bezier(.2,.8,.2,1)}.spine.on{flex:1 1}.spine-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;cursor:pointer;width:88px;flex:0 0 88px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 0;box-sizing:border-box}.spine-btn:hover{filter:brightness(1.1)}.btn:focus-visible,.lg:focus-visible,.spine-btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ac);outline-offset:-3px}.c0 .spine-btn{background:#141210;color:#EFE9DD}.c1 .spine-btn{background:var(--ac);color:#141210}.c2 .spine-btn{background:#D6CCB7;color:#141210}.idx{font:700 13px Space Mono,monospace;letter-spacing:.1em}.spine-title{writing-mode:vertical-rl;transform:rotate(180deg);font-family:Anton,sans-serif;font-size:46px;text-transform:uppercase;letter-spacing:.03em;line-height:1;transition:transform .25s}.sym{font:700 22px Space Mono,monospace;line-height:1}.panel{flex:1 1;min-width:0;overflow-y:auto;padding:44px 56px 56px;background:#EFE9DD;animation:panelin .55s cubic-bezier(.2,.8,.2,1) both}@keyframes panelin{0%{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.marq{animation:none}.marq-wrap{overflow-x:auto}.panel{animation:none}.flip-in,.spine-title{transition:none}}.spine:not(.on) .spine-btn:hover .spine-title{transform:rotate(180deg) translateX(-8px)}.vw{opacity:.9}.flip{display:block;perspective:900px;flex:0 0 260px}.flip-in{display:block;position:relative;aspect-ratio:1/1;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.flip:focus-visible .flip-in,.flip:hover .flip-in{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-sizing:border-box;padding:16px;display:flex}.face.back{transform:rotateY(180deg);background:#141210;color:#EFE9DD;flex-direction:column;justify-content:space-between;box-shadow:8px 8px 0 #141210}.pbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:44px;height:44px;border-radius:50%;background:transparent;color:#EFE9DD;display:flex;align-items:center;justify-content:center;flex:0 0 44px}.pbtn:hover{background:#3A362F}.pbtn.big{background:var(--ac);color:#141210}.pbtn.big:hover{background:#EFE9DD}.pbtn:focus-visible{outline:3px solid #EFE9DD;outline-offset:2px}.bar .btn{background:var(--ac);color:#141210;min-height:44px}.bar .btn:hover{background:#EFE9DD}.kofi{display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-sizing:border-box;box-shadow:inset 0 0 0 2px #141210;color:#141210}.kofi:hover{background:var(--ac)}.langsw{display:flex;box-shadow:inset 0 0 0 2px #141210}.lg{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:transparent;color:#141210;min-width:48px;height:48px;font:700 13px Space Mono,monospace;letter-spacing:.12em;cursor:pointer}.lg:hover{background:var(--ac)}.lg.on,.lg.on:hover{background:#141210;color:#EFE9DD}.playdot{position:absolute;left:12px;bottom:12px;width:44px;height:44px;border-radius:50%;background:var(--ac);color:#141210;display:flex;align-items:center;justify-content:center;font-size:15px}.row.vrow{grid-template-columns:48px 124px 1fr auto auto}.vthumb{width:124px;height:70px;object-fit:cover;display:block;background:#141210}.kicker{font:700 12px Space Mono,monospace;letter-spacing:.16em;text-transform:uppercase;margin:0}.rd{background:var(--ac);color:#141210;padding:0 .18em;width:-moz-fit-content;width:fit-content;align-self:flex-start;box-decoration-break:clone;-webkit-box-decoration-break:clone}.h{font-family:Anton,sans-serif;font-weight:400;line-height:.98;margin:0;letter-spacing:.01em}.btn,.h{text-transform:uppercase}.btn{display:inline-flex;align-items:center;align-self:flex-start;min-height:48px;padding:0 28px;background:#141210;color:#EFE9DD;font:700 13px Space Mono,monospace;letter-spacing:.14em;border:0;border-radius:0;cursor:pointer}.btn:hover{background:var(--ac);color:#141210}.btn.line{background:transparent;color:#141210;box-shadow:inset 0 0 0 2px #141210}.btn.line:hover{background:#141210;color:#EFE9DD}.ph{background:#D6CCB7;display:flex;justify-content:center;text-align:center;padding:14px;box-sizing:border-box;font:700 12px Space Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:#4A453C}.ph,.row{align-items:center}.row{display:grid;grid-template-columns:56px 1fr auto auto;grid-gap:16px;gap:16px;padding:16px 4px;border-bottom:2px solid #141210}.row:hover{background:#141210;color:#EFE9DD}.row:hover .rd{background:var(--ac)}.mono{font-family:Space Mono,monospace}input,textarea{font:inherit;background:#F8F4EA;border:2px solid #141210;border-radius:0;padding:12px 14px;color:#141210;box-sizing:border-box;width:100%}.bar{background:#141210;color:#EFE9DD;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:12px 24px}.shelf-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory}.shelf-scroll>*{scroll-snap-align:start}@media (max-width:820px){.app{height:auto;min-height:100vh;overflow:visible}.shelf{flex-direction:column}.spine,.spine.on{flex:0 0 auto;flex-direction:column;transition:none}.spine-btn{width:100%;flex:0 0 60px;flex-direction:row;padding:0 20px}.spine-title{writing-mode:horizontal-tb;transform:none;font-size:30px}.panel{overflow:visible;padding:28px 20px 40px}.row{grid-template-columns:36px 1fr auto}.row.vrow{grid-template-columns:96px 1fr auto}.vthumb{width:96px;height:54px}.hint,.row .hide-s,.vw,.wave{display:none}}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip,.sr-only{position:absolute}.skip{left:12px;top:-60px;z-index:50;background:#141210;color:#EFE9DD;padding:12px 18px;font:700 13px Space Mono,monospace;letter-spacing:.1em;text-transform:uppercase}.skip:focus{top:12px}.marq-wrap{position:relative}.marq.paused{animation-play-state:paused}.marq-ctl{position:absolute;right:0;top:0;height:34px;width:44px;border:0;border-radius:0;background:#141210;color:var(--ac);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:-10px 0 12px #141210}.marq-ctl:hover{color:#EFE9DD}.marq-ctl:focus-visible{outline:2px solid #EFE9DD;outline-offset:-2px}