:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#f4f2ee;--muted:#c8c5d2;--serif:"Instrument Serif", Georgia, serif;font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--text);background:#0c0d13;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:5px;outline:2px solid #c6bdff}button{touch-action:manipulation}.screening-room{isolation:isolate;background:#0c0d13;min-height:100svh;position:relative}.backdrops{z-index:-1;background:var(--scene-color);pointer-events:none;transition:background 1s;position:fixed;inset:0;overflow:hidden}.backdrop{opacity:0;background-position:50% 30%;background-size:cover;transition:opacity 1s,transform 1.6s;position:absolute;inset:0;transform:scale(1.03)}.backdrop.visible{opacity:.32;transform:scale(1)}.backdrops:after{content:"";background:linear-gradient(90deg,#090a10e6,#090a1052 70%),linear-gradient(#0000 15%,#0c0d13eb 73%,#0c0d13 98%);position:absolute;inset:0}.shell{grid-template-rows:auto minmax(130px,1fr) auto auto auto;gap:22px;max-width:1360px;min-height:100svh;margin:auto;padding:24px 48px 18px;display:grid}.masthead{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}h1{font:400 clamp(34px, 3.6vw, 48px)/1.1 var(--serif);letter-spacing:-.025em;margin:0}.sub{color:var(--muted);max-width:540px;margin:8px 0 0;font-size:15px;line-height:1.5}.powered-by-gradium{flex-shrink:0;align-items:center;gap:10px;margin-top:9px;text-decoration:none;transition:opacity .2s;display:inline-flex}.powered-by-gradium:hover{opacity:.8}.powered-by-gradium span{letter-spacing:.04em;color:#d4d0dd;font-size:14px;font-weight:700}.powered-by-gradium img{filter:brightness(1.7);width:auto;height:20px}.player{align-self:center;padding:12px 0}.scene-meta{color:#d7d4df;align-items:center;gap:10px;font-size:14px;display:flex}.scene-number{color:#bcb4cf;letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-right:9px;font-size:12px}.meta-dot{color:#8c8799}blockquote{font:400 clamp(30px, 3.4vw, 44px)/1.2 var(--serif);letter-spacing:-.01em;margin:14px 0 20px;animation:.45s both quote-in}@keyframes quote-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.playback{align-items:center;gap:16px;display:flex}.play-button{color:#211a32;background:#ece6fa;border:0;border-radius:50%;place-items:center;width:50px;height:50px;transition:background .2s,transform .2s;display:grid}.play-button:hover{background:#fff;transform:scale(1.05)}.play-button svg{width:22px;height:22px}.waveform{align-items:center;gap:3px;height:36px;display:flex}.waveform i{width:3px;height:calc(var(--bar-height) * 1.15);opacity:.45;background:#d4c8ef;border-radius:2px;display:block}.waveform.is-playing i{animation:.75s ease-in-out infinite wave;animation-delay:var(--delay);opacity:.9}@keyframes wave{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.playback-label{color:#eee9f7;font-size:13px}.playback-label span{color:var(--muted);margin-top:4px;display:block}.audio-error{color:#ffd0c6;font-size:12px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}h2{margin:0;font-size:14px;font-weight:500}.section-heading span{color:#beb8cb;font-size:12px}.scenes{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.scene{text-align:left;background:0 0;border:0;border-radius:7px;min-width:0;padding:0}.scene-art{aspect-ratio:16/10;background:var(--scene-color);border:1px solid #ffffff18;border-radius:6px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.scene-art:after{content:"";pointer-events:none;background:linear-gradient(#00000020,#0000 35%,#00000065);position:absolute;inset:0}.scene-art>img{object-fit:cover;filter:saturate(.7)brightness(.8);width:100%;height:100%;transition:transform .5s,filter .3s}.scene:hover .scene-art>img,.scene.on .scene-art>img{filter:saturate(.95)brightness()}.scene:hover .scene-art>img{transform:scale(1.06)}.scene.on .scene-art{border-color:#c8bced;box-shadow:0 0 0 2px #c8bced25}.tile-number{letter-spacing:.06em;z-index:1;color:#ffffffe0;text-shadow:0 1px 3px #000;font-size:11px;position:absolute;top:8px;left:9px}.tile-play{opacity:0;z-index:1;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.tile-play svg{filter:drop-shadow(0 2px 8px #000);width:28px;height:28px}.scene:hover .tile-play,.scene:focus-visible .tile-play{opacity:1}.selected-tag{letter-spacing:.03em;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#11101999;border:1px solid #ffffff30;border-radius:3px;padding:3px 7px;font-size:10px;position:absolute;bottom:8px;left:9px}.tile-caption{color:#dbd5e6;justify-content:space-between;align-items:baseline;gap:4px;padding-top:10px;font-size:14px;display:flex}.tile-caption>span:last-child{color:#bfb8cd;font-size:12px}.scene.on .tile-caption{color:#f6f3fa}.dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#15141cc9;border:1px solid #ffffff12;border-radius:9px;padding:7px 22px 14px}.control-row{align-items:baseline;gap:20px;padding:13px 0;display:flex}.control-row h2{color:#d0c9df;flex:0 0 76px}.language-row{border-bottom:1px solid #ffffff0d}.langs,.accents{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.langs button,.accents button{color:#d4cce2;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:9px 12px;font-size:14px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.langs button:hover,.accents button:hover{color:#fff;background:#ffffff08}.langs button[aria-pressed=true]{color:#251c36;background:#e5dff2}.accents button{padding:7px 10px;font-size:13px}.accents button[aria-pressed=true]{color:#e4d9fa;background:#b8a6fa13;border-color:#b8a6fa50}.accent-select{display:none}.flag{object-fit:cover;opacity:.9;border-radius:1px;width:18px;height:13px}.accents .flag{width:16px;height:12px}.caption{color:#bfb6d0;margin:0 0 0 96px;font-size:12px}.docs-link{color:#c8bddc;justify-self:center;padding:3px 0;font-size:13px;text-decoration:none}.docs-link span{margin-left:6px}.docs-link:hover{color:#eee7fc}@media (width<=900px){.shell{gap:18px;padding:22px 28px 16px}.scenes{gap:14px 12px}.tile-caption{flex-direction:column;gap:3px}.scene-art{aspect-ratio:16/9}.backdrop{background-position:60% 0}.powered-by-gradium{gap:7px}.powered-by-gradium span{font-size:11px}.powered-by-gradium img{height:16px}}@media (width<=720px){.scenes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=561px) and (width<=720px) and (height<=720px){.scene-art{aspect-ratio:2.35}}@media (width<=560px){.shell{grid-template-rows:auto minmax(120px,1fr) auto auto auto;gap:18px;padding:20px 20px 14px}.masthead{gap:12px}.sub{max-width:245px;margin-top:6px;font-size:13px}.powered-by-gradium{flex-direction:column;align-items:flex-end;gap:5px;margin-top:5px}.powered-by-gradium span{font-size:10px}.powered-by-gradium img{height:15px}.player{padding:4px 0}blockquote{margin:12px 0 16px;font-size:31px}.scene-meta{gap:7px;font-size:12px}.scene-number{margin-right:4px}.scenes{gap:12px 10px}.scene-art{aspect-ratio:4/3}.tile-caption{flex-direction:column;gap:2px;padding-top:6px;font-size:12px}.tile-caption>span:last-child{font-size:10px}.tile-number{font-size:10px;top:5px;left:6px}.selected-tag{padding:2px 4px;font-size:9px;bottom:5px;left:5px}.section-heading{margin-bottom:10px}.dock{padding:3px 12px 10px}.control-row{gap:8px;padding:9px 0}.control-row h2{flex-basis:52px;font-size:12px}.langs,.accents{gap:3px}.langs button{gap:5px;padding:6px;font-size:12px}.accents{display:none}.accent-select{color:#e4d9fa;min-width:0;font:inherit;cursor:pointer;background:#211d2b;border:1px solid #b8a6fa50;border-radius:5px;flex:1;padding:7px 8px;font-size:13px;display:block}.flag{width:13px;height:10px}.caption{margin-left:60px;font-size:10px;line-height:1.5}.docs-link{font-size:12px}}@media (height<=720px){.shell{grid-template-rows:auto minmax(105px,1fr) auto auto auto;gap:14px;padding-top:16px;padding-bottom:12px}.player{padding:0}blockquote{margin:10px 0 14px}}@media (width<=560px) and (height<=720px){.shell{gap:8px;padding:14px 16px 10px}h1{font-size:32px}.scene-art{aspect-ratio:2.2}.tile-caption{padding-top:4px}blockquote{font-size:28px}.dock{padding-top:1px;padding-bottom:8px}.control-row{padding:7px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=560px){.masthead{grid-template-columns:1fr auto;row-gap:0;display:grid}.intro{display:contents}.intro h1{grid-area:1/1}.intro .sub{grid-area:2/1/auto/-1;max-width:none}.powered-by-gradium{grid-area:1/2;margin-top:0}}@media (width<=360px) and (height<=720px){.shell{grid-template-rows:auto minmax(95px,1fr) auto auto auto;gap:8px}.scene-art{aspect-ratio:2.35}.language-row{display:block}.language-row h2{margin-bottom:5px}.langs button{padding:6px;font-size:9px}.langs .flag{display:none}.shell{gap:6px}.langs button{padding:6px 3px}}@media (width>=561px) and (width<=900px) and (height<=720px){.accents{display:none}.accent-select{color:#e4d9fa;min-width:0;font:inherit;cursor:pointer;background:#211d2b;border:1px solid #b8a6fa50;border-radius:5px;flex:1;padding:8px 10px;font-size:14px;display:block}}