@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Serif+SC:wght@400;500&display=swap";:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;background:#070c12;color:#e0e2de;font-synthesis:none;--muted:#879298;--line:#b3c8ce24;--accent:#c1d8d8}*{box-sizing:border-box}body{margin:0}button,input,a,summary{-webkit-tap-highlight-color:transparent}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:1px solid #b4d9de}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}button,a,summary{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;display:block}button{transition:color .2s,background .2s,opacity .2s}button:hover:not(:disabled),a:hover,summary:hover{color:#fff}button[hidden],[hidden]{display:none!important}#exhibition{position:relative;min-height:620px;height:100svh;overflow:hidden;background:#070c12}.initial-status{padding:50px;color:var(--muted)}.site-header{height:85px;position:absolute;inset:0 52px auto;display:flex;align-items:center;justify-content:space-between;z-index:5;border-bottom:1px solid #a4b7bc1a}.wordmark{display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:.18em;font-weight:500}.mark{display:flex;gap:5px;align-items:flex-end;height:24px}.mark i{display:block;width:5px;height:23px;background:linear-gradient(#d2e7e0,#748e98);opacity:.9}.mark i:last-child{height:19px;opacity:.6}.edition{font-size:10px;letter-spacing:.2em;color:#929d9f}.edition span{margin-left:12px;color:#6d777f}.text-button{font-size:11px;letter-spacing:.12em;padding:12px 0}.text-button span{margin-left:12px;color:#819093}.stage{position:absolute;inset:86px 0 164px;overflow:hidden}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage-shade{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -50px 55px -45px #070c12,inset 0 40px 55px -40px #070c12;background:radial-gradient(ellipse at 65% 55%,transparent 35%,#070c1228 100%)}.stage-caption{position:absolute;bottom:24px;left:64.5%;transform:translate(-50%);display:flex;gap:8px;align-items:center;font-size:9px;letter-spacing:.15em;color:#9caeb5;white-space:nowrap;pointer-events:none}.live-dot{height:4px;width:4px;border-radius:50%;background:#93c6c4;opacity:.55}.is-playing .live-dot{box-shadow:0 0 7px #a4eecc;opacity:1}.stage-tools{position:absolute;right:48px;bottom:20px;display:flex;align-items:center;gap:10px}.view-hint{font-size:9px;letter-spacing:.1em;color:#62757f}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#98a9ae;border-radius:50%}.icon-button:hover{background:#b5cadc0b}.icon-button svg{height:19px;width:19px}.introduction{position:absolute;z-index:2;top:clamp(132px,22vh,215px);left:8%;pointer-events:none}.introduction button{pointer-events:auto}.eyebrow{color:#94a6ac;font-size:9px;letter-spacing:.27em;margin:0 0 25px}.introduction h1{font-family:"Noto Serif SC",Songti SC,serif;font-weight:400;font-size:clamp(29px,3vw,47px);letter-spacing:.08em;line-height:1.65;margin:0;color:#e8e9e0}.question{margin-left:-.12em}.english-title{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(18px,1.6vw,25px);letter-spacing:.01em;line-height:1.22;color:#adb9b9;margin:19px 0 25px}.invitation{font-family:"Noto Serif SC",Songti SC,serif;font-size:11px;letter-spacing:.16em;line-height:2.1;color:#8c9da5;margin:0 0 26px}.begin-button{display:flex;gap:15px;align-items:center;padding:0;font-size:11px;letter-spacing:.14em}.begin-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c0d0cf65;border-radius:50%;background:#7284890a}.begin-icon svg{width:18px;height:18px}.begin-button:hover .begin-icon{background:#b0d3d61a;border-color:#cadbdc}.begin-duration{font-size:10px;color:#70868b;letter-spacing:.04em;margin-left:9px}.listening-note{font-size:9px;letter-spacing:.13em;color:#5e727c;margin:15px 0 0 57px}.player{z-index:6;position:absolute;left:52px;right:52px;bottom:50px;border-top:1px solid var(--line);padding-top:20px;background:linear-gradient(transparent,#070c12 60%)}.player-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;height:39px}.transport-controls{display:flex;gap:15px;align-items:center;min-width:220px}.play-button{width:37px;height:37px;border:1px solid #b3c8ce55;border-radius:50%;display:grid;place-items:center;color:#e2ece7}.play-button:hover{background:#a5c4c41a}.play-button svg{width:18px;height:18px}.replay{width:28px}.replay svg{width:16px;height:16px}.current-section{display:flex;align-items:center;gap:18px;white-space:nowrap}.current-section #chapter-number{font-size:9px;color:#668088;letter-spacing:.04em}.current-section #chapter-name{font-size:11px;letter-spacing:.13em;color:#becaca}.track-credit{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:11px;align-items:center;font:italic 16px Cormorant Garamond,Georgia,serif;color:#c3cfcc}.track-credit small{display:block;margin-top:4px;font:7px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.17em;color:#6f848e}.music-lines{height:18px;display:flex;gap:3px;align-items:center}.music-lines i{display:block;width:1px;height:7px;background:#97b5b9;transform-origin:center}.music-lines i:nth-child(2){height:15px}.music-lines i:nth-child(3){height:11px}.is-playing .music-lines i{animation:equalizer 1.6s ease-in-out infinite alternate}.is-playing .music-lines i:nth-child(2){animation-delay:-.7s}.is-playing .music-lines i:nth-child(3){animation-delay:-1.1s}.is-playing .music-lines i:nth-child(4){animation-delay:-.4s}@keyframes equalizer{to{transform:scaleY(.3)}}.player-actions{display:flex;align-items:center;gap:7px}.volume{width:55px;height:3px;accent-color:#b8cccc;cursor:pointer;margin:0 16px 0 1px}.seek-wrap{position:relative;height:18px;display:flex;align-items:center}#seek{--progress:0%;margin:0;width:100%;height:18px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;position:relative;z-index:2}#seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#bcd5d2 var(--progress),#33444e var(--progress));border-radius:2px}#seek::-moz-range-track{height:2px;background:#33444e}#seek::-moz-range-progress{background:#bcd5d2;height:2px}#seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:6px;height:6px;border-radius:50%;background:#dde9e3;margin-top:-2px;box-shadow:0 0 8px #d4e4ed30}#seek::-moz-range-thumb{width:6px;height:6px;border:0;border-radius:50%;background:#dde9e3}.chapter-ticks{position:absolute;inset:0 3px;pointer-events:none;z-index:3}.chapter-ticks i{position:absolute;top:7px;width:1px;height:4px;background:#80959e85}.player-bottom{height:19px;display:flex;align-items:center;justify-content:space-between;position:relative}.timecode{display:flex;gap:11px;font-variant-numeric:tabular-nums;font-size:9px;color:#6c828b}.timecode #elapsed{color:#bdcece}.timecode span:nth-child(2){color:#3f515b}#playback-message{position:absolute;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.1em;color:#718993;white-space:nowrap}#retry{font-size:9px;padding:0;margin-left:auto;margin-right:15px;color:#d8b7a0}#chapters{font-size:10px;color:#a2b1b8}#chapters summary{cursor:pointer;list-style:none;letter-spacing:.16em;padding:8px 0 8px 15px}#chapters summary::-webkit-details-marker{display:none}#chapters summary span{margin-left:10px;font-size:13px}#chapters[open] summary span{display:inline-block;transform:rotate(180deg)}.chapter-menu{position:absolute;bottom:39px;right:0;width:470px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;background:#101a23f5;border:1px solid #a8c4c42e;box-shadow:0 12px 50px #0009;backdrop-filter:blur(24px)}.chapter-menu button{display:flex;gap:12px;text-align:left;padding:13px 8px;align-items:center;color:#94a5ae}.chapter-menu button:hover,.chapter-menu button.active{background:#bededc0d;color:#e3e9e1}.chapter-menu button>span{font-size:8px;color:#728d97}.chapter-menu strong{font-size:10px;font-weight:400;letter-spacing:.07em}.chapter-menu time{font-size:8px;color:#607e89;margin-left:auto;font-variant-numeric:tabular-nums}.site-footer{position:absolute;left:52px;right:52px;bottom:0;height:36px;display:flex;align-items:center;justify-content:space-between;color:#71808a;font-size:8px;letter-spacing:.075em}.credit-dot{margin:0 7px;color:#415660}.footer-detail{color:#536975;letter-spacing:.12em}.site-footer>span:last-child{color:#5b737e}.media-sources{position:fixed;width:1px;height:1px;opacity:.001;pointer-events:none;overflow:hidden;bottom:0}.media-sources video,.media-sources audio{width:1px;height:1px}dialog{background:#101a23;color:#b5c3c9;border:1px solid #a6c5c33b;padding:52px;max-width:570px;width:calc(100% - 36px);max-height:calc(100svh - 50px);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#040a11b3;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:15px;right:15px}dialog h2{font:400 28px/1.7 "Noto Serif SC",Songti SC,serif;color:#e0e6df;margin:0 0 24px;letter-spacing:.07em}dialog p:not(.eyebrow){font-size:12px;line-height:2.1;letter-spacing:.025em;color:#97aeb8}dialog dl{border-top:1px solid var(--line);padding-top:12px;margin:28px 0 24px}dialog dl>div{display:flex;margin:15px 0;font-size:10px;line-height:1.9}dialog dt{width:65px;color:#607f8d}dialog dd{margin:0;color:#b4c7c8}.about-link{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em}.immersive #exhibition{min-height:0;height:100svh}.immersive .site-header,.immersive .introduction,.immersive .site-footer{display:none}.immersive .player{bottom:22px;left:5%;right:5%;padding:15px 22px;border:1px solid #95b8bf22;background:#0a141beb;backdrop-filter:blur(15px);border-radius:4px}.immersive .stage-tools{bottom:auto;top:24px}.flat-view canvas{display:none!important}.flat-view .view-hint{display:none}.flat-facades{height:100%;display:flex;gap:8%;justify-content:center;padding:6px 15% 40px 42%}.flat-facades video{height:100%;min-width:0;object-fit:contain}.immersive .flat-facades{padding:30px 18% 160px}@media (min-width:901px) and (max-height:790px){.introduction{top:145px}.introduction h1{font-size:34px}.eyebrow{margin-bottom:19px}.english-title{font-size:21px;margin:14px 0 18px}.invitation{margin-bottom:18px}.listening-note{margin-top:10px}}@media (max-width:1100px){.introduction{left:6%}.site-header,.player,.site-footer{left:36px;right:36px}.stage-tools{right:30px}.view-hint{display:none}.track-credit{left:55%}.transport-controls{gap:10px}.current-section{gap:12px}}@media (max-width:900px){#exhibition{min-height:780px}.site-header{height:68px;inset:0 26px auto}.wordmark{font-size:11px;gap:9px}.mark{transform:scale(.8);transform-origin:left center;width:12px}.edition{font-size:8px}.edition span{display:none}.text-button{font-size:10px}.introduction{left:32px;top:101px}.introduction .eyebrow{font-size:8px;margin-bottom:15px}.introduction h1{font-size:27px;line-height:1.5;letter-spacing:.06em}.english-title{font-size:18px;line-height:1.15;margin:15px 0 0}.invitation,.listening-note{display:none}.begin-button{margin-top:22px;font-size:10px}.begin-icon{width:34px;height:34px}.begin-duration{font-size:9px}.stage{top:105px;bottom:173px;left:22%}.stage-caption{left:50%;bottom:20px;font-size:8px}.stage-tools{right:20px;bottom:12px}.player{left:28px;right:28px;bottom:51px}.site-footer{left:28px;right:28px}.footer-detail{display:none}.track-credit{left:57%;font-size:14px}.volume{display:none}.player-actions{gap:4px}.current-section{gap:10px}.current-section #chapter-name{font-size:10px}.current-section #chapter-number{font-size:8px}.transport-controls{min-width:0}.stage-shade{background:none}.flat-facades{padding:15px 10% 50px}}@media (max-width:600px){#exhibition{min-height:740px;height:100svh}.site-header{height:61px;inset:0 22px auto}.edition{display:none}.site-header .text-button{font-size:9px}.introduction{left:27px;right:25px;top:86px;display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.introduction .eyebrow{grid-column:1/-1;margin-bottom:12px;font-size:7px;letter-spacing:.22em}.introduction h1{font-size:25px;line-height:1.5;grid-row:2/4;white-space:nowrap}.english-title{font-size:15px;line-height:1.1;margin:4px 0 0;align-self:start;padding-left:7px}.begin-button{margin:12px 0 0 7px;gap:9px;align-self:end;white-space:nowrap;font-size:9px}.begin-icon{width:27px;height:27px}.begin-icon svg{width:13px;height:13px}.begin-duration{display:none}.stage{left:0;top:213px;bottom:177px}.stage-caption{bottom:7px;font-size:7px}.stage-tools{right:19px;bottom:0}.stage-tools .icon-button{width:28px;height:28px}.stage-tools svg{width:16px;height:16px}.player{left:24px;right:24px;bottom:45px;padding-top:15px}.player-top{height:34px;margin-bottom:13px;gap:12px}.transport-controls{gap:7px}.play-button{width:34px;height:34px}.replay{width:22px}.replay svg{width:14px;height:14px}.current-section{display:block;margin-left:5px}.current-section #chapter-number{display:block;font-size:7px;margin-bottom:5px;letter-spacing:.04em}.current-section #chapter-name{font-size:10px}.track-credit{position:static;transform:none;margin-left:auto;font-size:13px;gap:7px}.track-credit small{font-size:5px;letter-spacing:.15em}.music-lines{gap:2px}.music-lines i{height:5px}.music-lines i:nth-child(2){height:12px}.music-lines i:nth-child(3){height:9px}.player-actions{gap:0}.player-actions .icon-button{width:28px}.player-actions svg{width:16px;height:16px}.player-bottom{height:22px}.timecode{font-size:8px;gap:8px}#playback-message{font-size:8px;left:52%;letter-spacing:0}#chapters{font-size:9px}.chapter-menu{width:min(340px,calc(100vw - 48px));padding:10px;gap:0 4px;bottom:39px}.chapter-menu button{gap:8px;padding:12px 5px}.chapter-menu strong{font-size:9px}.chapter-menu time{font-size:7px}.site-footer{left:24px;right:24px;height:32px;font-size:7px;letter-spacing:.02em}.credit-dot{margin:0 4px}dialog{padding:38px 27px}dialog h2{font-size:24px}dialog p:not(.eyebrow){font-size:11px}.immersive .player{left:15px;right:15px;padding:14px 12px;bottom:max(15px,env(safe-area-inset-bottom))}.immersive .stage-caption{bottom:158px}.flat-facades{padding:0 12% 30px}}@media (max-width:370px){.introduction{left:23px;right:20px;gap:7px}.introduction h1{font-size:22px}.english-title{font-size:14px;padding-left:0}.begin-button{margin-left:0}.track-credit .music-lines{display:none}.track-credit{font-size:12px}.player{left:20px;right:20px}.player-top{gap:6px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.site-header{border-bottom-color:#a5cbd721;background:linear-gradient(#070c1233,transparent)}.site-header:after{content:"";position:absolute;bottom:-1px;left:0;width:24%;height:1px;background:linear-gradient(90deg,#8ec7cf50,transparent);pointer-events:none}.stage{transition:top .95s cubic-bezier(.22,.7,.18,1),left .95s cubic-bezier(.22,.7,.18,1)}.stage-shade{background:radial-gradient(ellipse at 58% 48%,transparent 38%,#050c1438 100%);box-shadow:inset 0 -55px 60px -40px #070c12,inset 0 48px 65px -46px #070c12}.stage-shade:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070c12f0 0%,#070c12d1 20%,#070c1260 34%,transparent 57%);transition:opacity 1.15s ease}.introduction{transition:top .95s cubic-bezier(.22,.7,.18,1),left .95s cubic-bezier(.22,.7,.18,1);text-shadow:0 2px 20px #06101880}.introduction h1{transition:font-size .85s cubic-bezier(.22,.7,.18,1),line-height .85s ease,letter-spacing .85s ease}.introduction .eyebrow,.english-title,.invitation,.begin-button,.listening-note{transition:opacity .4s ease,margin .65s ease,max-height .65s ease,font-size .65s ease,visibility .4s ease}.introduction .eyebrow{max-height:20px}.invitation{max-height:90px}.begin-button{max-height:60px}.listening-note{max-height:24px}.stage-caption{padding:7px 12px;border:1px solid #a9c2d00f;background:#0b15221f;border-radius:20px;backdrop-filter:blur(8px);transition:left .85s ease;color:#a9bcc8}.player{padding:18px 20px 12px;border:1px solid #a8c8d329;border-radius:5px;background:linear-gradient(115deg,#152432c9,#0b1722dc 58%,#191e31ba);backdrop-filter:blur(22px);box-shadow:0 12px 45px #01060c80,inset 0 1px #d2e6ec08}.player:before{content:"";position:absolute;top:-1px;left:6%;right:35%;height:1px;background:linear-gradient(90deg,transparent,#aacfd849,transparent);pointer-events:none}.chapter-menu{background:#122231f5;border-color:#afc7dd40;box-shadow:0 16px 55px #020714c0}.has-started .introduction{top:107px;left:52px;right:auto;display:block;width:fit-content;max-width:calc(100% - 104px);padding:9px 12px 10px;border-left:1px solid #98c3cf35;background:linear-gradient(90deg,#0d1825b3,#0c172373);backdrop-filter:blur(12px)}.has-started .introduction .eyebrow{max-height:0;margin:0;opacity:0;overflow:hidden;visibility:hidden}.has-started .introduction h1{font-size:19px;line-height:1.65;letter-spacing:.085em;color:#c0d0d3}.has-started .introduction h1 br{display:none}.has-started .english-title{font-size:13px;line-height:1.4;margin:8px 0 0;opacity:.6}.has-started .english-title br{display:none}.has-started .invitation,.has-started .begin-button,.has-started .listening-note{max-height:0;margin:0;opacity:0;overflow:hidden;visibility:hidden;pointer-events:none}.has-started .stage-shade:before{opacity:0}.has-started .stage-caption{left:50%}.has-started .flat-facades{padding-left:18%;padding-right:18%}@media (max-width:1100px){.has-started .introduction{left:36px;right:36px}.has-started .introduction h1{font-size:17px}}@media (max-width:900px){.stage-shade:before{background:linear-gradient(90deg,#070c12a8,transparent 64%)}.has-started .introduction{top:91px;left:28px;right:28px}.has-started .introduction h1{font-size:17px}.has-started .english-title{font-size:11px;margin:5px 0 0}.has-started .stage{left:0;top:148px}.player{padding:16px 16px 11px}.track-credit{left:55%}}@media (max-width:600px){.stage-shade:before{background:none}.has-started .introduction{top:76px;left:25px;right:auto;max-width:calc(100% - 50px);padding:6px 9px}.has-started .introduction h1{font-size:15px;line-height:1.5;letter-spacing:.07em}.has-started .english-title{max-height:0;margin:0;padding:0;opacity:0;overflow:hidden;visibility:hidden}.has-started .stage{top:119px;left:0}.player{left:18px;right:18px;padding:14px 12px 10px}.track-credit{font-size:12px}.stage-caption{font-size:7px;padding:5px 9px;bottom:5px}.has-started .flat-facades{padding-left:12%;padding-right:12%}.chapter-menu{width:min(340px,calc(100vw - 62px))}}@media (min-width:901px) and (max-height:700px){.introduction{top:120px}.introduction h1{font-size:30px;line-height:1.5}.introduction .eyebrow{margin-bottom:14px}.english-title{font-size:18px;margin:12px 0 16px}.invitation{margin-bottom:14px}.listening-note{display:none}.has-started .introduction{top:107px}.has-started .introduction h1{font-size:17px}}.immersive .introduction{display:none}.immersive .stage{inset:0}.immersive .stage-shade:before{opacity:0}.immersive .stage-caption{left:50%;bottom:158px}.media-sources{width:2px;height:2px;opacity:1;left:0;bottom:0;z-index:0}.media-sources video{width:2px;height:2px}