.miles-film{--mf-paper:#f3f0e8;--mf-ink:#1c2236;--mf-muted:#6b6a66;--mf-rule:#d8d2c4;--mf-red:#b5242c;background:var(--mf-paper);color:var(--mf-ink);font-family:"Avenir Next","Noto Sans SC","PingFang SC",sans-serif;isolation:isolate}
.miles-film__stage{position:relative;height:calc(100svh - 82px);min-height:600px;overflow:hidden;background:var(--mf-paper)}
#miles-film-canvas{display:block;width:100%;height:100%;cursor:pointer;touch-action:pan-y}
.miles-film__masthead{position:absolute;z-index:2;inset:22px 30px auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--mf-muted);pointer-events:none}
.miles-film__masthead a{pointer-events:auto;text-decoration:none;color:inherit;letter-spacing:.06em;font-size:12px;display:flex;gap:20px;align-items:center}
.miles-film__masthead a:hover{color:var(--mf-red)}
.miles-film__preparing{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.12em;padding:11px 16px;border:1px solid var(--mf-rule);background:rgba(243,240,232,.94);z-index:4;transition:opacity .4s}
.miles-film__preparing[hidden]{display:none}
.miles-film__transport{position:absolute;z-index:5;inset:auto 0 0;padding:42px 30px 22px;display:grid;grid-template-columns:auto auto minmax(60px,1fr) auto auto;gap:12px;align-items:center;background:linear-gradient(to top,rgba(243,240,232,.97) 35%,rgba(243,240,232,0));transition:opacity .45s}
.miles-film__transport button{border:1px solid var(--mf-rule);background:rgba(255,255,255,.58);color:var(--mf-ink);padding:12px 14px;min-height:42px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.06em;cursor:pointer;display:flex;gap:10px;align-items:center;white-space:nowrap;transition:border-color .2s,background .2s}
.miles-film__transport button:hover{background:#fff;border-color:var(--mf-ink)}
.miles-film__transport .miles-film__play{min-width:110px}
.miles-film__play-icon{font-size:10px;min-width:11px}
.miles-film__track{height:32px;position:relative;display:grid;align-items:center;min-width:0}
.miles-film__track input{width:100%;accent-color:var(--mf-red);margin:0;cursor:ew-resize;height:26px;background:transparent}
.miles-film__ticks{position:absolute;inset:0 8px;pointer-events:none}
.miles-film__ticks span{position:absolute;top:0;width:1px;height:5px;background:var(--mf-muted);opacity:.45}
.miles-film__position{font-family:"Bodoni 72",Didot,Georgia,"Songti SC",serif;font-style:italic;font-size:16px;color:var(--mf-muted);min-width:98px;text-align:right;white-space:nowrap}
.miles-film__hint{position:absolute;left:30px;bottom:96px;font-size:10px;letter-spacing:.1em;color:var(--mf-muted);pointer-events:none;opacity:.76;transition:opacity .4s}
.miles-film.is-playing .miles-film__hint,.miles-film.has-chapter .miles-film__hint{opacity:0}
.miles-film__current{position:absolute;z-index:3;left:32px;bottom:98px;width:min(400px,calc(100% - 64px));background:rgba(243,240,232,.94);border:1px solid var(--mf-rule);padding:17px 20px;color:var(--mf-ink);text-decoration:none;box-shadow:0 8px 24px #1c223608;backdrop-filter:blur(12px);transition:opacity .3s,transform .3s,border-color .2s}
.miles-film__current[hidden]{display:none}
.miles-film__current:hover{border-color:var(--mf-ink);transform:translateY(-2px)}
.miles-film__current-meta{display:block;font-size:10px;color:var(--mf-muted);letter-spacing:.08em;margin-bottom:8px}
.miles-film__current-title{display:block;font-size:18px;line-height:1.6;font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-weight:600}
.miles-film__current-action{display:flex;justify-content:space-between;align-items:center;margin-top:11px;font-size:10px;letter-spacing:.06em;color:var(--mf-red)}
.miles-film.is-playing .miles-film__current{opacity:0;pointer-events:none;transform:translateY(5px)}
.miles-film button:focus-visible,.miles-film a:focus-visible,.miles-film input:focus-visible,.miles-library button:focus-visible,.miles-library a:focus-visible,.miles-library input:focus-visible{outline:2px solid #b5242c;outline-offset:4px}
.miles-film__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}
.miles-library{--ml-paper:#f3f0e8;--ml-ink:#1c2236;--ml-rule:#d8d2c4;padding:110px clamp(22px,5vw,90px) 120px;background:var(--ml-paper);color:var(--ml-ink)}
.miles-library__heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:42px;border-bottom:1px solid var(--ml-rule);gap:32px}
.miles-library__eyebrow{font-family:"Avenir Next","PingFang SC",sans-serif;font-size:10px;letter-spacing:.18em;color:#8a3f36;font-weight:600}
.miles-library__heading h1{font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-size:clamp(30px,3.4vw,56px);font-weight:500;line-height:1.5;letter-spacing:.01em;margin:18px 0 0}
.miles-library__heading p{font-size:13px;line-height:2.2;max-width:400px;color:#6b6a66;margin:0 0 4px}
.miles-library__tools{display:flex;justify-content:space-between;align-items:center;padding:28px 0 38px;gap:16px}
.miles-library__search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ml-rule);width:min(330px,80%);padding:9px 0}
.miles-library__search>span:first-child{font-size:23px;line-height:1;color:#6b6a66}
.miles-library__search input{font:13px/1.4 "Avenir Next","PingFang SC",sans-serif;letter-spacing:.02em;border:0;color:var(--ml-ink);background:transparent;width:100%;outline:0}
.miles-library__search input::placeholder{color:#8a8982}
.miles-library__count{font-size:11px;letter-spacing:.08em;color:#6b6a66;white-space:nowrap}
.miles-library__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 30px}
.miles-library__item{min-width:0;position:relative}
.miles-library__item[hidden]{display:none}
.miles-library__card{display:block;color:inherit;text-decoration:none}
.miles-library__card figure{position:relative;background:#e7e2d6;overflow:hidden;margin:0;aspect-ratio:1.58;border:1px solid var(--ml-rule)}
.miles-library__card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.1,1),filter .4s;filter:saturate(.88)}
.miles-library__card:hover img{transform:scale(1.045);filter:saturate(1)}
.miles-library__number{position:absolute;left:12px;top:12px;padding:5px 7px;background:var(--ml-paper);font:10px/1 "Courier New",monospace;letter-spacing:.05em}
.miles-library__meta{display:flex;justify-content:space-between;gap:12px;color:#6b6a66;font-size:9px;letter-spacing:.06em;margin-top:18px}
.miles-library__card h2{font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-size:22px;font-weight:600;line-height:1.55;margin:11px 0 10px;letter-spacing:.015em}
.miles-library__card p{font-size:12px;color:#6b6a66;line-height:1.85;margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.miles-library__read{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.05em;color:#8a3f36;border-top:1px solid var(--ml-rule);padding-top:13px}
.miles-library__preview{border:0;background:transparent;padding:12px 0 0;font-family:inherit;font-size:10px;color:#8a8982;cursor:pointer;letter-spacing:.04em;display:flex;gap:14px}
.miles-library__preview:hover{color:#b5242c}
.miles-library__empty{color:#6b6a66;padding:28px 0;font-size:13px}
@media(min-width:1800px){.miles-library__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.miles-film__stage{height:calc(100svh - 74px);min-height:550px}.miles-library__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.miles-film__current{width:310px}.miles-library{padding-top:70px}}
@media(max-width:620px){.miles-film__stage{height:calc(100svh - 66px);min-height:540px}.miles-film__masthead{inset:19px 20px auto;font-size:8px;letter-spacing:.14em}.miles-film__masthead a{font-size:10px;gap:8px}.miles-film__transport{padding:40px 16px 20px;grid-template-columns:auto auto minmax(50px,1fr) auto;gap:8px}.miles-film__transport button{padding:11px 10px;font-size:10px;min-height:39px;gap:6px}.miles-film__transport .miles-film__play{min-width:90px}.miles-film__position{display:none}.miles-film__sound-label{display:none}.miles-film__sound{min-width:37px;justify-content:center}.miles-film__hint{left:20px;bottom:86px;font-size:9px;letter-spacing:.035em}.miles-film__current{left:20px;bottom:92px;width:calc(100% - 40px);padding:13px 16px}.miles-film__current-title{font-size:16px}.miles-film__current-action{margin-top:8px}.miles-library{padding:55px 20px 80px}.miles-library__heading{display:block;padding-bottom:25px}.miles-library__heading h1{font-size:31px;margin-top:13px}.miles-library__heading p{font-size:12px;margin-top:24px}.miles-library__tools{padding:19px 0 28px}.miles-library__grid{grid-template-columns:1fr;gap:36px}.miles-library__card h2{font-size:23px}.miles-library__meta{font-size:10px}.miles-library__card p{font-size:13px}.miles-library__card figure{aspect-ratio:1.8}}
@media(prefers-reduced-motion:reduce){.miles-film *, .miles-library *{transition:none!important;scroll-behavior:auto!important}}
.miles-film__masthead>div{display:flex;align-items:center;gap:24px;pointer-events:auto}.miles-film__download{padding:0;background:none;border:0;color:inherit;font:inherit;font-size:11px;letter-spacing:.03em;cursor:pointer;display:flex;gap:8px}.miles-film__download:hover{color:#b5242c}.miles-library__filters{display:flex;gap:10px;flex-wrap:wrap;margin:-4px 0 16px}.miles-library__filters button{background:transparent;border:1px solid #d8d2c4;border-radius:0;font:11px/1.3 "Avenir Next","PingFang SC",sans-serif;padding:9px 13px;color:#6b6a66;cursor:pointer;letter-spacing:.025em}.miles-library__filters button span{margin-left:9px;font-family:"Courier New",monospace;opacity:.7}.miles-library__filters button[aria-pressed=true]{background:#1c2236;border-color:#1c2236;color:#f3f0e8}.miles-library__group-heading{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;padding:31px 0 20px;margin-bottom:-30px;border-bottom:1px solid #d8d2c4;gap:10px}.miles-library__group-heading>span{grid-column:1/-1;font:9px/1.4 "Courier New",monospace;color:#8a8174;letter-spacing:.1em}.miles-library__group-heading h2{font:500 29px/1.4 "Songti SC",Georgia,serif;margin:0}.miles-library__group-heading p{font-size:11px;color:#8a8174;margin:0 0 4px}.miles-library__group-heading[hidden]{display:none}.miles-library__card figure{aspect-ratio:1.2}.miles-library__card img{object-fit:cover;filter:none}.miles-library__card h3{font-family:"Songti SC","Noto Serif SC",Georgia,serif;font-size:22px;font-weight:600;line-height:1.55;margin:11px 0 10px;letter-spacing:.015em}.miles-library__card:hover img{filter:none}@media(max-width:620px){.miles-film__masthead>div{gap:14px}.miles-film__download{font-size:9px;gap:4px}.miles-library__filters{gap:7px}.miles-library__filters button{font-size:10px;padding:8px 9px}.miles-library__group-heading{margin-bottom:-14px;padding-top:23px}.miles-library__group-heading h2{font-size:26px}.miles-library__card figure{aspect-ratio:1.15}}
.miles-film__download[aria-disabled=true]{opacity:.5;cursor:progress}.miles-film__download{text-decoration:none;white-space:nowrap}