.brand.small{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}.brand.small::before{content:'◧';display:inline-block;font:28px/1 Georgia,serif;color:var(--accent);transform:rotate(-7deg);flex-shrink:0}header .brand .mark{display:inline-block!important;flex-shrink:0}header .brand{flex-shrink:0;align-items:center}
.reader-mobile-brand{display:inline-flex;align-items:center;gap:8px;font:25px/1.2 'Libre Caslon Display',Georgia,serif;color:var(--text)}.reader-mobile-brand .mark{font:28px/1 Georgia,serif;transform:rotate(-7deg)}.reader-toolbar #back{display:flex;align-items:center;gap:18px;flex-shrink:0}.reader-toolbar .reader-mobile-brand{order:-1}.reader-back-label{font:11px Arial,sans-serif}.reader-toolbar>div>button{font-size:18px;min-width:38px;min-height:42px;padding:9px}.reader-toolbar #reader-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-toolbar{gap:15px}.reader-toolbar>div{flex-shrink:0}
.reader-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:24px}.reader-actions .primary{margin:0}.reader-actions>.text-button{padding:12px 6px}.blocked-chat{padding:18px;border-top:1px solid var(--line);font-size:12px}.blocked-chat p{margin:0 0 8px}.public-profile{max-width:760px}.public-profile .primary{margin-right:0}#blocked-readers{max-width:560px;margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}#blocked-readers h2{font:28px Georgia,serif}.blocked-reader{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.blocked-reader>span{flex:1}.blocked-reader small{display:block;color:var(--muted);margin-top:4px}
.club-card{padding:18px;border:1px solid var(--line);border-radius:10px;margin:14px 0;background:#20221e}.club-card>a{display:flex;gap:12px;align-items:flex-start}.club-card strong{font-size:14px}.club-card small{display:block;color:#b29b7f;font-size:10px;line-height:1.6;margin-top:6px}.club-card p{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0}.club-card>button{margin:14px 0 0}.community-layout h3{font:22px Georgia,serif;margin:26px 0 14px}.club-privacy{font-size:12px;display:grid;gap:8px;margin:20px 0}.club-privacy select{width:100%;background:#262821;color:var(--text);padding:10px;border:1px solid var(--line);border-radius:5px}.join-requests{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.join-request{display:grid;gap:10px;padding:13px 0}.join-request>div{display:flex;gap:14px}.join-request .subtle-action{padding:8px 12px}.group-sidebar .member-row{overflow-wrap:anywhere}
.chat-sidebar-heading>div{display:flex;align-items:center;gap:14px}.chat-sidebar-heading #new-group-chat{font-size:11px;white-space:nowrap}.chat-new-group{margin-left:auto;white-space:nowrap;font-size:10px}.group-info-toggle{background:none;border:0;text-align:left;padding:0;color:var(--text);cursor:pointer;overflow-wrap:anywhere}.chat-members{padding:12px 20px;display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);max-height:160px;overflow:auto}.chat-members>span{display:flex;align-items:center;gap:7px}.chat-members .avatar{height:24px;width:24px}.chat-members .person-name{font-size:11px}.selected-people{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.reader-chip{border:1px solid #805d3e;background:#ed995e13;color:#edbc98;padding:9px 12px;border-radius:30px;font-size:11px}.group-avatar{background:#53402b;color:#efbd91;font-size:22px}.message-meta{flex-wrap:wrap;line-height:1.5}.message-meta time{white-space:nowrap}.message-meta .delivery-state{white-space:nowrap}#chat-person-results{max-height:260px;overflow:auto}
.voice-player{display:flex;align-items:center;gap:10px;min-width:205px;max-width:100%;padding:5px 0 8px}.voice-play{flex-shrink:0;width:34px;height:34px;border:0;border-radius:50%;background:#ed995e;color:#24180f;display:grid;place-items:center;font-size:13px;padding:0;cursor:pointer}.voice-play:focus-visible{outline:2px solid #fff;outline-offset:3px}.voice-wave{height:36px;min-width:90px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:2px;overflow:hidden}.voice-wave i{display:block;flex:1;min-width:1px;max-width:3px;border-radius:5px;background:#92928b;transition:background .12s}.voice-wave i.played{background:#ed995e}.voice-duration{font:11px/1 Arial,sans-serif;color:#d4c7b8;min-width:26px}.voice-preview .voice-player{width:100%;max-width:330px}.recording-wave{max-width:100%;margin:0 0 8px}.recording-wave i{background:#ed995e}.voice-player audio[hidden]{display:none!important}.snap-chat .message-content:has(.voice-player){min-width:245px}.voice-preview{max-width:100%}.voice-preview .text-button{flex-shrink:0}
@media(max-width:1050px){.reader-toolbar #reader-label{display:none}.reader-toolbar #back{gap:10px}.reader-back-label{display:none}.reader-toolbar{padding:0 18px}}
@media(max-width:760px){header,.book-nav{height:auto!important;min-height:100px;display:flex;flex-wrap:wrap;gap:14px!important;padding:18px 0!important;align-items:center}.book-nav>.brand.small,header>.brand{flex-basis:100%;font-size:26px!important;gap:8px!important;line-height:1.15}.brand.small::before,header .mark{font-size:28px!important}header .account-nav,.book-nav .account-nav{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:8px!important;width:100%;flex:0 0 100%;margin:0!important;min-width:0;align-items:center}.account-nav>a{font-size:11px!important;min-width:0;justify-content:center;text-align:center;line-height:1.35;white-space:normal;overflow-wrap:normal}.account-nav .profile-nav{display:inline-flex;justify-content:center}.account-nav .profile-nav span:not(.avatar){display:none}.account-nav .profile-nav .avatar{height:27px;width:27px}.account-nav .message-badge{height:16px;min-width:16px;font-size:9px;padding:0 4px}.account-nav .signin-link{grid-column:1/-1;justify-self:start;padding:9px 18px}.book-nav>.return-link{display:none}.social-tabs{justify-content:space-between;gap:10px!important;max-width:100%;overflow:visible;flex-wrap:wrap}.social-tabs a{font-size:11px;padding-bottom:12px}.messages-page .snap-chat{height:calc(100dvh - 270px);min-height:330px}.snap-chat.has-conversation .thread-list{display:none}.snap-chat:not(.has-conversation) .conversation{display:none}.snap-chat .thread-list{display:block;max-height:none;overflow:auto;width:100%;flex:1}.snap-chat{display:flex;flex-direction:column}.snap-chat .conversation{width:100%;height:100%;flex:1}.snap-chat .conversation-heading{padding:12px;min-height:74px}.conversation-heading>div{flex:1;min-width:0}.conversation-heading small{font-size:9px}.chat-new-group{font-size:9px;max-width:37px;white-space:normal;line-height:1.3}.chat-back{display:block}.snap-chat #message-form{padding:12px 10px}.snap-chat .message-list{padding:14px 12px}.message-content{max-width:96%}.snap-chat .message-content:has(.voice-player){min-width:220px}.voice-player{min-width:180px;gap:8px}.voice-wave{gap:2px}.voice-play{width:32px;height:32px}.message-meta .report-link{margin-left:auto}.reader-toolbar{min-height:108px;gap:5px;padding:9px 12px 5px!important;flex-wrap:wrap;height:auto}.reader-toolbar #back{width:100%;padding:0 0 4px;text-align:left}.reader-toolbar>div{width:100%;justify-content:space-between;gap:2px}.reader-toolbar>div>button{font-size:19px;min-width:36px;min-height:43px;padding:8px 5px}.reader-toolbar>div>.reader-tool-separator{display:none}.reader-toolbar .reader-mobile-brand{font:25px/1.2 'Libre Caslon Display',Georgia,serif}.shelf-heading>div:first-child{display:flex;flex-wrap:wrap!important;white-space:normal!important;overflow:visible!important;gap:5px 18px!important}.shelf-heading .tab{font-size:11px;padding:11px 0}.reader-actions{gap:14px}.reader-actions .primary,.reader-actions .subtle-action{font-size:12px}.reader-actions>[data-report-user]{flex-basis:100%;text-align:left;padding-left:0}.public-profile{padding-top:15px}}
@media(max-width:360px){header>.brand,.book-nav>.brand.small{font-size:24px!important}.account-nav>a{font-size:10px!important}.account-nav{gap:5px!important}.reader-toolbar>div>button{min-width:34px;font-size:18px}.snap-chat .message-content:has(.voice-player){min-width:200px}.voice-player{min-width:165px}}

.share-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.share-actions .primary{margin:0;font-size:12px;padding:12px 18px;width:auto}.share-url-label{display:grid;gap:9px;font-size:11px;color:var(--muted)}.share-url-label input{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;background:#181c16;color:var(--text);font-size:11px}

/* Keep the logo and navigation on one row across screen sizes. */
header,.book-nav{align-items:center;justify-content:space-between;flex-wrap:nowrap}header .account-nav,.book-nav .account-nav{display:flex;align-items:center;flex-wrap:nowrap;margin-left:auto;width:auto;flex:0 0 auto}.account-nav .profile-nav{display:inline-flex;align-items:center;flex-shrink:0}
@media(max-width:760px){header,.book-nav{min-height:76px;gap:12px!important;flex-wrap:nowrap!important}header>.brand,.book-nav>.brand.small{flex-basis:auto;font-size:24px!important;letter-spacing:-1px;gap:6px!important}header .account-nav,.book-nav .account-nav{display:flex!important;width:auto;flex:0 0 auto;gap:13px!important;margin-left:auto!important}.account-nav>a{white-space:nowrap;font-size:11px!important}.account-nav .profile-nav .avatar{width:28px;height:28px}.account-nav .signin-link{padding:9px 12px}}
@media(max-width:360px){header>.brand,.book-nav>.brand.small{font-size:21px!important;gap:4px!important}header .mark,.brand.small::before{font-size:24px!important}header .account-nav,.book-nav .account-nav{gap:9px!important}.account-nav>a{font-size:10px!important}.account-nav .profile-nav .avatar{width:25px;height:25px}}

.pdf-reader-heading{display:flex;align-items:center;gap:20px;margin:24px 0;flex-wrap:wrap}.pdf-reader-heading h1{font:24px/1.3 Georgia,serif;flex:1;margin:0;min-width:180px}.pdf-reader-heading a{font-size:12px;color:var(--accent)}.pdf-reader{display:block;width:100%;height:calc(100dvh - 210px);min-height:500px;border:0;background:#242424;margin-bottom:24px}@media(max-width:760px){.pdf-reader-heading{gap:15px}.pdf-reader-heading h1{order:3;flex-basis:100%;font-size:22px}.pdf-reader-heading a:last-child{margin-left:auto}.pdf-reader{height:calc(100dvh - 200px);min-height:420px}}

.pdf-book-reader{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column;padding:0 3%}.pdf-book-reader>.book-nav{height:76px;min-height:76px;margin:0;padding:10px 0!important;flex-shrink:0}.pdf-book-toolbar{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);flex-shrink:0}.pdf-book-toolbar>a{font-size:12px;white-space:nowrap;color:var(--accent)}.pdf-book-toolbar>strong{font:15px/1.3 Georgia,serif;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.pdf-book-toolbar>div{display:flex;gap:5px}.pdf-book-toolbar button{background:none;border:0;color:var(--text);font-size:21px;min-width:38px;min-height:40px;border-radius:5px}.pdf-book-toolbar button:hover,.pdf-book-toolbar button.bookmarked{background:#ed995e25;color:var(--accent)}.pdf-book-stage{position:relative;flex:1;min-height:0;overflow:auto;display:flex;padding:12px;align-items:safe center;justify-content:safe center;background:radial-gradient(ellipse,#3c352c 0,#1c1b18 72%)}.pdf-paper{position:relative;flex-shrink:0;box-shadow:0 10px 32px #0008;background:#fff}.pdf-paper canvas{display:block}.pdf-page-links{position:absolute;inset:0;pointer-events:none}.pdf-internal-link{position:absolute;pointer-events:auto;border:0;background:transparent;padding:0;cursor:pointer}.pdf-internal-link:hover{background:#ed995e30}.pdf-book-status{position:absolute;inset:35% 15% auto;text-align:center;background:#171918ed;color:var(--text);padding:24px;border-radius:8px;font-size:13px}.pdf-book-status[hidden]{display:none}.pdf-book-status .primary{margin:18px auto 0}.pdf-book-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;flex-shrink:0}.pdf-book-bottom .primary{width:auto;margin:0;padding:12px 20px;min-height:44px;white-space:nowrap;font-size:12px}.pdf-book-bottom .primary:disabled{opacity:.35;cursor:default}.pdf-book-bottom label{font-size:12px;white-space:nowrap;color:var(--muted)}.pdf-book-bottom input{width:52px;text-align:center;color:var(--text);padding:7px 2px;border-bottom:1px solid var(--line);font-size:12px}.pdf-book-contents{width:520px}.pdf-book-contents nav{display:grid;gap:3px;max-height:60dvh;overflow:auto}.pdf-book-contents nav button{text-align:left;display:block;border:0;border-bottom:1px solid var(--line);background:none;color:var(--text);padding:13px 12px;font-size:13px;cursor:pointer}.pdf-book-contents nav button:hover{color:var(--accent)}@media(max-width:760px){.pdf-book-reader{padding:0 4%}.pdf-book-reader>.book-nav{height:66px;min-height:66px}.pdf-book-toolbar{gap:8px;flex-wrap:wrap;padding:8px 0}.pdf-book-toolbar>strong{font-size:13px}.pdf-book-toolbar>div{justify-content:space-between;width:100%;gap:2px}.pdf-book-toolbar button{min-height:38px;min-width:38px}.pdf-book-bottom{padding:12px 0 calc(12px + env(safe-area-inset-bottom))}.pdf-book-bottom .primary{padding:11px 12px;font-size:11px}.pdf-book-bottom label,.pdf-book-bottom input{font-size:10px}.pdf-book-bottom input{width:35px}.pdf-book-stage{padding:8px}}@media(prefers-reduced-motion:reduce){.pdf-paper{animation:none!important}}

.publishing-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:55px;padding-bottom:60px}.publishing-editor{max-width:760px}.publish-form-heading,.traffic-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.publish-form-heading h2,.publishing-library h2{font:28px Georgia,serif;margin:0}.publish-form-heading>a{font-size:12px;color:var(--accent)}#publish-book-form>label,.publish-fields>label{display:grid;gap:9px;font-size:12px;margin:20px 0;color:var(--text)}#publish-book-form input:not([type=checkbox]),#publish-book-form textarea,#publish-book-form select,#publishing-search{width:100%;padding:13px 14px;border:1px solid var(--line);background:#20231e;border-radius:6px;color:var(--text);font:13px/1.5 'DM Sans',sans-serif;margin:0}#publish-book-form input[type=file]{font-size:12px}#publish-book-form input::file-selector-button{border:0;background:#ed995e25;color:var(--accent);padding:8px 12px;border-radius:4px;margin-right:12px}.publish-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.book-link-preview{font-size:10px;overflow-wrap:anywhere;color:var(--muted);margin-top:-8px}.publishing-cover-preview{display:flex;gap:20px;align-items:flex-end;margin:20px 0}.publishing-cover-preview img{width:110px;aspect-ratio:.66;object-fit:contain;background:#fff;box-shadow:0 6px 18px #0005}.publishing-cover-preview img+img{width:165px}.publish-form-actions{display:flex;align-items:center;gap:24px;margin-top:25px}.publish-form-actions .primary{margin:0;width:auto}.publishing-progress{font-size:12px;color:var(--accent);padding:10px 0}.publishing-library{border-left:1px solid var(--line);padding-left:30px}.publishing-library h2{margin-bottom:22px}.show-deleted{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin:16px 0}.show-deleted input{width:auto}.publisher-book{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}.publisher-book>img{width:60px;height:91px;object-fit:contain;flex-shrink:0}.publisher-book>div{min-width:0}.publisher-book strong{font-size:13px;line-height:1.5}.publisher-book p,.publisher-book small{font-size:11px;color:var(--muted);line-height:1.5;margin:6px 0}.publisher-book-actions{display:flex;gap:18px;align-items:center;margin-top:12px;font-size:11px;color:var(--accent)}.publisher-book-actions .text-button{font-size:11px;padding:0}.book-owner-tools{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:11px;color:var(--muted)}.book-owner-tools button{font-size:11px;padding:0}.book-owner-tools a:hover,.book-owner-tools button:hover{color:var(--accent)}.admin-tabs a{padding:12px 0;font-size:12px;color:var(--muted)}.traffic-heading h2{font:28px Georgia,serif;margin:0}.traffic-heading label{font-size:12px}.traffic-chart{border:1px solid var(--line);border-radius:8px;padding:24px;margin:25px 0 35px}.traffic-legend,.traffic-dates{display:flex;justify-content:space-between;gap:15px;font-size:12px}.traffic-legend small,.traffic-dates{font-size:10px;color:var(--muted)}.traffic-bars{display:grid;grid-template-columns:repeat(var(--days),minmax(0,1fr));gap:3px;height:190px;align-items:end;margin:24px 0 14px;border-bottom:1px solid var(--line)}.traffic-bars>div{height:100%;display:flex;align-items:flex-end}.traffic-bars i{display:block;width:100%;min-height:1px;background:var(--accent);border-radius:3px 3px 0 0}.traffic-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.traffic-table:last-child{grid-column:1/-1}.traffic-table h2{font:23px Georgia,serif;margin:0 0 20px}.traffic-table table{border-collapse:collapse;width:100%;font-size:12px}.traffic-table th{text-align:left;font-size:10px;color:var(--muted);font-weight:400}.traffic-table td,.traffic-table th{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.traffic-table td:last-child,.traffic-table th:last-child{text-align:right;white-space:nowrap;padding-left:20px}.admin-row-actions{flex-wrap:wrap}.admin-tabs{flex-wrap:wrap}@media(max-width:850px){.publishing-layout{grid-template-columns:1fr;gap:40px}.publishing-library{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}}@media(max-width:600px){.publish-fields{gap:0 14px}.traffic-grid{grid-template-columns:1fr}.traffic-table:last-child{grid-column:auto}.traffic-chart{padding:18px 12px}.traffic-bars{height:150px;gap:2px}.publisher-book>img{width:54px;height:82px}.publishing-cover-preview img+img{width:140px}}

.pdf-spread{display:flex;align-items:center;gap:2px;flex-shrink:0;filter:drop-shadow(0 8px 18px #0007)}.pdf-spread .pdf-paper{box-shadow:none}.pdf-book-stage{padding:8px}.pdf-book-reader>.book-nav{height:60px;min-height:60px}.pdf-book-toolbar{padding:6px 0}.pdf-book-bottom{padding:10px 0}.pdf-book-toolbar>div{flex-wrap:wrap}@media(max-width:760px){.pdf-book-reader{padding:0 2%}.pdf-book-reader>.book-nav{height:54px;min-height:54px}.pdf-book-stage{padding:4px}.pdf-book-toolbar>div{flex-wrap:nowrap}.pdf-book-toolbar button{min-width:34px}.pdf-book-bottom{padding-bottom:max(10px,env(safe-area-inset-bottom))}}