.discovery{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:10px;margin:24px 0 38px}.discovery input,.discovery select{background:transparent}
.metadata-card .wide{grid-column:1/-1}.reader-shell{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1320px;margin:auto}.reader-toc{position:sticky;top:0;height:100vh;padding:55px 30px;border-right:1px solid var(--line);overflow:auto}.reader-toc>div{display:grid;margin-top:75px}.reader-toc>div>span{font:600 18px "Noto Serif TC";margin-bottom:15px}.reader-toc a:not(.brand-small){display:grid;grid-template-columns:30px 1fr;gap:8px;padding:9px 0;color:var(--muted);font-size:13px}.reader-toc a.active{color:var(--rust);font-weight:600}.toc-close{display:none}.reader-tools{position:fixed;right:22px;bottom:22px;z-index:10;padding:7px;background:#f6f2e9e8;border:1px solid var(--line);box-shadow:0 8px 30px #17201c20;display:flex;align-items:center;gap:3px;backdrop-filter:blur(12px)}.reader-tools button{border:0;background:transparent;padding:9px;cursor:pointer;color:inherit}.reader-tools .reading-percent{font-size:11px;color:var(--muted);padding:0 8px}.reader-shell .reader{width:min(100%,820px);max-width:none;margin:0 auto}.snapshot-reader .prose{font-size:var(--reader-user-size,var(--reading-size))}.book-meta{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.book-meta>*{font:500 12px Outfit,sans-serif;padding:5px 10px;border:1px solid var(--line);color:var(--muted)}.content-warning{margin:22px 0;padding:14px 18px;background:#b85c3d0d;border-left:3px solid var(--theme-accent)}.content-warning summary{cursor:pointer;font-size:13px}.content-warning p{margin:10px 0 0!important;font-size:13px}.chapter{scroll-margin-top:20px}.chapter-nav{display:flex;justify-content:space-between;margin-top:70px;font:500 13px Outfit,sans-serif}.chapter-nav a{color:var(--theme-accent)}
body[data-reader-theme="warm"]{--paper:#f3ead7;--line:#cfc2a9}body[data-reader-theme="dark"]{--paper:#171a19;--ink:#dcd9d0;--muted:#9faaa4;--line:#373d39;background:var(--paper);color:var(--ink)}body[data-reader-theme="dark"] nav,body[data-reader-theme="dark"] .reader-tools{background:#202522e8}body[data-reader-theme="dark"] footer{background:#101311}.reader-focus>nav,.reader-focus>footer,.reader-focus .reader-toc{display:none}.reader-focus .reader-shell{display:block}.reader-focus .reader{margin:auto}
@media(max-width:850px){.discovery{grid-template-columns:1fr}.theme-card form{grid-template-columns:1fr}.metadata-card .wide{grid-column:auto}.reader-shell{display:block}.reader-toc{display:none;position:fixed;inset:0 15% 0 0;height:auto;background:var(--paper);z-index:20;box-shadow:10px 0 40px #0004}.toc-open .reader-toc{display:block}.toc-close{display:block;position:absolute;right:20px;top:20px;border:0;background:none;color:inherit;font-size:25px}.reader-tools{right:10px;bottom:10px}.reader-tools button{padding:7px}.snapshot-reader .chapter{padding:70px 0}.chapter-nav{margin-top:45px}}
.publish-actions,.chapter-operations,.chapter-operations form{display:flex;gap:10px;flex-wrap:wrap}.chapter-editor{width:min(900px,84vw);margin:25px auto 100px}.chapter-editor h1{font:600 42px "Noto Serif TC"}.chapter-editor>form{display:grid;gap:20px}.source-editor{min-height:55vh;font:14px/1.7 ui-monospace,monospace}.chapter-operations{justify-content:space-between;margin-top:25px}.danger{background:#8d332b;color:white}
.locale-picker select{width:auto;padding:7px 28px 7px 9px;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.translation-invites{margin:0 8vw 80px;padding:35px;background:#ded8cc}.grant-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 0}.grant-row div{display:grid;gap:5px}.translation-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.translation-columns form{display:grid!important;grid-template-columns:1fr!important}.grant-list li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.translation-credit{margin:25px 0;padding:18px;border:1px solid var(--line)}.translation-credit>span{font-size:10px!important}.translation-credit p{margin:8px 0!important}
.engagement{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font:13px Outfit,sans-serif}.engagement .like-button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px;cursor:pointer}.engagement .like-button.liked{color:#b6423a;border-color:#b6423a}.engagement>small{flex-basis:100%;color:var(--muted)}
.sandbox-frame{width:min(900px,calc(100vw - 320px));max-width:100%;margin:2rem auto;border:1px solid var(--line);background:#faf8f3;overflow:hidden}.sandbox-frame iframe{display:block;width:100%;max-width:100%;height:clamp(640px,80vh,900px);border:0;background:#faf8f3}.sandbox-controls{display:flex;align-items:center;gap:12px;padding:9px 12px;border-top:1px solid var(--line);font:12px Outfit,sans-serif;color:#5e6762}.sandbox-controls button{border:1px solid #b8b1a5;background:transparent;padding:6px 10px;color:inherit;cursor:pointer}.sandbox-controls small{min-width:0;overflow-wrap:anywhere;font-size:11px}@media(max-width:850px){.sandbox-frame{width:100%;max-width:100%;margin:1.5rem 0}.sandbox-controls{align-items:flex-start;flex-direction:column}}
.card-stats{margin-top:10px;color:var(--muted);font-size:12px}.edition-switcher{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0}.edition-switcher>span{width:100%;color:var(--muted)!important;letter-spacing:0!important}.edition-switcher a{border:1px solid var(--line);padding:7px 10px;font:13px Outfit,sans-serif}.edition-switcher a.current{border-color:var(--theme-accent);color:var(--theme-accent)}.footer-link{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.consent-banner{position:fixed;z-index:50;left:20px;right:20px;bottom:20px;max-width:1050px;margin:auto;background:#faf8f3;border:1px solid var(--line);box-shadow:0 15px 60px #17201c44;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.consent-banner[hidden]{display:none}.consent-banner h2{font:600 20px "Noto Serif TC";margin:0 0 8px}.consent-banner p{max-width:680px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.consent-actions{display:flex;gap:10px;flex-shrink:0}@media(max-width:850px){.consent-banner,.consent-actions{align-items:stretch;flex-direction:column}.consent-banner{left:10px;right:10px;bottom:10px}.consent-actions .button{width:100%}}
.reader-cover{display:block;width:min(260px,55vw);aspect-ratio:2/3;object-fit:cover;margin:0 auto 38px;box-shadow:12px 15px 0 color-mix(in srgb,var(--theme-accent) 16%,transparent)}.cover-upload-grid{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start}.studio-cover-preview{display:grid;place-items:center;width:180px;aspect-ratio:2/3;object-fit:cover;background:var(--cover,#c86b4a);color:#ffffff80;font:80px "Noto Serif TC"}.cover-upload-grid form{display:grid!important;grid-template-columns:1fr!important}@media(max-width:600px){.cover-upload-grid{grid-template-columns:1fr}.studio-cover-preview{width:140px}}
.chapter-book-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--line)}.chapter-book-context>a{font:600 20px "Noto Serif TC",serif;color:var(--theme-accent)}.chapter-book-context>span{color:var(--muted);font-size:13px}.chapter-book-context .edition-switcher{flex-basis:100%;margin:8px 0 0}@media(max-width:600px){.chapter-book-context{align-items:flex-start;flex-wrap:wrap}}