:root{color-scheme:dark;font-family:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;color:#fbefda;background:#453f37}
.scene-picker{display:flex;gap:28px;align-items:center}.scene-picker button{position:relative;border:0;background:none;color:inherit;padding:10px 0;font-size:11px;letter-spacing:2px;cursor:pointer;opacity:.55;transition:opacity .3s}.scene-picker button span{font:8px system-ui,sans-serif;letter-spacing:1px;margin-right:8px;opacity:.6}.scene-picker button:hover,.scene-picker button[aria-pressed=true]{opacity:1}.scene-picker button:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s}.scene-picker button[aria-pressed=true]:after{transform:scaleX(1)}.scene-picker button:focus-visible{outline:2px solid #eddbb7;outline-offset:4px}.chapter b{font-weight:400}.coordinates #scene-location{margin-left:0;font-size:10px;opacity:1}.coordinates .quiet-note{margin-left:24px}.tools .music-credit{width:auto;border:0;background:none;backdrop-filter:none;border-radius:0;font-size:10px;letter-spacing:1px;margin-right:10px;opacity:.75}.tools .music-credit span{font-size:9px;opacity:.6}.tools .music-credit:hover{background:none;opacity:1}#music-credits{position:fixed;width:min(430px,calc(100vw - 40px));background:#293e37f5;color:#efe5cc;border:1px solid #d4c39c38;border-radius:4px;padding:35px;box-shadow:0 20px 80px #0005}#music-credits::backdrop{background:#10221c88;backdrop-filter:blur(6px)}#music-credits h2{font-size:22px;letter-spacing:4px;font-weight:400;margin:16px 0 22px}#music-credits p{font-size:11px;line-height:2.2;letter-spacing:1px;opacity:.75}#music-credits .credits-eyebrow{font:8px system-ui,sans-serif;letter-spacing:2px;opacity:.45}#music-credits a{color:#e7d6ab;text-underline-offset:4px}#credits-close{position:absolute;right:14px;top:10px;border:0;background:none;color:inherit;font-size:24px;cursor:pointer}body[data-scene=night] .vignette{background:linear-gradient(180deg,#0d162820,transparent 30%,transparent 55%,#07131960)}body[data-scene=sea] .vignette{background:linear-gradient(180deg,#264b4720,transparent 35%,transparent 60%,#4b423450)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#landscape{position:relative;width:100%;height:100%;height:100svh;overflow:hidden;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;background:linear-gradient(#687b7a,#d9ae84 45%,#5b6350 75%,#253a2d)}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0a211b19,transparent 30%,transparent 60%,#0a1b1670),radial-gradient(ellipse at 60% 45%,transparent 30%,#1a21152b 100%)}.chrome{position:absolute;z-index:2;transition:opacity 1.8s ease,transform 1.8s ease;opacity:0;pointer-events:none}body.ready .chrome{opacity:1;pointer-events:auto}body.resting .chrome{opacity:0;pointer-events:none}body.resting .chrome:has(:focus-visible){opacity:1;pointer-events:auto}.masthead{top:max(36px,env(safe-area-inset-top));left:46px;right:46px;display:flex;align-items:center;justify-content:space-between}.signature{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:13px;letter-spacing:4px}.signature svg{width:37px;height:25px}.signature-separator{opacity:.45;padding:0 13px;font-size:11px}.edition{font-family:system-ui,sans-serif;font-size:8px;letter-spacing:3px;opacity:.7}.edition span{padding:0 9px}.caption{left:8%;bottom:17%;text-shadow:0 2px 25px #17251855}.chapter{font-size:10px;letter-spacing:4px;display:flex;align-items:center;gap:13px;margin:0 0 25px}.chapter>span{width:23px;height:1px;background:#ebd9b2;opacity:.75}.chapter i{font:8px system-ui,sans-serif;letter-spacing:2px;opacity:.5;padding-left:5px}h1{margin:0;font-size:clamp(34px,4.3vw,65px);line-height:1.6;letter-spacing:10px;font-weight:400}.verse{font-size:11px;line-height:2.4;letter-spacing:3px;margin:23px 0 0;opacity:.65}.footer{left:46px;right:46px;bottom:max(31px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center}.coordinates{font-size:10px;letter-spacing:2px;opacity:.6}.coordinates span{margin-left:24px;font-size:9px;opacity:.65}.tools{display:flex;gap:10px;align-items:center}.tools button{width:39px;height:39px;display:grid;place-items:center;color:#f4e7cf;background:#152a1b16;border:1px solid #e2d7bd38;border-radius:50%;cursor:pointer;backdrop-filter:blur(5px);transition:background .3s,border-color .3s,transform .3s}.tools button:hover{background:#eedcb71c;border-color:#e2d7bd80;transform:translateY(-2px)}.tools button:focus-visible,.signature:focus-visible{outline:2px solid #e7c896;outline-offset:5px}.tools svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.sound-waves,.play-icon{display:none}#sound[aria-pressed=true] .sound-waves,#motion[aria-pressed=true] .play-icon{display:block}#sound[aria-pressed=true] .sound-off,#motion[aria-pressed=true] .pause-icon{display:none}.arrival{position:absolute;inset:0;background:#313d32;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;z-index:5;transition:opacity 2s ease,visibility 2s;pointer-events:none}.arrival span{font-size:22px;letter-spacing:12px;padding-left:12px}.arrival i{font-size:10px;font-style:normal;letter-spacing:5px;opacity:.4}body.ready .arrival{opacity:0;visibility:hidden}#notice{position:absolute;left:50%;bottom:90px;transform:translateX(-50%);padding:10px 18px;font-size:11px;letter-spacing:2px;background:#213a2ddd;border:1px solid #eedab52b;border-radius:30px;z-index:6;opacity:0;transition:opacity .5s;pointer-events:none;white-space:nowrap}#notice.visible{opacity:1}@media(max-width:600px){.masthead{top:max(25px,env(safe-area-inset-top));left:24px;right:24px}.edition{font-size:7px;letter-spacing:1.3px}.signature{font-size:11px;letter-spacing:2px;gap:8px}.signature svg{width:28px}.signature-separator{padding:0 7px}.caption{left:9%;bottom:19%}h1{font-size:41px;letter-spacing:6px}.chapter{font-size:9px;letter-spacing:3px;gap:9px}.chapter i{font-size:7px}.verse{font-size:10px;letter-spacing:2px}.footer{left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom))}.coordinates{font-size:9px;letter-spacing:1px}.coordinates span{display:none}.tools{gap:8px}.tools button{width:35px;height:35px}}@media(prefers-reduced-motion:reduce){.chrome,.arrival{transition:opacity .3s}.tools button{transition:none}}
@media(max-width:700px){.masthead{align-items:flex-start}.scene-picker{position:absolute;top:43px;left:0;right:0;justify-content:space-between;gap:9px}.scene-picker button{font-size:10px;letter-spacing:1px}.scene-picker button span{font-size:7px;margin-right:4px}.tools .music-credit{position:absolute;right:0;bottom:50px;font-size:9px;margin-right:0}.coordinates #scene-location{display:inline;font-size:9px}.coordinates .quiet-note{display:none}.chapter{flex-wrap:wrap}body[data-scene=sea] .caption{bottom:25%}body[data-scene=sea] h1{font-size:35px}body[data-scene=sea] .verse{font-size:9px;letter-spacing:1px}}
body[data-scene=morning] .masthead,body[data-scene=sea] .masthead{color:#3f665a}body[data-scene=sea] .footer{color:#4e6352}body[data-scene=sea] .tools button{color:#4e6352;border-color:#596c5b55;background:#fcf5de25}body[data-scene=sea] .tools .music-credit{background:none}