.stage:has(.js-book){box-sizing:border-box;flex-direction:column;align-items:center;display:flex}@media (width>=1101px){.stage:has(.js-book){justify-content:center;min-height:100vh}}.stage:has(.js-book)>.plain{zoom:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:8px 18px;width:min(900px,100vw - 32px);max-width:none;margin:0 0 16px;padding:8px 14px;display:flex}.stage:has(.js-book)>.plain>.mono,.stage:has(.js-book)>.plain .how,.stage:has(.js-book)>.plain .name,.stage:has(.js-book)>.plain .row2{display:none}.stage:has(.js-book)>.plain h1{flex:none;margin:0;font-size:22px}.stage:has(.js-book)>.plain .pitch{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:200px;min-width:0;margin:0;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.stage:has(.js-book)>.plain .get{border:0;flex:0 auto;margin:0;padding:0}.stage:has(.js-book)>.plain .get .dl{flex-wrap:wrap;gap:6px;margin:0;display:flex}.stage:has(.js-book)>.plain .get .dl .item{flex:none}.stage:has(.js-book)>.plain .get a.btn,.stage:has(.js-book)>.plain .get .btn.off{padding:6px 10px;font-size:11px}.stage:has(.js-book)>.plain .get .bar2,.stage:has(.js-book)>.plain .get>.kick{display:none}.controls{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:44px;display:flex}html.zooming .controls{visibility:hidden}.controls .nav{align-items:center;gap:16px;display:flex}.controls .nav button{color:#e9e3d6;cursor:pointer;width:38px;height:38px;font:inherit;background:#2c2a2e;border:.5px solid #4a474d;border-radius:50%}.controls .nav button:hover{color:#e9b23b;border-color:#e9b23b}.controls .count{font:500 12px var(--font-data);letter-spacing:.05em;color:#e9e3d6;text-align:center;min-width:80px}.controls .tabs{flex-wrap:wrap;justify-content:center;gap:6px;max-width:1000px;padding:0 16px;display:flex}.controls .tab{color:#b8b1a4;cursor:pointer;font:500 10px var(--font-data);letter-spacing:.06em;background:0 0;border:.5px solid #45424a;padding:4px 9px}.controls .tab.on{color:#e9b23b;border-color:#e9b23b}.controls .tab i{background:var(--c);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.book.js-book{flex:none;gap:0;display:block;position:relative}.book.js-book.ready{transition:transform .75s cubic-bezier(.45,.05,.25,1)}.book.js-book:before{content:"";filter:blur(8px);background:radial-gradient(#0009,#0000 70%);height:40px;position:absolute;bottom:-26px;left:6%;right:6%}.book.js-book.ready:before{transition:left .75s cubic-bezier(.45,.05,.25,1),right .75s cubic-bezier(.45,.05,.25,1)}.book.js-book.closed-front:before{left:53%}.book.js-book.closed-back:before{right:53%}.js-book .slot{width:50%;height:100%;position:absolute;top:0}.js-book .slot.l{left:0}.js-book .slot.r{right:0}.book.js-book .page{zoom:1;transform:scale(var(--s));transform-origin:0 0;cursor:zoom-in;box-shadow:0 0 0 .5px #00000040}.js-book .spine{pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#0000002e 45%,#00000047 50%,#0000002e 55%,#0000);width:60px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.book.js-book.closed-front .spine,.book.js-book.closed-back .spine,.book.js-book.single .spine{display:none}.js-book .leaf{width:50%;height:100%;transform-style:preserve-3d;z-index:8;pointer-events:none;transition:transform .75s cubic-bezier(.45,.05,.25,1);position:absolute;top:0}.js-book .leaf.fwd{transform-origin:0;left:50%}.js-book .leaf.back{transform-origin:100%;left:0}.js-book .leaf .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.js-book .leaf .face.b{transform:rotateY(180deg)}.js-book .edge{z-index:9;cursor:pointer;width:13%;color:inherit;font:inherit;background:0 0;border:0;align-items:center;margin:0;padding:0;transition:background .25s;display:flex;position:absolute;top:0;bottom:0}.js-book .edge.r{justify-content:flex-end;right:0}.js-book .edge.l{justify-content:flex-start;left:0}.js-book .edge.r:hover{background:linear-gradient(270deg,#00000024,#0000)}.js-book .edge.l:hover{background:linear-gradient(90deg,#00000024,#0000)}.js-book .edge span{font:500 18px var(--font-data);color:#2a2724;opacity:0;padding:0 10px;transition:opacity .25s,transform .25s}.js-book .edge:hover span,.js-book .edge:focus-visible span{opacity:.55}.js-book .edge.r:hover span{transform:translate(-4px)}.js-book .edge.l:hover span{transform:translate(4px)}.js-book .edge:after{content:"";width:34px;height:34px;transition:width .25s,height .25s;position:absolute;bottom:0}.js-book .edge.r:after{background:linear-gradient(135deg,#0000 50%,#0000002e 50%,#ffffff59 56%,#0000 70%);right:0}.js-book .edge.l:after{background:linear-gradient(225deg,#0000 50%,#0000002e 50%,#ffffff59 56%,#0000 70%);left:0}.js-book .edge:hover:after{width:70px;height:70px}html.zooming{overflow:hidden}.zoom{z-index:80;backdrop-filter:blur(3px);--z:1;background:#0c0b0de0;display:none;position:fixed;inset:0;overflow:auto}.zoom.on{display:block}.zoom .holder{width:calc(560px * var(--z));height:calc(760px * var(--z));margin:30px auto 80px;transition:opacity .16s,transform .16s;box-shadow:0 30px 80px #0009}.zoom .holder.out-l{opacity:0;transform:translate(-24px)}.zoom .holder.out-r{opacity:0;transform:translate(24px)}.zoom .holder .page{transform:scale(var(--z));transform-origin:0 0;cursor:default;zoom:1}.zoom .zbar{z-index:10;font:500 12px var(--font-data);letter-spacing:.05em;color:#e9e3d6;background:#0c0b0dd9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0;left:0}.zoom .zbar button{color:#e9e3d6;cursor:pointer;font:500 11px var(--font-data);background:#2c2a2e;border:.5px solid #4a474d;padding:7px 12px}.zoom .zbar button:hover{color:#e9b23b;border-color:#e9b23b}.zoom .zedge{width:max(70px, calc((100vw - 560px * var(--z)) / 2));z-index:3;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:58px;bottom:0}.zoom .zedge.l{left:0}.zoom .zedge.r{right:0}.zoom .zedge span{font:500 22px var(--font-data);color:#e9e3d6;opacity:.25;transition:opacity .2s,transform .2s}.zoom .zedge:hover span{opacity:.9}.zoom .zedge.l:hover span{transform:translate(-4px)}.zoom .zedge.r:hover span{transform:translate(4px)}.zoom .zedge.l:hover{background:linear-gradient(90deg,#ffffff0d,#0000)}.zoom .zedge.r:hover{background:linear-gradient(270deg,#ffffff0d,#0000)}@media (hover:hover){.zoom .page .duo:hover img.orig{opacity:1;transition-duration:.7s,.7s,.35s;transition-delay:.3s;-webkit-mask-position:0 0;mask-position:0 0}}.zoom .page .duo.reveal img.orig{opacity:1;transition-duration:.7s,.7s,.35s;transition-delay:.3s;-webkit-mask-position:0 0;mask-position:0 0}@media (prefers-reduced-motion:reduce){.book.js-book.ready,.js-book .leaf,.zoom .holder{transition:none}}html.lite .book.js-book.ready,html.lite .book.js-book.ready:before,html.lite .zoom .holder{transition:none}.js-book .page a,.js-book .page img{-webkit-user-drag:none;user-drag:none}.js-book{touch-action:pan-y}.js-book .page:focus-visible{outline-offset:-2px;outline:2px solid #e9b23b}.stage:has(.js-book)>.plain .listen{border:0;flex:0 auto;align-items:center;gap:6px;margin:0;padding:0;display:flex}.stage:has(.js-book)>.plain .listen .reels,.stage:has(.js-book)>.plain .listen .meter{display:none}.stage:has(.js-book)>.plain .listen .tracks{margin:0}@media (width<=599px){.zoom .zedge{display:none!important}.zoom .holder{margin:16px auto 60px}}
