[hidden]{display:none!important}
.mobile-story-hint{display:none}
@media(max-width:640px){
 .mobile-story-hint{display:block;font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.5}
 body.viewing-story{overflow:hidden}
 body.viewing-story>header,body.viewing-story>footer{display:none}
 .story-viewer{position:fixed;inset:0;height:100dvh;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;z-index:10}
 .story-top{flex:none;display:flex;justify-content:space-between;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 22px 8px;border-bottom:1px solid var(--border);font:11px monospace;letter-spacing:.04em;min-height:60px}
 .story-close{display:flex;align-items:center;gap:12px;min-height:44px;font:14px Arial,sans-serif}.story-close span{font-size:26px}
 .story-stage{flex:1;min-height:0;position:relative;overflow:hidden}
 .story-cover{height:100%;display:flex;flex-direction:column;gap:12px;padding:0 24px;touch-action:none}
 .story-progress{height:3px;background:var(--border);flex:none}.story-progress span{height:100%;display:block;background:var(--chapter)}
 .story-chapter{font-size:10px;line-height:1.4;letter-spacing:.06em;color:var(--chapter);margin:2px 0;flex:none}
 .story-art{flex:1;min-height:65px;display:flex;align-items:center;justify-content:center;overflow:hidden}.story-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 10px #0002)}
 .story-caption{flex:none;padding-top:5px}.story-caption>p:first-child{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin:0 0 8px}.story-caption>p:first-child span{font:12px monospace;color:var(--muted)}
 .story-caption h1{font-size:clamp(27px,8vw,40px);line-height:1.03;font-weight:400;letter-spacing:-.05em;margin:0 0 10px;overflow-wrap:anywhere}.story-caption .story-hook{font-size:12px;line-height:1.4;color:var(--muted);margin:0}
 .story-details{flex:none;border:0;background:none;padding:8px 0 12px;min-height:64px;color:var(--ink);font-size:14px;cursor:pointer}.story-handle{display:block;background:var(--chapter);width:30px;height:3px;border-radius:4px;margin:0 auto 8px}.story-details small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}
 .story-nav{display:flex;justify-content:space-between;gap:20px;flex:none;border-top:1px solid var(--border);padding:8px 22px calc(8px + env(safe-area-inset-bottom));width:100%}.story-nav button{font-size:12px;min-height:44px;background:none;border:0;color:var(--ink);padding:6px 0;cursor:pointer}.story-nav button:disabled{opacity:.35;cursor:default}
 #story-reading{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);z-index:2;animation:story-sheet-in .26s ease-out}.story-back{position:sticky;top:0;z-index:3;width:100%;min-height:48px;background:var(--bg);border:0;border-bottom:1px solid var(--border);font-size:13px;color:var(--chapter);cursor:pointer}
 #story-reading .album{padding:24px 24px 40px}#story-reading .breadcrumb,#story-reading .album-hero>div:first-child,#story-reading .chrono{display:none}#story-reading .album-hero{display:block}#story-reading .album-copy{padding-top:0}#story-reading .album-copy h1{font-size:38px}#story-reading .album-copy .artist{font-size:18px;margin-top:18px}#story-reading .connections{margin-top:35px}#story-reading .connections-heading{display:block}#story-reading .connection-grid{grid-template-columns:1fr}
 .details-open .story-cover{visibility:hidden}
 @keyframes story-sheet-in{from{transform:translateY(35%);opacity:.4}to{transform:translateY(0);opacity:1}}
}
@media(max-width:640px) and (max-height:620px){.story-cover{gap:6px;padding:0 18px}.story-caption h1{font-size:25px;margin-bottom:5px}.story-caption>p:first-child{font-size:12px;margin-bottom:5px}.story-caption .story-hook{font-size:11px}.story-details{min-height:48px;padding:4px 0}.story-handle{margin-bottom:4px}.story-top{min-height:44px;padding-top:0;padding-bottom:0}.story-nav{padding-top:0;padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){#story-reading{animation:none}}