@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&family=Noto+Serif+JP:wght@400;600;700&family=Yomogi&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background:#17130f}::selection{color:inherit;background:#e8a54a4d}::selection{color:inherit;background:#e8a54a4d}button{font:inherit}input:-webkit-autofill{-webkit-text-fill-color:#f0e8dc;caret-color:#f0e8dc;-webkit-box-shadow:inset 0 0 0 1000px #2a221a}input:-webkit-autofill:hover{-webkit-text-fill-color:#f0e8dc;caret-color:#f0e8dc;-webkit-box-shadow:inset 0 0 0 1000px #2a221a}input:-webkit-autofill:focus{-webkit-text-fill-color:#f0e8dc;caret-color:#f0e8dc;-webkit-box-shadow:inset 0 0 0 1000px #2a221a}a{color:inherit}img{max-width:100%;display:block}#root:before{content:"";pointer-events:none;z-index:1000;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.92 0 0 0 0 0.85 0 0 0 0 0.72 0 0 0 0.035 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-in{animation:.55s both fade-in-up}.fade-in-late{animation:.55s .15s both fade-in-up}.album-card{color:inherit;text-decoration:none;transition:transform .2s;display:block;position:relative}.album-card:hover{z-index:5;transform:translateY(-4px)}.album-card .album-card-body{z-index:1;transition:box-shadow .2s;position:relative}.album-card:hover .album-card-body{box-shadow:0 10px 28px #0000008c,0 0 24px #e8a54a1f}.jewel{aspect-ratio:1;perspective:900px;position:relative}.jewel-tray,.jewel-lid{border:1px solid #362c21;border-radius:6px;position:absolute;inset:0;overflow:hidden}.album-card .jewel-tray,.album-card .jewel-lid{border-bottom:none;border-radius:6px 6px 0 0}.jewel-tray{background:#14100c}.jewel-tray>img{object-fit:cover;filter:brightness(.4);width:100%;height:100%}.jewel-disc{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff59,#0000 42%),radial-gradient(circle,#17130f 0 11%,#8f8878 12% 14%,#cfc9bd 15% 46%,#b0a794 47% 49%,#ddd5c6 50%);border-radius:50%;width:72%;position:absolute;top:14%;right:5%;box-shadow:0 4px 16px #0000008c}.jewel-lid{transform-origin:0;background:#221c15;transition:transform .5s cubic-bezier(.22,1,.36,1)}.jewel-lid>img{object-fit:cover;width:100%;height:100%}.jewel-gloss{pointer-events:none;background:linear-gradient(90deg,#00000059 0%,#ffffff1a 2.5%,#0000002e 5%,#0000 8%),linear-gradient(105deg,#ffffff29 0%,#ffffff08 32%,#0000 55%,#ffffff12 100%);position:absolute;inset:0}.jewel:hover .jewel-lid,.album-card:hover .jewel-lid,.jewel.playing .jewel-lid{transform:rotateY(-38deg)}@keyframes disc-spin{to{transform:rotate(360deg)}}.jewel.playing .jewel-disc{animation:3.2s linear infinite disc-spin}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #e8a54a38}50%{box-shadow:0 0 38px #e8a54a73}}.playing-glow{animation:2.4s ease-in-out infinite pulse-glow}.spotlight{box-shadow:0 0 70px #e8a54a29,0 24px 60px #0009}.page-stage{perspective:1600px;position:relative}.page-leaf{transform-origin:0;transform-style:preserve-3d;z-index:2;position:absolute;inset:0}.page-leaf.turn-fwd{animation:.55s cubic-bezier(.35,.05,.3,1) both page-turn-fwd}.page-leaf.turn-back{animation:.55s cubic-bezier(.35,.05,.3,1) both page-turn-back}@keyframes page-turn-fwd{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes page-turn-back{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}.leaf-front,.leaf-back{backface-visibility:hidden;background:#f5eddd;position:absolute;inset:0;overflow:hidden;box-shadow:0 6px 24px #00000073}.leaf-front img,.leaf-back img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%}.leaf-back{transform:rotateY(180deg)}.leaf-back img{opacity:.07;transform:scaleX(-1)}.leaf-front:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(270deg,#0000004d,#0000 40%);position:absolute;inset:0}.turn-fwd .leaf-front:after,.turn-back .leaf-front:after{animation:.55s ease-in-out both leaf-shade}@keyframes leaf-shade{0%{opacity:0}40%{opacity:1}to{opacity:0}}.spread-stage.with-gutter:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000 46%,#00000040 50%,#0000 54%);position:absolute;inset:0}.spread-stage.stage-shift{animation:.55s cubic-bezier(.35,.05,.3,1) both stage-shift}@keyframes stage-shift{0%{transform:translateX(var(--shift-from,0px))}to{transform:translateX(var(--shift-to,0px))}}.page-leaf.half{inset:0 0 0 50%}.page-under-shade.half{left:50%}.page-leaf.duplex .leaf-back img{opacity:1;transform:none}.page-under-shade{pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000061,#0000000f 55%,#0000);position:absolute;inset:0}.page-under-shade.fwd{animation:.55s ease-out both under-reveal}.page-under-shade.back{animation:.55s ease-in both under-conceal}@keyframes under-reveal{0%{opacity:1}to{opacity:0}}@keyframes under-conceal{0%{opacity:0}to{opacity:1}}.rack{margin-top:4px;position:relative}.rack-shelf{background:repeating-linear-gradient(#0000 0 176px,#4a3826 176px 178px,#2b2015 178px 186px,#0000008c 186px 188px);border-left:8px solid #33271a;border-right:8px solid #33271a;border-radius:3px;flex-wrap:wrap;align-content:flex-start;gap:12px 2px;margin-bottom:20px;padding:0 10px 12px;display:flex}.spine{box-sizing:border-box;background:linear-gradient(90deg,#ffffff2e,#ffffff0f 45%,#ffffff24);border-radius:1.5px;width:16px;height:176px;text-decoration:none;transition:transform .18s,filter .18s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 6px #ffffff14,inset 0 -6px #00000038,1px 0 2px #0006}.spine-empty{cursor:default;opacity:.5;filter:saturate(.2)}.spine-empty .spine-paper{background:linear-gradient(90deg,#241d16,#1b160f 60%,#221b14)}.spine-empty:hover{transform:none}.spine-live{box-shadow:inset 0 0 0 1px #ffffff12,inset 0 6px #ffffff14,inset 0 -6px #00000038,1px 0 2px #0006,0 0 8px 1px #e8a54a2e}.spine-paper{z-index:1;box-sizing:border-box;border-radius:.5px;justify-content:center;padding:8px 0;display:flex;position:absolute;inset:3px 1.5px;overflow:hidden}.spine:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#ffffff61 0%,#ffffff1a 22%,#ffffff05 45%,#0000002e 80%,#00000061 100%);position:absolute;inset:0}.spine:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#fff9,#ffffff26 30%,#ffffff80 55%,#ffffff14);width:1px;position:absolute;top:2px;bottom:2px;left:.5px}.spine:hover,.spine:focus-visible{filter:brightness(1.2);z-index:5;transform:translateY(-10px)}.spine-label{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;max-height:100%;font-family:Noto Sans JP,sans-serif;line-height:1.2;overflow:hidden}.spine-title{font-size:10px;font-weight:600}.spine-artist{opacity:.7;margin-top:9px;font-size:8.5px}.rack-divider{box-sizing:border-box;background:linear-gradient(175deg,#b9a888,#9c8a68);border-radius:3px 3px 0 0;justify-content:center;width:14px;height:176px;margin-left:7px;padding-top:9px;display:flex;box-shadow:1px 0 3px #0006}.rack-divider:first-child{margin-left:0}.rack-divider span{writing-mode:vertical-rl;letter-spacing:.12em;color:#3a2f20;font-family:Noto Sans JP,sans-serif;font-size:10px;font-weight:700;overflow:hidden}.face-out{width:176px;height:176px;margin:0 6px;text-decoration:none;transition:transform .2s;display:block;position:relative}.face-out:hover,.face-out:focus-visible{z-index:5;transform:translateY(-8px)}.face-out-tag{z-index:3;color:#241c12;letter-spacing:.08em;background:#e8a54a;border-radius:2px;padding:3px 10px;font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:700;position:absolute;top:8px;left:-6px;box-shadow:0 2px 8px #00000080}.counter-swap{animation:.2s ease-out both counter-in}@keyframes counter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.quickview-scrim{z-index:2500;-webkit-backdrop-filter:blur(14px);background:#0c09068c;justify-content:center;align-items:center;padding:20px 16px;animation:.2s ease-out both counter-in;display:flex;position:fixed;inset:0;overflow:hidden}.quickview-light{pointer-events:none;clip-path:polygon(36% 0,64% 0,100% 100%,0 100%);filter:blur(26px);background:linear-gradient(#ffd18c59,#ffc5781f 55%,#ffc57800);width:min(460px,94vw);height:50vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.quickview{overscroll-behavior:contain;touch-action:pan-y;width:min(400px,100%);max-height:calc(100dvh - 40px);position:relative;overflow-y:auto}.quickview-close{color:#b3a695;cursor:pointer;background:#17130f99;border:1px solid #4c3f2f;border-radius:50%;width:34px;height:34px;font-size:15px;line-height:1}.quickview-nav{z-index:2;color:#e8a54a;cursor:pointer;box-sizing:border-box;background:#17130fa6;border:1px solid #4c3f2f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding-bottom:3px;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.quickview-nav.prev{left:8px}.quickview-nav.next{right:8px}.quickview-fly{z-index:2;pointer-events:none;position:fixed}.quickview-fly .jewel{width:100%;height:100%}.jewel.chest .jewel-lid{transform-origin:top;background:#1a140e;transition:transform .75s cubic-bezier(.34,1.25,.5,1)}.jewel.chest .jewel-lid>img,.jewel.chest .jewel-gloss{backface-visibility:hidden}.jewel.chest-open .jewel-lid{transform:rotateX(-108deg)}.jewel.chest .jewel-tray>img{transition:filter .6s .25s}.jewel.chest-open .jewel-tray>img{filter:brightness(.85)}.jewel.chest .jewel-disc{transition:top .55s cubic-bezier(.22,1,.36,1) .3s,box-shadow .55s .3s}.jewel.chest-open .jewel-disc{animation:4s linear infinite disc-spin;top:3%;box-shadow:0 12px 26px #00000080,0 0 32px #ffd69680}.jewel-glow{z-index:4;pointer-events:none;filter:blur(12px);opacity:0;background:radial-gradient(circle,#ffebc0e6,#ffce8473 45%,#0000 72%);border-radius:50%;position:absolute;inset:-22%}.jewel.chest-open .jewel-glow{animation:.7s .22s both glow-burst}@keyframes glow-burst{0%{opacity:0;transform:scale(.55)}60%{opacity:1}to{opacity:.85;transform:scale(1)}}.jewel-beam{z-index:3;pointer-events:none;clip-path:polygon(32% 100%,68% 100%,98% 0,2% 0);filter:blur(18px);opacity:0;transform-origin:bottom;background:linear-gradient(#0000,#ffcd8229 45%,#ffe0a680);height:300%;transition:opacity .6s .3s,transform .75s cubic-bezier(.22,1,.36,1) .3s;position:absolute;bottom:76%;left:-6%;right:-6%;transform:scaleY(.2)}.jewel.chest-open .jewel-beam{opacity:1;transform:scaleY(1)}.launch-scrim{z-index:2600}.launch-scrim.revealing{pointer-events:none}@keyframes rack3d-in{0%{opacity:0}to{opacity:1}}.rack-loading{background:radial-gradient(at 50% 30%,#ffd18c0f,#0000 60%),linear-gradient(#17110b,#0e0a06);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:calc(100svh - 150px);margin-top:14px;display:flex}.rack-loading .dots{gap:8px;display:flex}.rack-loading .dots span{background:#e8a54a;border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite rack-load-pulse}.rack-loading .dots span:nth-child(2){animation-delay:.18s}.rack-loading .dots span:nth-child(3){animation-delay:.36s}@keyframes rack-load-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.rack3d-wrap{margin-top:14px;position:relative}.rack3d-stage,.rack3d-stage canvas,.rack3d-scrim,.rack3d-ui,.rack3d-panel{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.rack3d-stage{background:radial-gradient(at 50% 12%,#ffd18c12,#0000 55%),linear-gradient(#17110b00,#17110b 14%,#0e0a06 86%,#0e0a0600);height:calc(100svh - 20px);position:sticky;top:10px;overflow:hidden}.rack3d-stage.lifted{z-index:2400;height:auto;position:fixed;inset:0}.rack3d-scrim{z-index:2350;background:#0a0705bd;animation:.35s both rack3d-in;position:fixed;inset:0}.rack3d-ui{z-index:2490;pointer-events:none;position:fixed;inset:0}.rack3d-ui .quickview-nav{pointer-events:auto;top:34%}@media (hover:none){.rack3d-ui .quickview-nav{top:42%}}.rack3d-panel{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:2500;-webkit-backdrop-filter:blur(10px);background:#17130fd1;border:1px solid #3a3026;border-radius:10px;width:min(420px,100vw - 24px);padding:14px 16px;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #0000008c}.rack3d-panel.away{opacity:0;pointer-events:none;transform:translate(-50%)translateY(24px)}.rack3d-skip{z-index:2650;position:fixed;inset:0}.rack3d-fade{z-index:2700;opacity:0;pointer-events:none;background:#0c0906;transition:opacity .34s;position:fixed;inset:0}.rack3d-fade.on{opacity:1}.quickview-lit{z-index:3;pointer-events:none;background:radial-gradient(at 50% -12%,#ffd28c52,#ffd28c14 45%,#0000 62%),linear-gradient(#0000 55%,#0003 85%,#00000052);border-radius:6px;position:absolute;inset:0}@media (hover:none){.page-nav{width:50%!important}}.nav-narrow{display:none}@media (width<=480px){.site-logo{letter-spacing:.02em!important;font-size:16px!important}.site-nav a,.site-nav button{padding:6px!important;font-size:12px!important}.header-inner{gap:8px!important}}@media (width<=420px){.site-logo{font-size:15px!important}.site-nav{gap:2px!important}.site-nav a,.site-nav button{white-space:nowrap;padding:6px 4px!important;font-size:11px!important}.header-inner{gap:6px!important;padding-left:12px!important;padding-right:12px!important}.nav-wide{display:none}.nav-narrow{display:inline}}.mm-modal-scrim{z-index:200;-webkit-backdrop-filter:blur(4px);background:#080603a8;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out mm-modal-fade;display:flex;position:fixed;inset:0}.mm-modal-card{text-align:center;background:#201a12;border:1px solid #46392a;border-radius:14px;width:100%;max-width:400px;padding:26px 24px 22px;animation:.2s cubic-bezier(.2,.9,.3,1.2) mm-modal-pop;box-shadow:0 18px 50px #0000008c}@keyframes mm-modal-fade{0%{opacity:0}}@keyframes mm-modal-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}}@media (width<=480px){.mm-modal-scrim{align-items:flex-end;padding:0}.mm-modal-card{max-width:none;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation:.24s cubic-bezier(.2,.9,.3,1) mm-modal-sheet}@keyframes mm-modal-sheet{0%{transform:translateY(100%)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}