/* A black exhibition space for luminous, spatial seasonal ornaments. */
:root{--bg:#080a0b;--fg:#ece9e1;--paper:#ece9e1;--dim:#8d9992;--line:rgba(221,231,214,.15);--exhibit-line:rgba(221,231,214,.15);background:#080a0b;color:#ece9e1;color-scheme:dark}
body{background:#080a0b}.shade{background:linear-gradient(90deg,#080a0b88,transparent 27%,transparent 77%,#080a0b66),linear-gradient(0deg,#080a0b 0%,#080a0bcc 12%,transparent 24%)}
.chapter{top:24%;max-width:230px}.chapter h1{font-size:clamp(70px,11vh,120px);text-shadow:0 0 40px #000}.chapter-meta{color:var(--accent)}.chapter-english{color:#bfc6bd}.chapter p{color:#8f9c92;max-width:205px}.field-notes{top:24%;width:13.8%}.chapter-number>span{color:var(--accent)}.field-notes dd{letter-spacing:1px;font-size:9px}.field-notes dl>div:nth-child(2){align-items:flex-start}.field-notes dl>div:nth-child(2) dd{white-space:normal;text-align:right;line-height:1.8;max-width:115px}.term-date{font-size:12px;color:#d3ded4}.notes-edition{pointer-events:auto;text-decoration:none;color:#87988e;font-size:8px;letter-spacing:1px}.notes-edition:hover{color:var(--accent)}
.stage-frame{left:var(--motif-left);top:var(--motif-top);width:var(--motif-width);height:var(--motif-height);right:auto;bottom:auto}.corner{display:none}.frame-label{display:none}.frame-bottom{display:block;bottom:-5px;color:#8b9f98;font-size:9px;letter-spacing:2px;text-shadow:0 2px 10px #000}
.timeline{background:linear-gradient(0deg,#080a0b,#080a0bea);backdrop-filter:blur(5px)}.season-headings{color:#80938b}.season-headings span{border-color:#405149}.timeline-track{border-color:#35473f}.term-button{color:#89988c}.term-button.active{color:var(--accent)}.term-button.active:after{box-shadow:0 0 12px var(--accent)}.term-button:hover{color:#e0e8de}.term-button .term-index{color:#53655b}.timeline-footer{color:#62766b}.play-button{border-color:#738d80}.text-button[aria-pressed="true"]{color:var(--accent)}.interaction-hint{color:#a4b8aa}.interaction-hint small{color:#6f887c}.hint-cross{color:var(--accent)}.spectrum i{opacity:1}.notes-date>span{color:#798e83}.header-note{color:#a9b9ae}.header-note i{background:#53645b}.wordmark small{color:#879c8e}.seal{border-color:#9c8870;color:#bdad8a}
@media(max-width:950px){.chapter{width:24%}.chapter h1{font-size:80px}.field-notes{width:16%}.term-date{font-size:10px}}
@media(max-width:600px){.header{background:transparent}.chapter{top:12%;left:7%;width:86%;max-width:none}.title-lockup{margin-top:13px;gap:0}.vertical-note,.chapter-english,.chapter p{display:none}.chapter h1{font-size:28px;writing-mode:initial;line-height:1.4;letter-spacing:.25em}.chapter-meta{font-size:8px}.field-notes{display:block;top:auto;bottom:233px;right:7%;width:auto;max-width:none}.field-notes .notes-heading,.chapter-number,.notes-rule,.field-notes dl,.notes-edition{display:none}.notes-date{padding:0;margin:0;border:0;text-align:right}.notes-date>span{font-size:6px;margin-bottom:6px}.term-date{font-size:10px}.stage-frame{left:var(--motif-left);top:var(--motif-top);width:var(--motif-width);height:var(--motif-height)}.frame-bottom{display:block;bottom:-13px;font-size:8px;letter-spacing:1px}.interaction-hint{bottom:237px;max-width:53%;font-size:8px}.interaction-hint small{font-size:7px;line-height:1.7}.stage-controls{bottom:172px}.timeline{background:#080a0bf2}.shade{background:linear-gradient(0deg,#080a0b 0%,#080a0bc9 18%,transparent 30%)}.recording-bar{bottom:230px}}
/* Full-bleed seasonal light sculpture: the composition deliberately crosses the frame. */
.shade{background:linear-gradient(90deg,#080a0be6 0%,#080a0b9c 22%,transparent 49%),linear-gradient(0deg,#080a0b 0%,#080a0bde 13%,transparent 30%,transparent 83%,#080a0baf 100%)}
.chapter{left:5.4%;top:22%;width:26%;max-width:300px}.chapter h1{font-size:clamp(98px,15vh,162px);font-weight:400;line-height:1.05;letter-spacing:.08em}.vertical-note{display:none}.title-lockup{margin-top:24px}.chapter-english{margin-left:5px;max-width:190px;letter-spacing:2px;font-size:10px}.chapter p{margin-left:5px;color:#a4b9ad;max-width:190px;font-size:10px}
.field-notes{top:auto;bottom:235px;right:4.2%;width:175px;max-width:175px;text-align:right}.field-notes .notes-heading,.field-notes .chapter-number,.field-notes .notes-rule,.field-notes dl{display:none}.notes-date{border:0;margin:0;padding:0}.notes-date>span{font-size:7px;color:#91a59b}.term-date{font-size:12px;color:#e5eee8}.notes-edition{font-size:7px;margin-top:12px}.stage-frame{left:44%;top:auto;bottom:190px;width:auto;height:auto}.frame-bottom{position:static;transform:none;display:block;color:#99b4a5;font-size:8px;letter-spacing:2px;white-space:nowrap}
.header-note{color:#c0d2c7}.interaction-hint{font-size:9px}.timeline{background:linear-gradient(0deg,#080a0bf7,#080a0ba1);backdrop-filter:blur(6px)}
@media(max-width:950px){.chapter{left:5%;max-width:220px}.chapter h1{font-size:112px}.chapter-english{font-size:8px;max-width:150px}.chapter p{font-size:9px;max-width:150px}.field-notes{width:130px}.stage-frame{left:41%;bottom:190px}}
@media(max-width:600px){.chapter{top:13%;left:7%;width:70%;max-width:none}.chapter h1{font-size:58px;writing-mode:vertical-rl;letter-spacing:.10em;line-height:1.12}.title-lockup{margin-top:14px}.chapter-meta{font-size:8px}.chapter-english{display:block;font-size:7px;max-width:130px;line-height:1.6;letter-spacing:1.3px;margin-top:13px}.chapter p{display:none}.field-notes{bottom:240px;right:7%;width:auto;max-width:none}.notes-edition{display:none}.term-date{font-size:10px}.stage-frame{left:7%;top:auto;bottom:278px;width:auto;height:auto}.frame-bottom{font-size:7px;letter-spacing:1px}.interaction-hint{bottom:238px;font-size:7px;max-width:55%}.shade{background:linear-gradient(90deg,#080a0b99 0%,transparent 47%),linear-gradient(0deg,#080a0b 0%,#080a0bd9 20%,transparent 40%,transparent 88%,#080a0b99 100%)}.header{background:#080a0b66}}

/* A wide scene with cropped foreground, rather than a framed emblem. */
.shade{background:linear-gradient(90deg,#080a0b72,transparent 22%),linear-gradient(0deg,#080a0bf2 0%,#080a0bc9 14%,transparent 32%,transparent 86%,#080a0b88 100%)}
.chapter{top:19%;width:18%;max-width:200px;pointer-events:none}.chapter h1{font-size:clamp(72px,12vh,132px);text-shadow:0 2px 25px #080a0b,0 0 65px #080a0b}.chapter-meta,.chapter-english,.chapter p{text-shadow:0 1px 12px #000}.chapter p{font-size:9px;max-width:150px}.field-notes{bottom:214px;right:4.2%}.stage-frame{left:44%;bottom:174px}.frame-bottom{font-size:8px}.interaction-hint{opacity:.72}
@media(max-width:600px){.chapter{left:7%;top:13%;width:36%}.chapter h1{font-size:48px}.chapter-english{font-size:6px;max-width:100px}.field-notes{bottom:238px}.stage-frame{left:7%;bottom:278px}.shade{background:linear-gradient(0deg,#080a0bf7 0%,#080a0bc9 20%,transparent 38%,transparent 88%,#080a0b88 100%)} }
/* Seasonal listening edition: the sound is part of the artwork, not a utility bar. */
.sound-toggle{display:flex;gap:8px;align-items:center;padding:9px 13px;background:transparent;color:#b0c8bd;border:1px solid #b0c8bd35;cursor:pointer;font-family:inherit;font-size:10px;letter-spacing:1px;white-space:nowrap}.sound-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.sound-glyph{font-size:19px;line-height:1}.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.work-title{font-family:'Songti SC','Noto Serif SC',serif;font-size:27px;letter-spacing:.18em;margin:20px 0 14px;color:var(--accent);white-space:nowrap;text-shadow:0 2px 20px #080a0b}.chapter{top:16%}.chapter h1{font-size:clamp(68px,10.5vh,120px)}.chapter-english{font-size:8px}.chapter p{font-size:9px;line-height:1.8}.sound-scope{margin-top:24px;width:180px;pointer-events:none}.scope-heading{display:flex;justify-content:space-between;color:#9cadac;font-size:7px;letter-spacing:1px}.scope-heading>span:last-child{font-size:6px;letter-spacing:0;color:#688780}.sound-scope canvas{display:block;width:180px;height:50px;margin:6px 0 0}.scope-bands{display:flex;justify-content:space-between;font-size:6px;color:#7d9790;letter-spacing:1px}.scope-bands b{font-family:Georgia,serif;font-weight:400;color:#d2ded6}.sound-scope #sound-description{font-size:8px;color:#a6bdb1;margin:12px 0 0;letter-spacing:2px}.settings-panel .sound-source{font-size:9px;line-height:1.8;color:#829d91}.sound-export-option{display:flex!important;align-items:center;gap:10px;margin:18px 0!important;font-size:12px!important;color:#c8d8cd}.sound-export-option input{width:15px!important;accent-color:var(--accent)}
@media(max-height:750px) and (min-width:601px){.chapter{top:17%}.chapter h1{font-size:76px}.work-title{margin-top:12px;font-size:23px}.sound-scope{margin-top:14px}.sound-scope canvas{height:35px}.chapter p{margin-top:13px}.sound-scope #sound-description{margin-top:7px}}
@media(max-width:600px){.sound-toggle{font-size:8px;padding:6px 7px;gap:4px;letter-spacing:0}.sound-glyph{font-size:16px}.header-actions{gap:8px}.chapter{top:13%;width:35%}.chapter h1{font-size:44px}.work-title{font-size:15px;letter-spacing:.10em;margin-top:12px;margin-bottom:9px}.chapter-english{font-size:5px!important}.sound-scope{width:94px;margin-top:15px}.sound-scope canvas{width:94px;height:29px}.scope-heading{font-size:6px;letter-spacing:0}.scope-heading>span:last-child{display:none}.scope-bands{font-size:5px;letter-spacing:0}.sound-scope #sound-description{display:block;font-size:6px;margin-top:7px;line-height:1.7;letter-spacing:1px}.chapter p{display:none}.settings-panel{max-height:70vh;overflow:auto}}

/* The sound scope replaces the old instruction block in the listening edition. */
.interaction-hint{display:none}