:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#091f24;color:#e7ecdf}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:28px}a{color:#c7dca1;text-underline-offset:4px}.top{display:flex;justify-content:space-between;gap:20px}header{padding:30px 0 22px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#bdd3a8}h1{font:clamp(30px,4vw,54px) Georgia,serif;margin:10px 0}header p{color:#c3d3c9;line-height:1.6}canvas{width:100%;height:auto;display:block;border:1px solid #38564a}.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:20px}button,select{border:1px solid #557362;border-radius:5px;background:#173c33;color:#edf2e6;font:inherit;padding:11px 14px;cursor:pointer}button:hover{background:#285343}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d4e7a8;outline-offset:3px}#play{background:#c7dca1;color:#102e29;min-width:130px}#seek{flex:1;min-width:170px;accent-color:#c7dca1}#status,.quiet{color:#a8c1b4;font-size:14px;line-height:1.6}.details{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:50px;padding:25px 0}.details p{line-height:1.75}#reading{font:19px/1.8 Georgia,serif}#reading .speaking{color:#eef4df;border-left:2px solid #c7dca1;padding-left:16px}#point-select{width:100%;margin-top:10px}h2{font:28px/1.3 Georgia,serif}li{margin:12px 0}footer{border-top:1px solid #38564a;padding:24px 0;font-size:14px;color:#a8c1b4}[hidden]{display:none!important}#record-download{display:block;margin-top:15px}body.exporting #film{position:fixed;top:0;left:0;width:min(100vw,177.77vh);z-index:2}body.exporting #status{position:fixed;bottom:0;left:0;z-index:3;background:#091f24;padding:12px;margin:0}body.exporting main{pointer-events:none}@media(max-width:700px){main{padding:16px}.details{grid-template-columns:1fr;gap:15px}.controls{gap:9px}button{font-size:14px}header{padding-top:20px}}@media print{body,main{background:white;color:black;padding:0}.top,header,canvas,.controls,#status,.details>div:first-child,button,footer{display:none}.details{display:block}#reading{color:black;font:12pt/1.6 Georgia}#reading .speaking{color:black;border:0;padding:0}details{display:block}details>*{display:block}a{color:black}h2:before{content:'Rest Journey · Olympic National Park\A';white-space:pre;font:12pt Arial}#reading p{break-inside:avoid}}