:root{color-scheme:dark;--paper:#191c24;--ink:#eee4d2;--muted:#a6a6aa;--rule:#50515a;--accent:#eab88d;--serif:'Iowan Old Style',Baskerville,Georgia,serif;--body:'PingFang SC','Hiragino Sans GB','Noto Sans SC',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:13px/1.7 var(--body)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}a:hover,button:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px dotted var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{max-width:1600px;min-height:86px;margin:auto;padding:18px 4%;display:flex;align-items:center;gap:32px;border-bottom:1px dotted var(--rule)}.wordmark{display:flex;align-items:center;gap:9px;white-space:nowrap;font:21px/1 var(--serif);letter-spacing:.05em}.wordmark>span:not(.mark){color:var(--muted)}.mark{width:23px;height:23px;background:radial-gradient(circle,var(--ink) 1.25px,transparent 1.8px) 0 0/6px 6px;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.edition{font-size:9px;letter-spacing:.15em;color:var(--muted);line-height:1.8}.edition span{display:block;font-size:8px}.navigation{display:flex;align-items:center;gap:25px;margin-left:auto;white-space:nowrap;font-size:11px}.language-switch{display:flex;border:1px dotted var(--rule)}.language-switch button{padding:7px 10px;color:var(--muted);font-size:10px}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
main{max-width:1600px;margin:auto;padding:0 4%}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:56px 0 40px}.eyebrow,.micro,.canvas-head,.canvas-foot,.console-top,.scene-no,.afterword>span{font-size:9px;letter-spacing:.15em}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--accent)}.live-dot,.canvas-live i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%}h1{margin:0;font:400 clamp(42px,5.5vw,82px)/1.12 var(--serif);letter-spacing:-.045em}h1 em{font-weight:400;color:var(--accent)}.intro-note{max-width:315px;margin:0 0 5px;font:italic 16px/1.9 var(--serif);color:var(--muted)}
.workbench{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);border-block:1px dotted var(--rule)}.visual{display:flex;flex-direction:column;min-width:0;padding:17px 23px 16px 0;border-right:1px dotted var(--rule)}.canvas-head,.canvas-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.canvas-head b{color:var(--accent);font-weight:400}.canvas-live{display:flex;align-items:center;gap:8px}.canvas-live i{opacity:.4}.visual:has(+ .console #playSound[aria-pressed=true]) .canvas-live i{opacity:1;animation:beacon 1s ease-in-out infinite alternate}@keyframes beacon{to{opacity:.3}}#soundCanvas{display:block;width:100%;aspect-ratio:960/580;margin:auto 0;background:var(--paper)}.canvas-foot{padding-top:4px}.canvas-foot span:last-child{color:var(--accent)}
.visual-switch{margin-top:20px;padding-top:14px;border-top:1px dotted var(--rule)}.visual-switch>.micro{display:block;margin-bottom:9px}.visual-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));border-top:1px dotted var(--rule)}.visual-list button{display:flex;align-items:center;gap:9px;min-height:48px;padding:5px 9px;text-align:left;border-bottom:1px dotted var(--rule);font-size:12px;white-space:nowrap;transition:background .2s,color .2s}.visual-list button span{color:var(--muted);font-size:9px;letter-spacing:.12em}.visual-list button[aria-pressed=true]{color:var(--accent);background:rgba(234,184,141,.08);border-color:var(--accent)}.visual-switch p{min-height:20px;margin:11px 0 0;color:var(--muted);font:italic 12px/1.6 var(--serif)}
.console{position:relative;display:flex;flex-direction:column;padding:18px 0 22px 30px}#emberCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.console>*:not(#emberCanvas){position:relative;z-index:1}.console-top{display:flex;justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums}.micro{color:var(--muted)}.scene-info{min-height:245px;padding:42px 0 30px}.scene-symbol{font:32px/1 var(--serif);color:var(--accent)}.scene-info h2{margin:19px 0 4px;font:400 clamp(29px,3vw,45px)/1.2 var(--serif);letter-spacing:.05em}.scene-en{margin:0;font:italic 14px var(--serif);color:var(--accent)}.scene-info>p:last-child{max-width:27em;margin:20px 0 0;color:var(--muted);font-size:12px;line-height:1.85}.scene-label{margin:0 0 9px}.scene-list{border-top:1px dotted var(--rule)}.scene-list button{width:100%;min-height:59px;padding:0 4px 0 0;display:flex;align-items:center;gap:14px;text-align:left;border-bottom:1px dotted var(--rule);transition:background .2s,color .2s}.scene-list button[aria-pressed=true]{background:rgba(234,184,141,.06);color:var(--accent)}.scene-no{width:25px;color:var(--muted)}.scene-list small{margin-left:auto;color:var(--muted);font-size:10px}.scene-arrow{font-size:16px;color:var(--accent)}
.transport{display:flex;align-items:end;gap:18px;margin-top:28px}.primary{display:flex;align-items:center;justify-content:center;gap:11px;min-width:135px;min-height:48px;padding:0 17px;background:var(--accent);color:var(--paper);font-size:12px;white-space:nowrap}.primary:hover{background:var(--ink);color:var(--paper)}.primary span:first-child{font-size:16px}.progress{flex:1;min-width:0}.times{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.sliders{margin-top:23px}.sliders label{display:flex;gap:7px;align-items:center;font-size:12px}.sliders label span{color:var(--muted);font-size:9px;letter-spacing:.1em}.sliders output{margin-left:auto;color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.progress input,.sliders input{appearance:none;width:100%;height:30px;margin:0;background:transparent;cursor:pointer}.progress input::-webkit-slider-runnable-track,.sliders input::-webkit-slider-runnable-track{height:2px;background:var(--rule)}.progress input::-webkit-slider-thumb,.sliders input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--accent)}.progress input::-moz-range-track,.sliders input::-moz-range-track{height:2px;background:var(--rule)}.progress input::-moz-range-thumb,.sliders input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--accent)}.console-hint{min-height:2em;margin:17px 0 0;color:var(--muted);font:italic 12px/1.7 var(--serif)}.afterword{display:flex;align-items:center;gap:23px;padding:22px 0 48px;color:var(--muted)}.afterword p{margin:0;font:italic 13px var(--serif)}.afterword span:last-child{margin-left:auto;text-align:right}
@media(max-width:1050px){.workbench{grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr)}.console{padding-left:21px}.scene-info{min-height:205px}}@media(max-width:760px){.masthead{padding:16px 5%;gap:12px;flex-wrap:wrap}.edition{display:none}.navigation{gap:13px}.intro{display:block;padding:34px 0 27px}.intro-note{margin:16px 0 0;font-size:14px}.intro-note br{display:none}main{padding:0 5%}.workbench{display:block}.visual{border-right:0;border-bottom:1px dotted var(--rule);padding:14px 0}.console{padding:18px 0 24px}.scene-info{min-height:0;padding:12px 0 23px}.scene-info h2{margin:8px 0 2px}.scene-info>p:last-child{margin:10px 0 0}.scene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.transport{margin-top:22px}.afterword{flex-wrap:wrap;gap:8px 14px}.afterword span:last-child{margin-left:0;width:100%;text-align:left}}@media(max-width:490px){.wordmark{font-size:18px}.navigation{width:100%;justify-content:space-between;margin-left:0;font-size:10px}.intro{padding:29px 0 22px}.canvas-head,.canvas-foot{font-size:7px;letter-spacing:.07em}.scene-list button{gap:7px}.scene-list small{font-size:9px}#soundCanvas{aspect-ratio:960/580}.transport{gap:12px}.primary{min-width:110px;padding:0 9px}}@media(max-width:540px){.visual-list{grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}.visual-list button{gap:3px;padding-inline:2px;font-size:10.5px}.visual-list button span{font-size:8px;letter-spacing:.06em}.visual-switch p{min-height:2.8em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}