:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
body{padding-bottom:168px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--open);outline-offset:3px}
.narrator{position:fixed;z-index:50;left:0;right:0;bottom:0;padding:10px max(12px,env(safe-area-inset-left)) calc(10px + var(--safe-bottom));background:rgba(10,10,10,.96);border-top:1px solid #353535;box-shadow:0 -12px 40px #0009;backdrop-filter:blur(18px)}
.narrator-top{max-width:1180px;margin:auto;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px}
.narrator .play{width:46px;height:46px;padding:0;border-radius:50%;background:var(--open);border:0;color:#07120b;font-size:18px}
.now{min-width:0;display:flex;flex-direction:column}.now small{font:700 9px ui-monospace,monospace;color:var(--open);letter-spacing:.1em}.now strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
#autoScrollToggle{font-size:11px;padding:8px 10px}.chapter-strip{max-width:1180px;margin:9px auto 0;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.chapter-strip button{flex:0 0 auto;padding:7px 10px;font-size:11px}.chapter-strip button.active{background:#f3f0e8;color:#090909}
.share-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}.share-tile{position:relative;min-height:260px;padding:24px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 95% 0,var(--glow),transparent 42%),var(--panel);display:flex;flex-direction:column;justify-content:space-between}.share-tile .index{font:900 13px ui-monospace,monospace;color:var(--accent)}.share-tile blockquote{margin:22px 0;font-size:clamp(24px,7vw,38px);line-height:1.05;letter-spacing:-.035em;font-weight:850}.share-actions{display:flex;gap:7px;flex-wrap:wrap}.share-actions a,.share-actions button{font:800 11px ui-monospace,monospace;text-decoration:none;border:1px solid #3b3b3b;background:#111;color:#eee;padding:9px 11px;border-radius:999px;cursor:pointer}.share-actions a:hover,.share-actions button:hover{border-color:var(--accent)}
section.narrating{box-shadow:inset 4px 0 0 var(--open)}
@media(min-width:700px){body{padding-bottom:126px}.share-grid{grid-template-columns:1fr 1fr}.share-tile{min-height:300px}.narrator{padding-top:12px}.chapter-strip{margin-top:8px}}
@media(max-width:520px){.hero{min-height:82svh;padding-top:54px}h1{font-size:12vw}.wrap{width:min(var(--max),calc(100% - 24px))}.narrator-top{grid-template-columns:44px 1fr}.narrator .play{width:44px;height:44px}#autoScrollToggle{grid-column:1/-1;padding:5px}.share-tile{min-height:230px}}
@media(prefers-reduced-motion:reduce){section.narrating{scroll-margin-top:70px}}