html{scroll-behavior:smooth;scroll-padding-top:18px}body{padding-bottom:24px}button,select,input{font:inherit}.narrator{margin:18px 0 14px;padding:12px;border:1px solid #3b4653;border-radius:17px;background:linear-gradient(145deg,#171c23,#10141a);box-shadow:0 16px 44px rgba(0,0,0,.22)}.narrator-controls{display:grid;grid-template-columns:38px 44px 38px 1fr;align-items:center;gap:8px}.transport,.player-play{border:1px solid #3b4653;background:#0b0d10;color:#f4f1ea;border-radius:50%;width:38px;height:38px;cursor:pointer;font-weight:900}.player-play{width:44px;height:44px;background:#ffd15a;color:#17130a;border-color:#ffd15a}.transport:disabled{opacity:.3}.player-main{min-width:0}.now{display:flex;justify-content:space-between;gap:12px;font-size:.76rem;font-weight:800}.now span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now span:last-child{color:#aab3bf;white-space:nowrap}#seek{width:100%;accent-color:#ffd15a}.player-row{display:flex;align-items:center;gap:10px;margin-top:4px}.player-row select{min-width:0;max-width:260px;background:#0b0d10;color:#f4f1ea;border:1px solid #3b4653;border-radius:8px;padding:5px}.player-row label{font-size:.7rem;color:#cbd2db;white-space:nowrap}.voices{margin:8px 0 0;text-align:right;color:#8894a1;font-size:.68rem}.narrated{outline:2px solid rgba(255,209,90,.55);outline-offset:6px;box-shadow:0 0 30px rgba(255,209,90,.08)}.share-section{margin-top:28px;padding-top:24px;border-top:1px solid #2a3440}.share-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.share-heading h2{font-size:clamp(1.8rem,7vw,3rem);line-height:1;margin:.22em 0}.share-heading p{color:#aab3bf;margin:0;max-width:52ch}.share-site{flex:none;border:0;background:#ffd15a;color:#17130a;border-radius:999px;padding:11px 14px;font-weight:900;cursor:pointer}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.share-card{position:relative;overflow:hidden;min-height:230px;border-radius:16px;border:1px solid #2a3440;background:#12161c}.share-card img{width:100%;aspect-ratio:1.91/1;display:block;object-fit:cover}.share-card-body{padding:11px}.share-card h3{font-size:.96rem;line-height:1.18;margin:0 0 6px}.share-card p{font-size:.75rem;color:#aab3bf;line-height:1.35;margin:0 0 10px}.share-actions{display:flex;gap:7px}.share-actions button,.share-actions a{flex:1;border:1px solid #3b4653;background:#171c23;color:#f4f1ea;border-radius:9px;padding:8px;text-align:center;text-decoration:none;font-size:.72rem;font-weight:800;cursor:pointer}.share-status{min-height:1.4em;color:#78e1a5;font-size:.76rem}footer{margin-top:22px;padding-top:16px;border-top:1px solid #2a3440;display:flex;justify-content:space-between;color:#8894a1;font-size:.75rem}footer a{color:#78d8ff}@media(max-width:620px){.narrator-controls{grid-template-columns:34px 42px 34px;align-items:start}.player-main{grid-column:1/-1}.transport{width:34px;height:34px}.player-play{width:42px;height:42px}.player-row{display:grid;grid-template-columns:1fr auto}.player-row select:first-child{max-width:none}.player-row select:last-child{grid-column:2}.share-heading{display:block}.share-site{margin-top:12px;width:100%;min-height:46px}.share-grid{grid-template-columns:1fr}.share-card{min-height:0}.share-actions button,.share-actions a{min-height:42px;display:grid;place-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.share-card img{height:auto;aspect-ratio:1200/630;object-fit:contain}