.meteor-chapter{max-width:916px;margin:0 auto;padding:42px 48px 110px;text-align:center;transition:opacity .6s ease}
.meteor-viewing .meteor-chapter{opacity:0}
.meteor-open{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:0;background:#101715;aspect-ratio:916/536;color:#f5f0e5}
.meteor-open>img{height:100%;object-fit:contain;transition:opacity .4s ease}
.meteor-open:hover>img{opacity:.88}
.meteor-cover-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid #f5f0e56b;border-radius:50%;background:#181f1c42}
.meteor-cover-play svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.1;margin-left:2px}
.meteor-cover-caption{position:absolute;bottom:26px;left:0;right:0;font-size:12px;letter-spacing:.16em;color:#e7e4d5}
.meteor-quote{display:grid;gap:11px;margin-top:44px;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:clamp(20px,2vw,28px);font-weight:400;line-height:1.65;letter-spacing:.12em}
.meteor-birthday{margin-top:32px;font-size:13px;font-weight:400;letter-spacing:.13em;color:var(--muted)}
.meteor-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:56px 24px 28px;overflow:auto;background:transparent;color:#f5f0e5;opacity:0;transition:opacity .6s ease;overscroll-behavior:contain}
.meteor-dialog[open]{display:flex;align-items:center;justify-content:center}
.meteor-dialog::backdrop{background:#1d232100;backdrop-filter:none;transition:background-color .6s ease,backdrop-filter .6s ease}
.meteor-dialog.is-visible{opacity:1}
.meteor-dialog.is-visible::backdrop{background:#1d2321b8;backdrop-filter:blur(3px)}
.meteor-view{position:relative;width:min(916px,100%);margin:auto;text-align:center;flex-shrink:0}
.meteor-close{position:absolute;right:-10px;top:-50px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#f5f0e5}
.meteor-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round}
.meteor-video{display:block;width:100%;height:auto;max-height:57dvh;aspect-ratio:916/536;object-fit:contain;background:#080e0c}
.meteor-view-quote{margin-top:30px;font-size:clamp(19px,2vw,27px);gap:7px;color:#f5f0e5}
.meteor-toggle{min-width:88px;min-height:44px;margin-top:20px;padding:8px 14px;border:0;background:transparent;color:#e2ddcd;font-size:12px;letter-spacing:.08em;text-decoration:underline;text-decoration-color:#d9d2c45c;text-underline-offset:7px}
.meteor-toggle:disabled{opacity:.6;text-decoration:none}
.meteor-dialog button:focus-visible{outline-color:#e4d8c3}
.meteor-status{max-width:360px;min-height:20px;margin:4px auto 0;font-size:12px;line-height:1.6;color:#e5d8c5}
@media(max-width:760px){.meteor-chapter{padding:24px 24px 80px}.meteor-cover-play{width:50px;height:50px}.meteor-cover-caption{bottom:20px;font-size:11px}.meteor-quote{font-size:20px;letter-spacing:.055em;margin-top:34px;gap:10px}.meteor-birthday{margin-top:25px;font-size:12px}.meteor-dialog{padding:60px 18px 24px}.meteor-view-quote{margin-top:30px;font-size:19px;letter-spacing:.035em;gap:9px}.meteor-toggle{margin-top:18px}.meteor-close{right:-5px;top:-50px}}
@media(prefers-reduced-motion:reduce){.meteor-dialog,.meteor-dialog::backdrop,.meteor-open>img,.meteor-chapter{transition:none!important}}