.feature-dialog{width:min(980px,94vw);padding:52px;max-height:92vh}.feature-dialog h2{font:500 clamp(38px,5vw,58px) 'Fraunces';margin:22px 0}.feature-intro{color:#677168}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-grid button,.feature-list>button,.feature-list>div,.feature-list>article{display:flex;justify-content:space-between;gap:18px;text-align:left;border:1px solid var(--line);background:#faf8f2;padding:18px;color:inherit}.feature-grid button{display:grid}.feature-grid b,.feature-list b{font:500 19px 'Fraunces'}.feature-grid span,.feature-list span{font-size:11px;color:#68726c}.feature-list{display:grid;gap:8px}.chapter-manager{display:grid}.chapter-manager article{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.chapter-manager article>div{display:flex;gap:6px;align-items:center}.chapter-manager span{display:block;font-size:10px;color:var(--red)}.chapter-manager button{padding:8px;border:1px solid var(--line);background:#faf8f2}.feature-dialog form label{display:block}.feature-dialog input:not([type=checkbox]):not([type=range]),.feature-dialog textarea,.feature-dialog select{width:100%;padding:12px;margin-top:7px;border:1px solid var(--line);background:#faf8f2}.feature-dialog textarea{min-height:180px;resize:vertical}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:35px}.metric-grid b{padding:22px;background:var(--ink);color:white;font:500 30px 'Fraunces'}.metric-grid small{display:block;font:10px 'DM Sans';color:#bfc8c2}.badge-grid,.contest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.badge-grid article,.contest-grid article{padding:22px;border:1px solid var(--line)}.badge-grid article{display:grid;gap:6px;opacity:.5}.badge-grid article.earned{opacity:1;background:#f2e8dc}.badge-grid i{font-size:28px;color:var(--red)}.badge-grid span,.contest-grid small{font-size:11px;color:#6c756f}.contest-grid h3{font:500 25px 'Fraunces'}.shelf-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.shelf-tabs button{border:1px solid var(--line);background:none;padding:9px}.avatar-upload{display:inline-block;margin-top:7px;color:var(--red);font-size:10px;cursor:pointer}.profile-avatar.has-avatar{background-size:cover;background-position:center}.reader-tools{justify-self:end;border:1px solid var(--line);background:none;padding:9px;font-size:10px}.immersive-reader .book-text{font-size:var(--reader-size,18px);line-height:var(--reader-line,1.9)}.immersive-reader[data-theme=light],.immersive-reader[data-theme=light] .reading-canvas{background:#fff}.immersive-reader[data-theme=dark],.immersive-reader[data-theme=dark] .reading-canvas{background:#15211c;color:#ece8df}.immersive-reader[data-theme=dark] .book-page{background:#1d2b25;color:#ece8df}.publish-options{display:flex;gap:15px;padding:12px 0}.publish-options label{flex:1}.advanced-search{display:flex;gap:8px;margin:-25px 0 35px}.advanced-search select{padding:10px;border:1px solid var(--line);background:#faf8f2}.trailer-settings{margin:25px 0;padding:18px;border:1px solid var(--line)}.trailer-settings h3,.story-trailer h2{font:500 23px 'Fraunces'}.story-trailer iframe,.story-trailer video{width:min(600px,100%);aspect-ratio:16/9;border:0}.story-trailer audio{width:min(600px,100%)}.preference-form label{padding:12px;border-bottom:1px solid var(--line)}@media(max-width:700px){.feature-dialog{padding:42px 20px}.feature-grid,.badge-grid,.contest-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.advanced-search{overflow:auto}.publish-options{display:grid}.chapter-manager article{display:grid}}
.reader-paragraph{position:relative;padding:4px 0}.reader-paragraph>button{border:0;background:none;color:var(--red);font-size:10px;padding:3px 0;opacity:.25}.reader-paragraph:hover>button{opacity:1}.paragraph-comments{display:grid;gap:4px}.paragraph-comments span{font:12px/1.4 'DM Sans';padding:8px 10px;background:#f2e8dc;color:#4f5a54}.offline-chapters details{border-top:1px solid var(--line);padding:16px}.offline-chapters summary{font:500 22px 'Fraunces';cursor:pointer}.offline-chapters details div{white-space:pre-wrap;font:17px/1.8 'Fraunces';padding:20px 0}