/* Separate cover labels */
.category-bubble,.story-cover .category-bubble{display:flex;flex-wrap:wrap;gap:5px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0;line-height:1.4}
.category-tag{display:inline-block;background:#fff2f7f5;color:#78314f;border:1px solid #ecc2d3;border-radius:4px;padding:7px 10px;font:600 10px/1.4 var(--sans);box-shadow:0 2px 7px #49233810;overflow-wrap:anywhere}
.category-example .category-bubble{position:static;max-width:100%}
/* Consistent selects, including the options menu */
.select-control{position:relative;min-width:0;margin-top:7px;width:100%;font:500 12px/1.5 var(--sans);text-align:left}
.select-control .enhanced-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap;border:0!important}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:47px;padding:12px 15px;border:1px solid #dfc6d1;border-radius:9px;background:var(--paper,#fffaf8);color:var(--ink);text-align:left;font:inherit;box-shadow:0 2px 8px #77335006;transition:border-color .2s,box-shadow .2s}
.select-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger:hover,.select-open .select-trigger{border-color:var(--wine);box-shadow:0 0 0 3px #b43b680b}.select-chevron{font-size:18px;line-height:1;color:var(--wine);transition:transform .2s}.select-open .select-chevron{transform:rotate(180deg)}
.select-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:85;padding:6px;max-height:245px;overflow:auto;overscroll-behavior:contain;background:var(--paper,#fffaf8);color:var(--ink);border:1px solid #dfc3d0;border-radius:11px;box-shadow:0 12px 35px #56233924;animation:options-in .14s ease-out}
.select-option{display:block;width:100%;min-height:40px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;padding:10px 12px;font:inherit;overflow-wrap:anywhere}.select-option:hover,.select-option:focus-visible{background:#f8e3ed;color:#71314e}.select-option[aria-selected=true]{background:#f1d4e1;color:#702c4a;font-weight:700}.select-option:disabled{opacity:.45;cursor:default}.opens-up .select-options{top:auto;bottom:calc(100% + 7px)}
.browse-toolbar{gap:20px;flex-wrap:wrap}.browse-toolbar form{display:flex;gap:12px;align-items:center;min-width:0;flex-wrap:wrap}.browse-toolbar label{margin:0;white-space:nowrap}.browse-toolbar .select-control{width:205px;margin:0}.browse-toolbar .small-button{min-height:47px;border-radius:9px}.settings-panel .select-control{margin-block:8px 14px}
.reader-theme-dark .select-options,.reader-theme-dark .select-trigger{border-color:var(--line)}.reader-theme-dark .select-option[aria-selected=true]{background:#513242;color:#f8e4ed}
@keyframes options-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Search stays on the current page. */
body.search-open{overflow:hidden}.search-drawer{position:fixed;inset:calc(var(--sticky-header-height,104px) + 12px) 0 auto;width:min(920px,calc(100% - 40px));margin:0 auto;padding:0;max-height:calc(100dvh - var(--sticky-header-height,104px) - 30px);overflow:auto;overscroll-behavior:contain;background:#fff9f8;color:#392b34;border:1px solid #e7bacc;border-radius:16px;box-shadow:0 24px 90px #45223540}.search-drawer[open]{animation:drawer-in .25s ease-out}.search-drawer::backdrop{background:#39233066;backdrop-filter:blur(4px)}.search-drawer-inner{padding:30px 35px}.search-drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.search-drawer-heading .eyebrow{margin-bottom:8px;font-size:8px}.search-drawer-heading h2{font-size:29px;margin-bottom:0}.search-drawer-heading .icon-button{flex:none;border-radius:50%;font-size:29px;background:#f7e1eb;color:#803550}.search-drawer .search-form{margin:25px 0 15px;width:100%;display:flex;gap:10px}.search-drawer .search-form input{margin:0;border-radius:8px;background:#fff;min-width:0;flex:1}.search-drawer .search-form button{min-height:48px;padding:10px 20px;gap:10px;border-radius:8px}.search-status{margin:15px 0}.search-result{display:flex;align-items:center;gap:18px;padding:17px 0;border-top:1px solid #ebd2dd}.search-result>img{width:56px;height:76px;object-fit:cover;border-radius:4px;flex:none}.search-result>div{min-width:0;flex:1}.search-result h3{font-size:19px;margin:0 0 5px}.search-result p{font-size:11px;color:#866b78;line-height:1.7;margin:0 0 7px}.search-result-tags{display:flex;flex-wrap:wrap;gap:5px}.search-result .category-tag{padding:3px 7px;font-size:8px;box-shadow:none}.search-result-arrow{color:#9e4168}.search-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.search-pagination button{border-radius:7px}.search-pagination .small{white-space:nowrap}
@keyframes drawer-in{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
/* Replies follow their parent, with a short quote above the reply text. */
.comment-thread{min-width:0}.comment-threads>.comment-thread{margin-block:22px}.comment-thread .comment{margin:0;padding:20px 18px;border:1px solid #e8d6df;border-radius:10px;background:var(--paper);scroll-margin-top:calc(var(--sticky-header-height,104px) + 65px)}.comment-thread .comment-author{background:#fae7ef;border-color:#e7b6cb;border-left:3px solid var(--wine)}.comment-thread .comment-reply:not(.comment-author){padding-left:18px;border-left:1px solid #e8d6df;background:#fff9f9}.comment-children{margin:9px 0 0 38px;padding-left:14px;border-left:2px solid #eac5d6;display:grid;gap:9px}.comment-children .comment-children .comment-children{margin-left:0;padding-left:10px}.comment-quote{margin:13px 0 12px;padding:10px 13px;border-left:2px solid #c884a3;border-radius:0 6px 6px 0;background:#f1e4eb80;font-size:11px;color:#82596d}.comment-quote>a{font-size:10px;display:block;margin-bottom:4px}.comment-quote p,.comment-quote details p{margin:0;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.comment-quote summary{font-size:10px;padding:3px 0}.comment-content .comment-form{margin:18px 0 4px;padding-top:16px;border-top:1px solid #e7c3d4}.comment-content .comment-form .form-two{gap:12px}.comment-content .comment-form label{font-size:11px}.comment-content .comment-form .button{min-height:43px;padding:10px 15px;font-size:11px}.comment-content .comment-form textarea{background:#fffafc;border-radius:7px}.comment-form .reply-label{border-radius:7px}.comment-thread .comment-avatar{width:32px;height:32px;font-size:15px}.comment-thread .comment-header{gap:8px}.comment-thread .comment-header time{font-size:9px}.comment-thread .comment-header strong{overflow-wrap:anywhere}.comment-thread .comment-actions{gap:17px}.comment-sort a{padding:7px 13px;border:1px solid #e3c5d3;border-radius:6px}
/* Subtle entrance of sections; chapter paragraphs are intentionally kept steady. */
.reveal{animation:none}.will-arrive{opacity:0;transform:translateY(20px);transition:opacity .65s ease var(--arrival-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--arrival-delay,0ms)}.will-arrive.has-arrived{opacity:1;transform:none}
.literary-arrival{position:fixed;inset:0;z-index:110;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse,#fff6faeb,#f7dfe9cf);animation:arrival-out 1.15s ease both}.literary-arrival>p{font:italic 23px var(--serif);color:#843556;letter-spacing:-.4px}.arrival-book{position:relative;width:105px;height:76px;perspective:500px}.arrival-page{position:absolute;bottom:0;width:50%;height:70px;background:#fffaf1;border:1px solid #c4829f;box-shadow:0 6px 15px #7d355f18}.arrival-page:after{content:'';position:absolute;inset:14px 8px;background:repeating-linear-gradient(transparent 0 7px,#dfbec7 8px,transparent 9px)}.arrival-page.left{left:0;transform-origin:right bottom;border-radius:12px 1px 1px 4px;transform:rotate(-8deg);animation:page-left .75s ease both}.arrival-page.right{right:0;transform-origin:left bottom;border-radius:1px 12px 4px 1px;transform:rotate(8deg);animation:page-right .75s ease both}.arrival-heart{position:absolute;top:-25px;left:42px;color:#ac3d69;font:34px var(--serif);animation:heart-rise .85s ease both}
@keyframes page-left{from{transform:rotateY(75deg) rotate(-8deg);opacity:.2}to{transform:rotateY(0) rotate(-8deg);opacity:1}}@keyframes page-right{from{transform:rotateY(-75deg) rotate(8deg);opacity:.2}to{transform:rotateY(0) rotate(8deg);opacity:1}}@keyframes heart-rise{from{opacity:0;transform:translateY(15px) scale(.7)}to{opacity:1;transform:none}}@keyframes arrival-out{0%,48%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(max-width:550px){.category-bubble{gap:4px}.category-tag{font-size:9px;padding:6px 8px}.browse-toolbar{gap:13px}.browse-toolbar form{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.browse-toolbar .select-control{width:100%}.browse-toolbar .small-button{padding-inline:10px;font-size:10px}.select-trigger{gap:9px;padding-inline:12px;min-height:46px}.search-drawer{width:calc(100% - 20px);border-radius:12px}.search-drawer-inner{padding:22px 17px}.search-drawer-heading{gap:10px}.search-drawer-heading h2{font-size:24px}.search-drawer .search-form{gap:7px}.search-drawer .search-form button{width:47px;flex:none;padding:10px}.search-drawer .search-form button span{display:none}.search-drawer .search-form input{font-size:12px;padding:12px}.search-result{gap:12px;padding-block:15px}.search-result h3{font-size:17px}.search-result>img{width:45px;height:64px}.search-result p{font-size:10px}.search-result-arrow{display:none}.search-pagination{gap:5px}.search-pagination button{padding:7px 9px;font-size:10px}.comment-thread .comment{gap:9px;padding:14px 11px}.comment-thread .comment-reply:not(.comment-author){padding-left:11px}.comment-thread .comment-avatar{width:27px;height:27px;font-size:13px}.comment-children{margin-left:12px;padding-left:9px}.comment-children .comment-children{margin-left:0;padding-left:7px}.comment-thread .comment-header time{width:100%}.comment-thread .comment-content>p{font-size:12px}.comment-quote{padding:9px;font-size:10px}.comment-content .comment-form .form-two{grid-template-columns:1fr;gap:0}.comment-content .comment-form .button{gap:10px}.literary-arrival>p{font-size:21px}}
@media(prefers-reduced-motion:reduce){.will-arrive{opacity:1;transform:none;transition:none}.literary-arrival{display:none}.select-options,.search-drawer[open]{animation:none}}
.reader-theme-dark .comment-thread .comment{background:#302a30;border-color:var(--line);color:var(--ink)}.reader-theme-dark .comment-thread .comment-author{background:#432b38;border-left-color:var(--wine)}.reader-theme-dark .comment-author .comment-content>p,.reader-theme-dark .comment-author .comment-header strong{color:var(--ink)}.reader-theme-dark .comment-quote{background:#3b3039;color:#d6b9c9;border-color:#a56d8b}.reader-theme-dark .comment-children{border-color:#69445b}.reader-theme-dark .comment-content .comment-form textarea{background:#292529;color:var(--ink)}.reader-theme-dark .author-label{background:#9e4b73;color:#fff}.search-drawer .search-form input{color:#392b34}
/* A calm discussion: only the author's signature carries the accent. */
.comment-thread .comment-author,.comment-thread .comment-reply:not(.comment-author){background:var(--paper);border:1px solid #e8d6df}.comment-author .comment-avatar{background:var(--paper-deep);color:var(--wine)}.comment-author .comment-content>p,.comment-author .comment-header strong{color:var(--ink)}.comment-children{border-left-color:var(--line)}.comment-quote{background:var(--paper-deep);border-left-color:var(--line);color:var(--muted)}.comment-identity{background:var(--paper);border-color:var(--line)}.reader-theme-dark .comment-thread .comment-author,.reader-theme-dark .comment-thread .comment-reply:not(.comment-author){background:#302a30;border-color:var(--line)}.reader-theme-dark .comment-children{border-color:var(--line)}.reader-theme-dark .comment-quote{background:var(--paper-deep);color:var(--muted);border-color:var(--line)}
.will-arrive{transform:translateY(25px);transition:opacity .9s ease var(--arrival-delay,0ms),transform .95s cubic-bezier(.16,1,.3,1) var(--arrival-delay,0ms)}.will-arrive.has-arrived{transform:none}.intro-running .will-arrive{opacity:0;transform:translateY(25px)}.literary-arrival{animation:arrival-welcome 3.4s ease both;gap:22px}.arrival-page.left{animation-duration:1.2s}.arrival-page.right{animation-duration:1.2s}.arrival-heart{animation-duration:1.4s}.literary-arrival>p{margin:0}.arrival-caption{font:500 10px var(--sans);letter-spacing:1.5px;color:#a26680}.arrival-book:before{content:'✧';position:absolute;left:-25px;top:-30px;color:#c07496;font:25px var(--serif);animation:heart-rise 1.7s ease both}@keyframes arrival-welcome{0%{opacity:0}12%,65%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.will-arrive,.intro-running .will-arrive{opacity:1;transform:none;transition:none}.literary-arrival{display:none}}
.reader-mode{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(680px,calc(100% - 44px));margin-bottom:30px;padding:14px 0;border-block:1px solid var(--line);font-size:10px;color:var(--muted)}.reader-mode>div{display:flex;gap:5px}.reader-mode button{border:1px solid var(--line);border-radius:6px;padding:8px 15px;min-height:38px;font:500 10px var(--sans);background:transparent;color:var(--ink)}.reader-mode button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:var(--paper)}.reader-pages{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(680px,calc(100% - 44px));margin:24px auto;font:500 11px var(--sans)}.reader-pages [data-page-prev]{justify-self:start}.reader-pages [data-page-next]{justify-self:end}.reader-pages [data-page-label]{text-align:center;color:var(--muted);white-space:nowrap}.reader-pages button{border-radius:7px;color:var(--ink);min-height:43px;line-height:1.4}.reader-pages button:disabled{cursor:default;opacity:.35}.reader-text.is-paged{min-height:180px;scroll-margin-top:calc(var(--sticky-header-height,104px) + 70px)}.reader-theme-dark .reader-mode button[aria-pressed=true]{color:#261d24}.reader-theme-dark .reader-pages button{color:var(--ink)}@media(max-width:550px){.reader-mode{gap:10px;margin-bottom:20px}.reader-mode>span{font-size:9px}.reader-mode button{padding:8px 11px;font-size:9px}.reader-pages{gap:8px;font-size:9px;margin-block:20px}.reader-pages button{padding:8px 10px;font-size:9px;max-width:115px;min-height:43px}.reader-pages [data-page-label]{font-size:9px}}
.reader-pages-top{position:sticky;top:calc(var(--sticky-header-height,104px) + var(--reader-tools-height,56px));z-index:34;margin-block:0 24px;padding-block:9px;background:var(--paper);border-bottom:1px solid var(--line)}
.reader-mode-shortcut{border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:500 10px var(--sans);padding:9px 12px;min-height:36px;align-self:center;white-space:nowrap}.reader-tools{gap:15px}.reader-mode-shortcut:disabled{cursor:default}.reader-theme-dark .reader-mode-shortcut{color:var(--ink)}@media(max-width:550px){.reader-tools{gap:8px}.reader-mode-shortcut{font-size:9px;padding:8px;min-height:34px}.reader-settings>summary span{display:none}}