:root{--bg: #07080b;--ink: #ebe7df;--dim: #8b909a;--mute: #5c616b;--line: rgba(235, 231, 223, .12);--gold: #dcb97c;--red: #d0343f;--serif: "Cormorant", "NotoSerifJP", "NotoSerifSC", serif;--serif-sc: "NotoSerifSC", "NotoSerifJP", serif;--sans: "NotoSansSC", "NotoSansJP", sans-serif;--sans-jp: "NotoSansJP", "NotoSansSC", sans-serif;--mono: "Plex", "NotoSansSC", monospace;--sw: min( calc(100vw - 48px) , calc((100vh - 176px) * 16 / 9))}*{box-sizing:border-box}html,body{margin:0;height:100%;color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased;font-family:var(--sans);background:radial-gradient(120% 70% at 68% -12%,#141826,#14182600 58%),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.07;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#root{position:relative;z-index:1;height:100%}button{font:inherit;color:inherit}.card h2,.tip b,.now-t,.ix-t{font-variant-numeric:lining-nums}button:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.top,.bar{transition:opacity 1s ease}.app:not(.started) .top,.app:not(.started) .bar{opacity:0;pointer-events:none}.app.started .top,.app.started .bar{transition:opacity 1.4s ease .9s}.app.idle .top,.app.idle .bar{opacity:.16;transition:opacity 1.6s ease}.app.idle .click{cursor:none}.top{width:var(--sw);height:58px;display:flex;align-items:center;justify-content:space-between}.mark{display:flex;align-items:baseline;gap:10px}.mark b{font:300 18px var(--serif-sc);letter-spacing:.4em}.mark i{font:italic 400 15px var(--serif);color:var(--gold);letter-spacing:.32em;text-transform:uppercase}.top-r{display:flex;align-items:center;gap:30px}.date{font:300 11px var(--mono);color:var(--dim);letter-spacing:.22em}.txt{position:relative;background:none;border:0;cursor:pointer;padding:6px 0 6px .4em;font:400 13px var(--serif-sc);letter-spacing:.4em}.txt:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:var(--gold);transform:translate(-50%);transition:width .4s ease}.txt:hover:not(:disabled):after{width:100%}.txt:hover:not(:disabled){color:var(--gold)}.txt:disabled{opacity:.3;cursor:default}.stage{position:relative;width:var(--sw);aspect-ratio:16 / 9;background:#000;container-type:size}.stage:after{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;pointer-events:none;transition:opacity 1s;--c: rgba(235, 231, 223, .28);background:linear-gradient(var(--c),var(--c)) left top / 16px 1px no-repeat,linear-gradient(var(--c),var(--c)) left top / 1px 16px no-repeat,linear-gradient(var(--c),var(--c)) right top / 16px 1px no-repeat,linear-gradient(var(--c),var(--c)) right top / 1px 16px no-repeat,linear-gradient(var(--c),var(--c)) left bottom / 16px 1px no-repeat,linear-gradient(var(--c),var(--c)) left bottom / 1px 16px no-repeat,linear-gradient(var(--c),var(--c)) right bottom / 16px 1px no-repeat,linear-gradient(var(--c),var(--c)) right bottom / 1px 16px no-repeat}.app.idle .stage:after,.app.full .stage:after{opacity:0}.click{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;background:radial-gradient(ellipse 70% 75% at 66% 48%,#0e111a,#040508 78%);transition:opacity 1.2s ease .25s}.gate.ready{cursor:pointer}.gate.leaving{opacity:0;pointer-events:none}.gate canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.g-title,.g-meta,.g-load{opacity:0}.app.fonts .g-title{animation:rise 2s cubic-bezier(.2,.7,.2,1) .1s both}.app.fonts .g-meta{animation:rise 2s cubic-bezier(.2,.7,.2,1) .6s both}.app.fonts .g-load{animation:fade 1s ease .8s both}.g-title{position:absolute;left:7.8cqw;top:10.5cqh;display:flex;align-items:flex-start;gap:1.4cqw}.g-title h1{margin:0;writing-mode:vertical-rl;font:200 9.6cqw/1 var(--serif-sc);letter-spacing:.16em}.g-en{writing-mode:vertical-rl;margin-top:.4cqw;font:italic 300 1.45cqw var(--serif);color:var(--gold);letter-spacing:.55em;text-transform:uppercase}.g-meta{position:absolute;left:7.8cqw;top:75.5cqh;display:flex;flex-direction:column;gap:.75cqw}.g-meta span:first-child{font:300 max(10px,.95cqw) var(--mono);color:var(--ink);letter-spacing:.26em}.g-meta span:last-child{font:300 max(10px,.82cqw) var(--sans);color:var(--dim);letter-spacing:.38em}.g-load{position:absolute;right:7.8cqw;top:73cqh;font:300 max(10px,.78cqw) var(--mono);color:var(--dim);letter-spacing:.32em;transition:opacity .6s}.gate.ready .g-load{opacity:0!important;animation:none}.g-start{position:absolute;left:65.6cqw;top:82.5cqh;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1.1cqw;background:none;border:0;padding:.6cqw 2cqw;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 1.2s ease 3.4s}.gate.ready .g-start{opacity:1;pointer-events:auto}.gate.leaving .g-start{opacity:0;transition:opacity .4s}.g-start span{position:relative;font:300 max(15px,1.45cqw) var(--serif-sc);letter-spacing:1em;padding-left:1em}.g-start span:after{content:"";position:absolute;left:50%;bottom:-.55cqw;width:1.6cqw;height:1px;background:var(--gold);transform:translate(-50%);transition:width .6s cubic-bezier(.2,.7,.2,1)}.g-start:hover span:after{width:100%}.g-start small{font:300 max(10px,.72cqw) var(--sans);color:var(--mute);letter-spacing:.45em;padding-left:.45em}.card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;gap:4.2cqw;padding-left:7.8cqw;cursor:pointer;background:linear-gradient(90deg,#040508eb,#040508cc 55%,#0405089e);opacity:0;pointer-events:none;transition:opacity .6s ease}.card.on{opacity:1;pointer-events:auto}.card-moon{width:12cqw;height:12cqw;flex:none;filter:drop-shadow(0 0 1.4cqw rgba(220,185,124,.3))}.card-text{max-width:62cqw}.card-text>*{opacity:0;transform:translateY(1.2cqh);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.card.on .card-text>*{opacity:1;transform:none}.card.on .card-text>:nth-child(2){transition-delay:.06s}.card.on .card-text>:nth-child(3){transition-delay:.12s}.card.on .card-text>:nth-child(4){transition-delay:.18s}.card.on .card-text>:nth-child(5){transition-delay:.3s}.card-n{font:italic 400 1.7cqw var(--serif);color:var(--gold);letter-spacing:.22em}.card-n span{color:var(--mute)}.card h2{margin:.9cqw 0 1.2cqw;font:300 3.5cqw/1.25 var(--serif);letter-spacing:.02em}.card-a{font:300 max(12px,1.12cqw) var(--sans-jp);color:#ebe7dfd1;letter-spacing:.16em}.card-e{margin-top:.6cqw;font:300 max(11px,.9cqw) var(--mono);color:var(--dim);letter-spacing:.22em}.card-k{margin-top:3cqw;font:300 max(10px,.7cqw) var(--mono);color:var(--mute);letter-spacing:.28em}.moon-dark{fill:#ebe7df0d;stroke:#ebe7df33;stroke-width:.8}.moon-lit{fill:var(--gold);transition:fill .3s}.bar{width:var(--sw);padding:4px 0 8px;-webkit-user-select:none;user-select:none}.string{position:relative}.string canvas{display:block;width:100%;cursor:pointer;touch-action:none}.tip{position:absolute;bottom:58px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 16px 9px;white-space:nowrap;pointer-events:none;z-index:2;background:#08090deb;border-top:1px solid rgba(220,185,124,.55);box-shadow:0 12px 30px #00000080}.tip-n{font:italic 400 13px var(--serif);color:var(--gold);letter-spacing:.22em}.tip b{font:400 16px var(--serif)}.tip-a{font:300 11px var(--sans-jp);color:var(--dim);letter-spacing:.1em}.tip-t{margin-top:2px;font:300 10px var(--mono);color:var(--mute);letter-spacing:.22em}.row{display:flex;align-items:center;gap:22px;height:40px;margin-top:-4px}.ic{flex:none;width:34px;height:34px;padding:6px;margin-left:-6px;background:none;border:0;cursor:pointer;transition:color .3s}.ic:last-child{margin:0 -6px 0 0}.ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.ic:hover{color:var(--gold)}.now{flex:1;min-width:0;display:flex;align-items:baseline;gap:14px;white-space:nowrap;overflow:hidden}.now-n{flex:none;min-width:2.4em;font:italic 400 17px var(--serif);color:var(--gold);letter-spacing:.08em}.now-t{overflow:hidden;text-overflow:ellipsis;font:400 16px var(--serif)}.now-a{flex:none;font:300 12px var(--sans-jp);color:var(--dim);letter-spacing:.08em}.time{flex:none;font:300 12px var(--mono);letter-spacing:.14em;font-variant-numeric:tabular-nums}.time em{font-style:normal;color:var(--mute);margin:0 .7em}.vol{flex:none;display:flex;align-items:flex-end;height:18px}.vol button{width:9px;padding:0 3px;border:0;cursor:pointer;background:#ebe7df38;background-clip:content-box;transition:background-color .3s}.vol button.on{background-color:var(--gold)}.vol:hover button:not(.on){background-color:#ebe7df66}.index{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#040508cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .5s ease}.index.on{opacity:1;pointer-events:auto}.ix{width:min(1120px,calc(100vw - 48px));max-height:calc(100vh - 64px);overflow:auto;scrollbar-width:none}.ix-head{display:flex;align-items:baseline;gap:18px;padding:0 8px 18px;border-bottom:1px solid var(--line)}.ix-head h3{margin:0;font:300 30px var(--serif-sc);letter-spacing:.45em}.ix-head i{flex:1;font:italic 300 18px var(--serif);color:var(--gold);letter-spacing:.32em;text-transform:uppercase}.ix ol{list-style:none;margin:0;padding:0}.ix li{display:grid;grid-template-columns:20px 46px minmax(0,1.7fr) minmax(0,1fr) 170px 52px;align-items:center;gap:18px;padding:12px 8px;border-bottom:1px solid rgba(235,231,223,.05);cursor:pointer;transition:background .35s}.index.on li{animation:rise .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--k) * 32ms + 60ms)}.ix li:hover{background:linear-gradient(90deg,#dcb97c17,#dcb97c00 75%)}.ix li .moon{width:18px;height:18px}.ix li .moon-lit{fill:#ebe7df8c}.ix li:hover .moon-lit,.ix li.cur .moon-lit{fill:var(--gold)}.ix-n{font:italic 400 17px var(--serif);color:var(--gold);letter-spacing:.08em}.ix li.cur .ix-n{color:var(--red)}.ix-t{font:400 18px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ix-a{font:300 12px var(--sans-jp);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ix-e{font:300 11px var(--mono);color:var(--mute);letter-spacing:.08em;white-space:nowrap}.ix-s{font:300 11px var(--mono);color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.app.full .top{display:none}.app.full .stage{width:min(100vw,calc(100vh * 16 / 9))}.app.full .bar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(calc(100vw - 64px),1680px);padding:0 0 18px;z-index:4}.app.full .bar:before{content:"";position:fixed;left:0;right:0;bottom:0;height:180px;z-index:-1;pointer-events:none;background:linear-gradient(#0000,#000000c7)}.app.full.idle .bar{opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width: 760px){:root{--sw: calc(100vw - 24px) }.date,.now-a,.vol{display:none}.row{gap:12px}.ix li{grid-template-columns:18px 36px minmax(0,1fr) 48px;gap:12px}.ix-a,.ix-e{display:none}}@container (max-width: 640px){.g-meta span:last-child,.g-load,.g-start small,.card-k,.card-e{display:none}.g-meta span:first-child{letter-spacing:.12em}.g-start{top:78cqh}.card h2{font-size:max(16px,3.5cqw)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;transition-delay:0s!important}}