:root{color-scheme:light;--ink:#153634;--teal:#147e73;--muted:#647872;--paper:#f6f7f4;--deep:#0c302e;--line:#ced9d3;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--deep);color:var(--paper);-webkit-font-smoothing:antialiased}.review{width:min(1280px,calc(100% - 48px),calc((100svh - 210px) * 1.77778));margin:24px auto 44px}.review-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 17px}.review-head h1{font-size:17px;line-height:1.3;font-weight:500;margin:0}.review-head p{font-size:13px;line-height:1.4;margin:0;color:#b8cec5}.review-head .version{font-size:12px;letter-spacing:.04em;color:#a4beb5}.film{background:var(--paper);border-radius:18px;overflow:hidden;box-shadow:0 20px 65px #001f1d65;color:var(--ink);outline:none;min-width:0}.film:focus-visible{outline:3px solid #a8d6c3;outline-offset:6px}canvas{display:block;width:100%;height:auto;aspect-ratio:1280/720}.player{padding:15px 22px 17px;background:#fff;border-top:1px solid #e6ece7}.timeline{display:flex;align-items:center;gap:16px}.timeline input{width:100%;height:32px;accent-color:var(--teal);cursor:pointer;margin:0}.clock{font:12px/1.4 Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:76px;text-align:right}.controls{display:flex;align-items:center;gap:8px}.controls button{font:14px/1.2 Arial,Helvetica,sans-serif;min-height:44px;min-width:44px;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:8px;padding:10px 13px;cursor:pointer}.controls button:hover{background:#edf4ef}.controls #play{background:var(--deep);color:white;min-width:106px;display:inline-flex;justify-content:center;align-items:center;gap:9px}.controls #play:hover{background:var(--teal)}.controls #restart{color:var(--muted)}.controls #scene-label{font-size:12px;line-height:1.3;color:var(--muted);margin-left:auto;text-align:right}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #248f7d;outline-offset:3px}.footnote{font-size:12px;line-height:1.6;color:#b9ccc3;max-width:1050px;margin:16px 2px 20px}.details{border-top:1px solid #31544c;padding:0;margin-top:20px}.details summary{font-size:14px;color:#e3eee8;padding:18px 2px;cursor:pointer}.chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:2px 0 20px}.chapters button{font:13px/1.4 Arial,sans-serif;text-align:left;background:#143d36;color:#d6e8df;border:1px solid #2c564c;border-radius:9px;padding:12px;min-height:48px;cursor:pointer}.chapters button span{color:#a2c8b8;margin-right:8px}.chapters button[aria-current=step]{background:#235347;border-color:#a6cabc}.transcript{font-size:15px;line-height:1.65;color:#d3e1d8;max-width:880px;padding-bottom:6px}.transcript h2{font-size:16px;margin:18px 0 5px;color:#fff}.transcript p{margin:0 0 12px}.transcript ol{padding-left:23px}.transcript li{margin-bottom:12px}.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}.nojs{padding:30px;color:var(--ink);font-size:16px;line-height:1.5}html[data-capture] body{background:var(--paper)}html[data-capture] .review{margin:0;width:100%;max-width:none}html[data-capture] .review-head,html[data-capture] .player,html[data-capture] .footnote,html[data-capture] .details{display:none}html[data-capture] .film{border-radius:0;box-shadow:none}@media(max-width:700px){.review{width:calc(100% - 20px);margin:14px auto 22px}.review-head{margin:0 5px 12px;gap:12px}.review-head h1{font-size:14px}.review-head p{display:none}.review-head .version{font-size:11px;white-space:nowrap}.film{border-radius:12px}.player{padding:6px 10px 9px}.timeline{gap:8px}.timeline input{height:30px}.controls{gap:0}.controls button{font-size:13px;padding:10px;min-width:44px}.controls #play{min-width:89px}.controls #restart{font-size:12px}.controls #scene-label{max-width:108px;font-size:11px}.clock{font-size:11px;min-width:64px}.footnote{font-size:11px;margin:13px 5px 16px}.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.details{margin:14px 4px 0}.transcript{font-size:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

canvas{background:#f6f7f4 url("../video/journey-poster-desktop.webp") center/100% 100% no-repeat;}@media(max-width:699px){canvas{aspect-ratio:720/1180;background-image:url("../video/journey-poster-mobile.webp");}}

/* Website embed: controls stay visible; the parent page provides the heading and transcript. */
html[data-embed] body{background:#f6f7f4;overflow:hidden}
html[data-embed] .review{width:100%;max-width:none;margin:0}
html[data-embed] .review-head,html[data-embed] .footnote,html[data-embed] .details{display:none}
html[data-embed] .film{border-radius:0;box-shadow:none}
html[data-embed] .player{padding:10px 18px 12px}
@media(max-width:700px){html[data-embed] .player{padding:6px 8px 8px}html[data-embed] .controls #scene-label{max-width:110px}}