:root{color-scheme:light;--paper:#f6f6f0;--ink:#1a2623;--secondary:#495953;--line:#d4ddd3;--accent:#166954;--chip:#e3eee6;--glass:#ffffffa8;--shadow:#17382926}:root[data-theme=dark]{color-scheme:dark;--paper:#121a18;--ink:#f0f5ee;--secondary:#b8c9be;--line:#374943;--accent:#a3dec6;--chip:#243c33;--glass:#ffffff08;--shadow:#0006}body{color:var(--ink);background:var(--paper);margin:0;font:400 1rem/1.5 system-ui,sans-serif}.site{max-width:1370px;margin-inline:auto;padding-inline:clamp(15px,4vw,64px)}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:64px;display:flex}.wordmark{color:inherit;font-size:.96rem;font-weight:680;text-decoration:none}.intro{padding-block:clamp(25px,3.7vw,52px) clamp(22px,2.7vw,37px)}.intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.45rem,5.4vw,5.2rem);font-weight:680;line-height:.99}.intro p{max-width:37ch;color:var(--secondary);margin:12px 0 0;font-size:clamp(1rem,1.42vw,1.2rem)}@media (width>=860px){.intro{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:end;gap:24px;display:grid}.intro p{margin:0 0 3px}}.showcase{border:1px solid var(--line);background:var(--glass);box-shadow:0 18px 50px -34px var(--shadow);border-radius:clamp(16px,2vw,30px);padding:clamp(8px,1.6vw,23px)}.showcase-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:3px 3px 13px;display:flex}.showcase-toolbar p,.credits{color:var(--secondary);margin:0;font-size:.83rem}.theme-switch,.device-switch button{min-block-size:40px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:100px;padding:0 12px;font:600 .8rem/1 system-ui,sans-serif}.theme-switch,.device-switch{border:1px solid var(--line);background:var(--glass);border-radius:100px}.theme-switch[aria-pressed=true],.device-switch button[aria-pressed=true]{background:var(--chip);color:var(--accent)}.site :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.player-shell{max-width:100%;box-shadow:0 14px 30px -20px var(--shadow);border-radius:clamp(10px,1.4vw,20px);margin-inline:auto;overflow:clip}.player-shell[data-width=tablet]{max-width:780px}.player-shell[data-width=phone]{max-width:390px}.player-shell :is(media-i18n,video-player){display:block}.credits{padding:13px 3px 2px}.credits a{color:var(--accent)}.details{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px 30px;padding-block:24px 52px;display:grid}.details p{color:var(--secondary);margin:0;font-size:.94rem}.details strong{color:var(--ink);display:block}
