:root{--paper:#fff;--ink:#27291f;--muted:#838176;--green:#69795d;--line:#e5e5e5;--serif:'Roboto Condensed',Arial,sans-serif;--sans:'Roboto Condensed',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topbar{height:76px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.055em}.mark{font-family:var(--serif);font-size:21px;color:var(--green);font-weight:700}.topbar nav{display:flex;gap:34px;height:100%}.nav-link{height:100%;display:flex;align-items:center;text-decoration:none;color:var(--muted);font-size:12px;position:relative}.nav-link.active{color:var(--ink)}.nav-link.active:after{position:absolute;content:"";height:2px;background:var(--green);left:0;right:0;bottom:0}.add-button{border:0;background:var(--green);color:white;padding:12px 18px;border-radius:3px;font:600 12px var(--sans);cursor:pointer;transition:background .18s,transform .18s}.add-button:hover{background:#536348;transform:translateY(-1px)}.add-button span{font-size:15px;margin-right:5px}.intro{padding:68px 11.2% 52px;display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:68px}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:700;color:var(--green)}.sun{color:#bd805a}.intro .sun{font-size:13px;margin-right:7px}.intro h1{font:500 clamp(46px,5.3vw,68px)/1.1 var(--serif);letter-spacing:-.045em;margin:22px 0 16px}.intro h1 em{color:var(--green);font-weight:500}.intro-copy>p{max-width:355px;color:var(--muted);font-size:13px;line-height:1.9;margin:0}.browse-link{display:inline-flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-weight:600;font-size:11px;margin-top:28px}.browse-link span{font-size:16px;color:var(--green)}.hero-art{height:286px;position:relative;overflow:hidden;background:#fff;border-radius:3px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:47px}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 55%,rgba(255,255,255,.2))}.art-sun{position:absolute;width:132px;height:132px;border-radius:50%;background:#d4cbb0;right:67px;top:29px}.art-shelf{position:absolute;height:15px;width:74%;bottom:46px;background:#91856e;box-shadow:0 6px 0 #d4cfbe}.book{height:143px;z-index:1;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:15px 10px 12px;color:#efe9d8;box-shadow:4px 2px 8px #68644e28}.book span{font:600 10px/1.25 var(--serif);letter-spacing:.055em}.book i{font-style:normal;font-size:8px;opacity:.8}.b-one{width:83px;background:#586c59;transform:rotate(-3deg);height:150px}.b-two{width:88px;background:#b2755d;height:160px;transform:rotate(2deg)}.b-three{width:87px;background:#434d43;height:145px;transform:rotate(-1deg)}.art-caption{position:absolute;right:16px;bottom:14px;color:#716d60;font:italic 11px var(--serif)}.art-caption span{color:#ad8063;margin-left:5px}.stats-row{margin:0 11.2%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:54px}.stat{display:flex;flex-direction:column;gap:4px}.stat-number{font:500 25px var(--serif);color:var(--green)}.stat-label{font-size:10px;color:var(--muted)}.stat-note{margin-left:auto;font:italic 13px var(--serif);color:#858274}.stat-note span{color:#bd805a;font-style:normal;margin-right:8px}.library{padding:64px 11.2% 90px}.section-head{display:flex;align-items:flex-end;justify-content:space-between}.section-head h2,.dialog-head h2{font:500 34px var(--serif);letter-spacing:-.03em;margin:9px 0 0}.period{color:var(--green)}.text-add{background:none;border:0;color:var(--green);font:600 11px var(--sans);cursor:pointer;padding:8px 0}.text-add:hover{color:#394b35}.toolbar{display:flex;align-items:center;gap:22px;margin:28px 0 24px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.search{display:flex;gap:9px;align-items:center;flex:1;min-width:150px;color:var(--muted)}.search>span{font:22px var(--sans);transform:rotate(-20deg)}.search input{border:0;outline:0;background:transparent;width:100%;font:11px var(--sans);color:var(--ink)}.search input::placeholder{color:#aaa79c}.filters{display:flex;gap:4px}.filter{border:0;border-radius:2px;padding:9px 10px;background:transparent;color:var(--muted);font:500 10px var(--sans);cursor:pointer;white-space:nowrap}.filter span{font-size:9px;color:#a5a294;margin-left:4px}.filter.active{background:#f3f3f3;color:#46523e}.sort-wrap{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted);white-space:nowrap}.sort-wrap select,.form-row select{border:0;background:transparent;color:var(--ink);font:500 10px var(--sans);outline:none;cursor:pointer}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:31px 21px}.book-card{min-width:0}.cover-wrap{height:204px;position:relative;display:flex;align-items:center;justify-content:center;background:#edebe2;border-radius:2px;overflow:hidden}.cover{width:117px;height:166px;padding:15px 13px 13px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:4px 7px 12px #322f241f;text-align:left;color:#f7f3e9;overflow:hidden;transition:transform .2s}.book-card:hover .cover{transform:translateY(-4px) rotate(-1deg)}.cover:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:#0002;border-right:1px solid #fff2}.cover::after{content:"";position:absolute;width:125px;height:125px;border:1px solid #ffffff28;border-radius:50%;right:-75px;bottom:24px}.cover-title{font:600 14px/1.17 var(--serif);text-transform:uppercase;z-index:1;overflow-wrap:anywhere}.cover-author{font-size:8px;letter-spacing:.07em;text-transform:uppercase;z-index:1;opacity:.83}.cover-genre{font:italic 9px var(--serif);position:absolute;left:13px;bottom:51px;z-index:1;opacity:.8}.cover-0{background:linear-gradient(150deg,#62705a,#34453b)}.cover-1{background:linear-gradient(155deg,#bd8062,#94563f)}.cover-2{background:linear-gradient(150deg,#67788a,#414e61)}.cover-3{background:linear-gradient(145deg,#b69e6a,#817345)}.cover-4{background:linear-gradient(150deg,#846e81,#58465b)}.cover-5{background:linear-gradient(145deg,#758b86,#455c58)}.status-pill{position:absolute;top:10px;left:10px;padding:5px 7px;border-radius:2px;background:#fffed;color:#526148;font-size:8px;font-weight:600}.card-actions{position:absolute;top:8px;right:8px;display:flex;gap:5px;opacity:0;transition:opacity .18s}.book-card:hover .card-actions,.card-actions:focus-within{opacity:1}.card-actions button{width:27px;height:27px;border:0;border-radius:50%;background:#fff;color:#48483f;cursor:pointer;font-size:12px}.card-actions button:hover{background:#fff}.card-info{padding:12px 1px 0}.card-info h3{font:500 15px/1.35 var(--serif);margin:0 0 4px;overflow-wrap:anywhere}.card-info .author{font-size:10px;color:var(--muted);margin:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:8px}.genre-tag{font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#888675}.rating{font-size:10px;color:#aa7952;letter-spacing:.06em}.note{font:italic 10px/1.5 var(--serif);color:#777568;margin:8px 0 0}.empty{text-align:center;padding:58px 15px;color:var(--muted)}.empty>span{color:#bd805a;font-size:25px}.empty h3{font:500 21px var(--serif);color:var(--ink);margin:12px 0 6px}.empty p{font-size:12px;margin:0 0 19px}.hidden{display:none!important}footer{border-top:1px solid var(--line);padding:23px 7.1%;display:flex;align-items:center;justify-content:space-between}footer>span,footer>a:last-child{color:var(--muted);font-size:10px}footer>a:last-child{text-decoration:none}dialog{width:min(470px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #25221833}dialog::backdrop{background:#292a2190;backdrop-filter:blur(3px)}#bookForm{padding:30px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-head h2{font-size:28px}.close-button{border:0;background:transparent;font-size:26px;color:var(--muted);cursor:pointer;line-height:1}.dialog-head+.eyebrow{margin-top:20px}#bookForm>label,.form-row>label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:10px;font-weight:600;color:#57564c}.optional{font-size:9px;font-weight:400;color:var(--muted)}#bookForm input,#bookForm textarea,#bookForm select{width:100%;border:1px solid var(--line);border-radius:2px;background:#fff;padding:11px 12px;color:var(--ink);font:12px var(--sans);outline:none}#bookForm input:focus,#bookForm textarea:focus,#bookForm select:focus{border-color:#87947b}#bookForm textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-button{width:100%;margin-top:9px}.submit-button span{float:right}.library .toolbar{flex-wrap:wrap}@media(min-width:1200px){.intro,.stats-row,.library{max-width:1100px;margin-left:auto;margin-right:auto}.intro{padding-left:0;padding-right:0}.library{padding-left:0;padding-right:0}.stats-row{padding-left:0;padding-right:0}}@media(max-width:850px){.intro{padding-left:7%;padding-right:7%;gap:32px}.stats-row,.library{margin-left:7%;margin-right:7%}.stats-row{gap:25px}.toolbar{gap:10px;flex-wrap:wrap}.search{flex-basis:100%}.sort-wrap{margin-left:auto}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover-wrap{height:195px}}@media(max-width:560px){.topbar{padding:0 5%;height:66px}.topbar nav{gap:15px}.nav-link{font-size:10px}.topbar>.add-button{padding:10px 11px;font-size:10px}.topbar>.add-button span{margin:0}.wordmark{font-size:10px;gap:7px}.intro{padding:48px 7% 35px;grid-template-columns:1fr;gap:27px}.intro h1{font-size:53px;margin-top:16px}.intro-copy>p{font-size:12px}.hero-art{height:228px}.stats-row{margin:0 7%;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0}.stat-number{font-size:23px}.stat-note{margin:0;grid-column:span 2}.library{padding:45px 7% 60px;margin:0}.section-head h2{font-size:29px}.text-add{font-size:10px}.filters{order:3;width:100%;overflow:auto;padding-bottom:2px}.filter{font-size:9px;padding:9px 7px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.cover-wrap{height:184px}.cover{width:108px;height:153px}.card-info h3{font-size:14px}footer{padding:19px 5%;gap:12px;flex-wrap:wrap}footer>span{order:3;width:100%;text-align:center}.form-row{grid-template-columns:1fr;gap:0}#bookForm{padding:24px}.nav-link:nth-child(2){display:none}}

/* Full-page authoring workspace shown only after choosing to type a book. */
.writing-screen{min-height:100vh;background:#fff}.writing-screen.hidden{display:none}.writing-top{height:70px;padding:0 7%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.back-library{border:0;background:transparent;color:var(--muted);font:500 11px var(--sans);cursor:pointer}.back-library:hover{color:var(--green)}.save-story{border:0;border-radius:3px;background:var(--green);color:white;padding:11px 16px;font:600 11px var(--sans);cursor:pointer}.save-story:hover{background:#536348}.save-story span{margin-left:9px}.writing-main{width:min(820px,86%);margin:0 auto;padding:47px 0 75px}.writing-heading .eyebrow{font-size:9px}.writing-heading h1{font:500 clamp(42px,6vw,60px)/1.1 var(--serif);letter-spacing:-.045em;margin:13px 0 9px}.writing-heading h1 em{color:var(--green);font-weight:500}.writing-heading>p{font-size:12px;color:var(--muted);line-height:1.75;margin:0 0 25px}.story-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0}.story-meta label,.story-detail-fields label{display:flex;flex-direction:column;gap:7px;color:#57564c;font-size:10px;font-weight:600}.story-meta input,.story-detail-fields input,.story-detail-fields select{border:0;border-bottom:1px solid #dedbd0;background:transparent;padding:9px 1px;color:var(--ink);font:16px var(--serif);outline:none}.story-meta input:focus,.story-detail-fields input:focus{border-color:var(--green)}.story-meta input::placeholder{color:#aaa79c}.editor-shell{border:1px solid var(--line);background:#fff;border-radius:3px}.editor-toolbar{height:43px;padding:0 14px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:#fff}.editor-toolbar>button{height:27px;min-width:29px;border:1px solid transparent;border-radius:2px;background:transparent;color:#4d5148;cursor:pointer}.editor-toolbar>button:hover{border-color:#d9d6ca;background:#faf9f5}.toolbar-divider{height:19px;width:1px;background:#dcd9ce}.size-control{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.size-control select{border:0;background:transparent;color:var(--ink);font:10px var(--sans);outline:none}.toolbar-hint{margin-left:auto;color:#aaa79c;font-size:9px}.story-editor{min-height:440px;padding:32px 42px;outline:none;color:#39392f;font:17px/1.9 var(--serif);overflow-wrap:anywhere}.story-editor:empty:before{content:attr(data-placeholder);color:#b2aea1;pointer-events:none}.story-editor:focus:empty:before{color:#c4c0b6}.story-editor b,.story-editor strong{font-weight:700}.story-footer,.editor-footer{height:37px;padding:0 15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#989588;font-size:9px}.story-details{margin-top:17px;border-bottom:1px solid var(--line)}.story-details summary{padding:12px 1px;cursor:pointer;color:#59664f;font-size:10px;font-weight:600}.story-details summary span{color:var(--muted);font-weight:400}.story-detail-fields{padding:4px 0 19px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.story-detail-fields input,.story-detail-fields select{font:12px var(--sans)}.story-detail-fields label:last-child{grid-column:auto}@media(max-width:560px){.writing-top{height:62px;padding:0 5%;}.writing-top .wordmark{font-size:9px}.save-story{padding:10px 12px}.writing-main{width:90%;padding-top:35px}.story-meta{grid-template-columns:1fr;gap:14px}.story-editor{min-height:390px;padding:24px 21px;font-size:16px}.toolbar-hint{display:none}.story-detail-fields{grid-template-columns:1fr 1fr}.story-detail-fields label:last-child{grid-column:span 2}}


.writing-actions{display:flex;align-items:center;gap:9px}.publish-story{border:0;border-radius:3px;background:#b2755d;color:white;padding:11px 16px;font:600 11px var(--sans);cursor:pointer;transition:background .18s}.publish-story:hover{background:#965e49}.created-toolbar .sort-wrap select{font-weight:700;color:var(--green)}.published-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:11px;color:var(--green);font-size:9px}.read-book{border:1px solid #d9d6ca;border-radius:2px;background:transparent;padding:6px 8px;color:#536348;font:600 9px var(--sans);cursor:pointer}.read-book:hover{background:#f3f3f3}.published-tag{font-size:9px;color:var(--green);margin:9px 0 0}.card-actions{z-index:2}@media(max-width:560px){.writing-actions{gap:5px}.writing-actions .save-story,.writing-actions .publish-story{padding:9px 8px;font-size:9px}.writing-top>.wordmark{display:none}}

.brand-logo{width:36px;height:36px;display:block;object-fit:contain}.writing-top .brand-logo{width:33px;height:33px}.wordmark{gap:9px}

.hero-art{align-items:center;padding:20px}.hero-brand-logo{width:min(205px,64%);height:auto;position:relative;z-index:1;filter:drop-shadow(0 9px 14px #36372820)}

.writing-top{height:93px;position:relative}.writing-actions{height:70px;justify-content:center;align-content:center;flex-wrap:wrap}.thumbnail-link{flex-basis:100%;text-align:right;padding-right:8px;color:var(--green);text-decoration:underline;text-underline-offset:3px;font:500 10px var(--sans);cursor:pointer}.thumbnail-link:hover{color:#394b35}.thumbnail-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.thumbnail-input:focus-visible+.thumbnail-link{outline:2px solid var(--green)}.thumbnail-preview{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:12px;background:#fff;border:1px solid var(--line);width:max-content;max-width:100%}.thumbnail-preview img{width:68px;height:94px;object-fit:cover;border-radius:2px}.thumbnail-preview button{border:0;background:transparent;color:var(--green);text-decoration:underline;cursor:pointer;font:11px var(--sans)}.custom-cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.card-actions{z-index:2}@media(max-width:560px){.writing-top{height:93px}.writing-actions{height:74px}.thumbnail-link{padding-right:2px}}

/* In edit mode the thumbnail link defines the shared right edge. */
.writing-actions{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-items:stretch;align-items:center;column-gap:9px;row-gap:3px;height:auto}.writing-actions #saveStory,.writing-actions #publishStory{grid-row:1}.writing-actions #saveStory{grid-column:1}.writing-actions #publishStory{grid-column:2}.writing-actions .thumbnail-link{grid-column:2;grid-row:2;padding:0;text-align:right;white-space:nowrap}.writing-actions #publishStory.hidden{display:none}.writing-actions #publishStory.hidden+#saveStory{grid-column:2}.writing-actions #saveStory.hidden{display:none}.writing-actions #saveStory.hidden~.thumbnail-link{grid-column:2}.writing-actions:has(#publishStory.hidden) #saveStory{grid-column:2}.writing-actions:has(#publishStory:not(.hidden)) #saveStory{grid-column:1}.writing-top{height:93px}

.reader-screen{min-height:100vh;background:#fff}.reader-screen.hidden{display:none}.reader-top{height:70px;padding:0 7%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.read-only-label{font-size:9px;letter-spacing:.12em;color:var(--green);font-weight:700}.reader-main{width:min(760px,86%);margin:0 auto;padding:62px 0 100px}.reader-cover{display:block;width:145px;max-height:210px;object-fit:cover;margin:0 auto 32px;box-shadow:0 8px 22px #322f2422}.reader-meta{text-align:center;border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:37px}.reader-meta h1{font:500 clamp(34px,5vw,52px)/1.16 var(--serif);letter-spacing:-.035em;margin:15px 0 8px}.reader-meta p{color:var(--muted);font-size:12px;margin:0}.reader-story{color:#39392f;font:18px/1.95 var(--serif);overflow-wrap:anywhere}.reader-story p,.reader-story div{margin:0 0 1.25em}.reader-story font[size="2"]{font-size:15px}.reader-story font[size="4"]{font-size:21px}.reader-story font[size="5"]{font-size:24px}.reader-story font[size="1"]{font-size:12px}.reader-story font[size="6"]{font-size:29px}.reader-story font[size="7"]{font-size:34px}.reader-end{text-align:center;margin-top:56px;color:var(--green);font:italic 13px var(--serif);letter-spacing:.14em}@media(max-width:560px){.reader-top{height:62px;padding:0 5%}.reader-top .wordmark{display:none}.read-only-label{font-size:8px}.reader-main{width:88%;padding:42px 0 70px}.reader-story{font-size:16px}}

.published-card{cursor:pointer}.published-card:hover .cover,.published-card:hover .custom-cover{transform:translateY(-3px);transition:transform .18s}.published-card:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:2px}.published-card .card-actions{cursor:default}.published-card .card-actions button{cursor:pointer}

#readerStory{scroll-margin-top:26px}

.account-actions{display:flex;align-items:center;gap:12px}.account-button{border:0;background:transparent;color:var(--green);font:600 11px var(--sans);cursor:pointer;padding:10px 0}.account-button:hover{text-decoration:underline;text-underline-offset:3px}.auth-note{margin:-9px 0 18px;color:var(--muted);font-size:11px;line-height:1.6}.auth-error{min-height:16px;color:#a34f3d;font-size:11px;margin:6px 0}.auth-toggle{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--green);text-decoration:underline;text-underline-offset:3px;font:500 11px var(--sans);cursor:pointer}.auth-toggle:hover{color:#394b35}.auth-name{display:flex;flex-direction:column;gap:7px;margin:15px 0;color:#57564c;font-size:10px;font-weight:600}.auth-name input,.auth-name+#accountEmail{border:1px solid var(--line)}#authSubmit:disabled{opacity:.65;cursor:wait}.published-card .card-actions{display:none!important}@media(max-width:560px){.account-actions{gap:7px}.account-button{font-size:9px}.account-actions .add-button{padding:10px 9px;font-size:9px}}


#authDialog[open]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:30px;border:0;border-radius:0;background:#fff;color:var(--ink);display:grid;place-items:center;overflow:auto}#authDialog[open]::backdrop{background:#fff;backdrop-filter:none}#authDialog #authForm{width:min(420px,100%);padding:clamp(18px,4vw,36px);margin:auto}#authDialog .dialog-head{margin-bottom:25px}#authDialog .dialog-head h2{font:500 clamp(35px,6vw,48px)/1.1 var(--serif)}#authDialog .close-button{display:none}#authDialog .auth-note{font-size:13px;line-height:1.7;margin-bottom:25px}#authDialog #authForm>label{display:flex;flex-direction:column;gap:9px;margin:20px 0;color:#57564c;font-size:12px;font-weight:600}#authDialog #authForm input{width:100%;border:1px solid var(--line);border-radius:2px;background:#fff;padding:14px;color:var(--ink);font:16px var(--sans);outline:none}#authDialog #authForm input:focus{border-color:#87947b;box-shadow:0 0 0 3px #69795d15}#authDialog .auth-toggle{margin-top:22px;font-size:13px}body.account-required{overflow:hidden}body.account-required>*:not(#authDialog){display:none!important}

.account-author{display:flex;align-items:center;align-self:end;min-height:42px;padding:9px 1px;color:var(--muted);font-size:14px;border-bottom:1px solid var(--line)}

.published-cover-wrap{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center;justify-items:center;overflow:visible;background:transparent}.published-cover-wrap>.cover{width:min(100%,117px);height:166px}.published-cover-wrap>.custom-cover{position:relative;inset:auto;width:min(100%,117px);height:166px;object-fit:contain;place-self:center}.published-read-count{grid-column:1;grid-row:1;justify-self:start;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-top:10px;color:var(--green);line-height:1}.published-read-count strong{font:600 26px/1 var(--sans)}.published-read-count span{font-size:12px;font-weight:600;margin-top:3px}.published-read-count small{font-size:9px;margin-top:7px;color:var(--muted)}.published-cover-wrap>.cover,.published-cover-wrap>.custom-cover{grid-column:2;grid-row:1}.published-card:hover .published-cover-wrap>.cover,.published-card:hover .published-cover-wrap>.custom-cover{transform:translateY(-3px);transition:transform .18s}@media(max-width:560px){.published-cover-wrap{grid-template-columns:42px minmax(0,1fr);gap:5px}.published-cover-wrap>.cover{width:min(100%,108px);height:153px}.published-cover-wrap>.custom-cover{width:min(100%,108px);height:153px}.published-read-count strong{font-size:22px}.published-read-count span{font-size:10px}}

/* Published cover panel: frame the cover area, with reads kept in the left rail. */
.published-cover-wrap:after{content:"";position:absolute;left:calc(54px + 8px);right:0;top:0;bottom:0;border:1px solid #222;pointer-events:none;z-index:0}.published-cover-wrap>.custom-cover{width:min(100%,166px);height:auto;max-height:166px;aspect-ratio:1;object-fit:contain;z-index:1}.published-cover-wrap>.cover{z-index:1}@media(max-width:560px){.published-cover-wrap:after{left:calc(42px + 5px)}.published-cover-wrap>.custom-cover{width:min(100%,138px);max-height:138px}}

/* Published covers and their metadata share the same left alignment. */
.published-cover-wrap{display:flex;justify-content:center;align-items:center;padding:18px;overflow:visible;background:transparent}.published-cover-wrap:after{left:0;right:0;top:0;bottom:0;border:1px solid #222;z-index:0}.published-cover-wrap>.custom-cover{width:min(100%,166px);height:166px;max-height:166px;aspect-ratio:1;object-fit:contain;z-index:1}.published-cover-wrap>.cover{z-index:1}.published-card .card-bottom{justify-content:flex-start;gap:12px}.published-card .published-tag{font-size:12px;color:var(--green);margin:10px 0 0}.published-card .card-info{padding-left:1px;padding-right:1px}@media(max-width:560px){.published-cover-wrap{padding:14px}.published-cover-wrap:after{left:0;right:0}.published-cover-wrap>.custom-cover{width:min(100%,138px);height:138px;max-height:138px}}

.published-card .card-bottom{justify-content:flex-start}.published-card .published-stats{display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin-top:8px;margin-left:auto}.published-card .published-stats .published-tag{margin:0;text-align:right;font-size:12px}.published-card .published-rating{display:block;color:#aa7952;letter-spacing:.06em;font-size:12px;line-height:1}

.published-card{--published-cover-size:204px;position:relative}.published-card .published-cover-wrap{height:var(--published-cover-size)}.published-card .published-stats{position:absolute;z-index:2;top:calc(var(--published-cover-size) - 43px);right:0;margin:0;gap:5px;align-items:flex-end}.published-card .published-stats .published-tag{font-size:12px}.published-card .published-rating{font-size:12px}@media(max-width:560px){.published-card{--published-cover-size:184px}.published-card .published-cover-wrap{height:var(--published-cover-size)}}

.published-card .published-stats{position:static;margin:9px 0 0 auto;gap:5px;align-items:flex-end;width:max-content}.published-card .published-stats .published-tag{text-align:right}

/* Park reads and stars in the marked gap: below the cover's bottom-right edge. */
.published-card .published-stats{position:absolute;top:calc(var(--published-cover-size) + 2px);right:0;margin:0;gap:3px;align-items:flex-end;width:max-content;z-index:2}.published-card .published-stats .published-tag{font-size:12px;line-height:1.2}.published-card .published-rating{font-size:12px;line-height:1.2}

.editor-toolbar>button.format-active{border:2px solid #2878e8;background:#eaf2ff;color:#174f9c;box-shadow:0 0 0 1px #2878e833}.editor-toolbar>button:focus-visible{outline:2px solid #2878e8;outline-offset:1px}

.editor-toolbar .insert-image-button{border:1px solid var(--line);border-radius:2px;background:#fff;padding:4px 9px;color:var(--green);font:500 10px var(--sans);white-space:nowrap;cursor:pointer}.editor-toolbar .insert-image-button:hover{border-color:var(--green);background:#f5f8f3}.story-editor img.story-image{display:block;max-width:100%;height:auto;margin:1.5em auto;transform-origin:center center;cursor:pointer}.story-editor img.story-image:focus{outline:2px solid #2878e8}.reader-story img.reader-image{display:block;max-width:100%;height:auto;transform-origin:center center}

.published-rating-control{display:flex;align-items:center;gap:1px}.rating-star{border:0;background:transparent;color:#c7c3b8;padding:0 1px;font:14px/1 var(--sans);cursor:pointer}.rating-star.selected,.rating-star:hover{color:#aa7952}.rating-star:focus-visible{outline:2px solid #2878e8;outline-offset:1px}

.editor-toolbar{height:auto;min-height:43px;flex-wrap:wrap;row-gap:7px;padding-top:7px;padding-bottom:7px}.editor-toolbar .toolbar-hint{margin-left:auto}@media(max-width:560px){}

.editor-shell{position:relative}.image-selection{position:absolute;z-index:12;border:1px solid #2878e8;pointer-events:none;transform-origin:center center}.image-selection.hidden{display:none}.image-selection button{position:absolute;pointer-events:auto;padding:0;background:#fff;border:1px solid #2878e8;color:#2878e8;touch-action:none;user-select:none}.image-resize-handle{width:10px;height:10px;border-radius:0!important}.image-resize-handle.nw{left:-5px;top:-5px;cursor:nwse-resize}.image-resize-handle.ne{right:-5px;top:-5px;cursor:nesw-resize}.image-resize-handle.sw{left:-5px;bottom:-5px;cursor:nesw-resize}.image-resize-handle.se{right:-5px;bottom:-5px;cursor:nwse-resize}.image-rotate-stem{position:absolute;left:50%;top:-27px;height:20px;width:1px;background:#2878e8;transform:translateX(-50%)}.image-selection .image-rotate-handle{width:15px;height:15px;left:50%;top:-35px;transform:translateX(-50%);border-radius:50%;font:12px/13px var(--sans);cursor:grab}.image-selection .image-rotate-handle:active{cursor:grabbing}

.editor-toolbar .history-button{min-width:27px;height:27px;padding:0 5px;border:1px solid transparent;border-radius:2px;background:transparent;color:#4d5148;font:20px/1 var(--sans);cursor:pointer}.editor-toolbar .history-button:hover:not(:disabled){border-color:#d9d6ca;background:#fff}.editor-toolbar .history-button:disabled{opacity:.35;cursor:default}

/* Keep the direct size and angle controls available alongside image handles. */


.published-rank{position:absolute;left:0;top:-21px;color:var(--green);font-size:11px;line-height:1.2;font-weight:600;z-index:2}@media(max-width:560px){.published-rank{top:-18px;font-size:10px}}

.book-grid.created-view .published-card .card-actions{display:flex!important;opacity:1}.book-grid.created-view .published-card .card-actions button{box-shadow:0 1px 4px #0003}

.confirm-dialog{width:min(440px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);box-shadow:0 20px 80px #25221833}.confirm-dialog::backdrop{background:#292a2190;backdrop-filter:blur(3px)}.confirm-dialog form{padding:30px}.confirm-dialog h2{font:500 27px/1.2 var(--serif);margin:10px 0}.confirm-dialog p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.confirm-actions button{border:1px solid var(--line);border-radius:3px;padding:10px 14px;background:#fff;color:var(--ink);font:600 11px var(--sans);cursor:pointer}.confirm-actions .confirm-delete{border-color:#a34f3d;background:#a34f3d;color:#fff}.confirm-actions .confirm-delete:hover{background:#843d2f}@media(max-width:560px){.confirm-dialog form{padding:24px}.confirm-dialog h2{font-size:24px}}