/* Shared story-room finish: quieter chrome, stronger reading hierarchy. */
:root{--story-shadow:0 20px 55px rgba(31,31,27,.14)}
body.shelf-page{background-image:radial-gradient(circle at 84% 10%,rgba(223,99,56,.08),transparent 24rem),linear-gradient(120deg,rgba(255,255,255,.18),transparent 40%)}
.novel-header{position:sticky;top:0;z-index:30;background:rgba(243,240,231,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.novel-brand span{transition:color .2s,transform .2s}.novel-brand:hover span{color:var(--orange);transform:translateY(-1px)}
.back-link{padding:9px 0}.back-link:focus-visible,.novel-brand:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.shelf-hero{min-height:min(560px,calc(100svh - 78px));padding:clamp(36px,6vw,80px) 0;background:radial-gradient(circle at 72% 48%,rgba(232,225,211,.8),transparent 34%),radial-gradient(circle at 30% 20%,rgba(223,99,56,.06),transparent 24rem)}
.shelf-hero:after{content:"";position:absolute;left:0;bottom:0;width:min(210px,35vw);height:4px;background:linear-gradient(90deg,var(--orange),transparent)}
.shelf-hero h1{text-wrap:balance}.shelf-count{padding:12px 16px;border:1px solid var(--line);background:rgba(248,245,237,.64);box-shadow:0 10px 28px rgba(31,31,27,.08)}
.book-grid{gap:clamp(28px,4vw,64px)}.book-cover{border-radius:18px;box-shadow:var(--story-shadow);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.book-cover:after{inset:8px;border-radius:11px}.book-cover:hover{transform:translateY(-10px) rotate(-.6deg);box-shadow:0 28px 56px rgba(31,31,27,.2)}.book-cover:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.cover-action{border-bottom-left-radius:12px}.book-info h3{transition:color .2s}.book-info h3 a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.book-meta{color:var(--muted)}
.resource-note{border-radius:14px;background:rgba(248,245,237,.46);padding-inline:22px}.novel-footer{position:relative}.novel-footer a{padding:6px 0}.novel-footer a:focus-visible{outline:3px solid #d8f24e;outline-offset:4px}
body.reader-page{background-image:radial-gradient(circle at 15% 8%,rgba(223,99,56,.06),transparent 20rem)}
.reader-header{box-shadow:0 5px 22px rgba(31,31,27,.04)}.reader-tools button,.drawer-head button{border-radius:999px;transition:background .2s,color .2s,border-color .2s,transform .2s}.reader-tools button:hover,.drawer-head button:hover{transform:translateY(-1px)}.reader-tools button:focus-visible,.drawer-head button:focus-visible,.chapter-nav button:focus-visible,.chapter-nav a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.reading-paper{border-radius:24px;box-shadow:var(--story-shadow)}.chapter-head h1{text-wrap:balance}.chapter-nav button,.chapter-nav a{border-radius:999px;transition:background .2s,color .2s,border-color .2s,transform .2s}.chapter-nav button:hover:not(:disabled),.chapter-nav a:hover{transform:translateY(-1px);background:var(--reader-paper)}
.chapter-drawer{border-top-right-radius:24px;border-bottom-right-radius:24px}.chapter-drawer nav button{border-radius:12px}
@media(max-width:620px){.shelf-hero{min-height:430px}.shelf-count{right:0;bottom:24px}.resource-note{padding-inline:16px}.reading-paper{border-radius:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}