.dao-reader-page{--reader-bg:#fbfaf6;--reader-text:#292822;--reader-muted:#77746b;background:var(--reader-bg);color:var(--reader-text);transition:.2s background,.2s color}
.dao-reader-page[data-reader-theme="sepia"]{--reader-bg:#f3ead7;--reader-text:#3f382d;--reader-muted:#746b5d}
.dao-reader-page[data-reader-theme="dark"]{--reader-bg:#171916;--reader-text:#e8e7df;--reader-muted:#9c9f98}
.dao-reader-page[data-reader-theme="amoled"]{--reader-bg:#000;--reader-text:#ddd;--reader-muted:#888}
.dao-reader-page .dao-header,.dao-reader-page .dao-footer{background:color-mix(in srgb,var(--reader-bg) 92%,transparent);border-color:color-mix(in srgb,var(--reader-text) 14%,transparent)}
.dao-reader-page .dao-comments,.dao-reader-page .dao-comment-list .comment-body{background:var(--reader-bg);color:var(--reader-text);border-color:color-mix(in srgb,var(--reader-text) 14%,transparent)}
.dao-progress{position:fixed;left:0;right:0;top:var(--dao-header);height:3px;z-index:110;background:transparent}.admin-bar .dao-progress{top:calc(var(--dao-header) + 32px)}.dao-progress span{display:block;width:0;height:100%;background:var(--dao-accent)}
.dao-reader{--reader-width:var(--dao-reader-width);position:relative;min-height:100vh;padding:16px max(12px,var(--reader-margin,24px)) 64px}
.dao-reader__crumbs{display:flex;align-items:center;gap:10px;width:min(100%,var(--reader-width));margin:0 auto;color:var(--reader-muted);font-size:11px}.dao-reader__crumbs a{font-weight:700}.dao-reader__crumbs span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dao-reader-article{width:min(100%,var(--reader-width));margin:auto}
.dao-reader-header{padding:24px 0 20px;text-align:left;border-bottom:1px solid color-mix(in srgb,var(--reader-text) 14%,transparent)}
.dao-reader-header h1{max-width:850px;margin:0 0 10px;font:750 clamp(25px,4vw,39px)/1.16 var(--dao-font-display);letter-spacing:-.035em}
.dao-reader-header p{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;color:var(--reader-muted);font-size:11px}.dao-reader-header p span+span:before{content:"·";margin-right:16px}
.dao-reader-content{padding:26px 0;font-family:var(--reader-font,var(--dao-font-reading));font-size:var(--reader-size,19px);line-height:var(--reader-line,1.8);letter-spacing:.005em}
.dao-reader-content p{margin:0 0 var(--reader-spacing,1.15em)}.dao-reader-content h2,.dao-reader-content h3{margin:1.5em 0 .6em;font-family:var(--dao-font-display);line-height:1.25}.dao-reader-content img{margin:1.5em auto;border-radius:10px}.dao-reader-content a{color:var(--dao-accent);text-decoration:underline}
.dao-reader-tools{position:fixed;left:50%;bottom:18px;z-index:90;transform:translateX(-50%);transition:.2s transform,.2s opacity}.dao-reader-tools.is-hidden{transform:translate(-50%,calc(100% + 28px));opacity:0}
.dao-reader-toolstrip{display:flex;align-items:center;padding:4px;border:1px solid color-mix(in srgb,var(--reader-text) 16%,transparent);border-radius:12px;background:color-mix(in srgb,var(--reader-bg) 94%,transparent);box-shadow:0 10px 32px rgba(0,0,0,.14);backdrop-filter:blur(16px)}
.dao-reader-toolstrip>a,.dao-reader-toolstrip>button{display:grid;place-items:center;min-width:39px;height:38px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--reader-text);cursor:pointer;font-weight:750}.dao-reader-toolstrip>a:hover,.dao-reader-toolstrip>button:hover{background:color-mix(in srgb,var(--reader-text) 9%,transparent)}.dao-reader-toolstrip .dao-icon{width:17px}.dao-reader-toolstrip button span{margin-left:5px;font-size:11px}
.dao-reader-panel{position:absolute;left:50%;bottom:54px;width:min(410px,calc(100vw - 24px));padding:16px;border:1px solid color-mix(in srgb,var(--reader-text) 16%,transparent);border-radius:13px;background:var(--reader-bg);box-shadow:0 18px 60px rgba(0,0,0,.2);transform:translateX(-50%)}
.dao-setting{display:grid;gap:6px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--reader-text) 10%,transparent);font-size:11px;font-weight:700}.dao-setting:last-child{border:0}.dao-setting select{height:34px;border:1px solid color-mix(in srgb,var(--reader-text) 16%,transparent);border-radius:7px;background:var(--reader-bg);color:var(--reader-text);padding:0 8px}.dao-setting input[type="range"]{width:100%;accent-color:var(--dao-accent)}
.dao-segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.dao-segmented--four{grid-template-columns:repeat(4,1fr)}.dao-segmented button{height:32px;border:1px solid color-mix(in srgb,var(--reader-text) 16%,transparent);border-radius:7px;background:transparent;color:var(--reader-text);cursor:pointer;font-size:10px}.dao-segmented button.is-active{background:var(--reader-text);color:var(--reader-bg)}
.dao-reader-actions{padding:14px 0}.dao-reader-footer{padding:26px 0;border-top:1px solid color-mix(in srgb,var(--reader-text) 14%,transparent);text-align:center}.dao-reader-footer>p{margin-top:0;color:var(--reader-muted);font-family:var(--dao-font-reading);font-style:italic}
.dao-reader-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:18px}.dao-reader-nav>a:last-child{justify-self:end}.dao-reader-nav>a:first-child{justify-self:start}.dao-reader-nav .dao-button span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dao-reader-focus .dao-header,.dao-reader-focus .dao-footer,.dao-reader-focus .dao-reader__crumbs,.dao-reader-focus .dao-reader-comments{display:none}.dao-reader-focus .dao-progress{top:0}
.dao-infinite-chapter{padding-top:28px}.dao-infinite-chapter h2{font-size:clamp(24px,3.5vw,34px)}
@media(max-width:600px){.admin-bar .dao-progress{top:calc(var(--dao-header) + 46px)}.dao-reader{padding-top:10px}.dao-reader__crumbs{gap:7px}.dao-reader__crumbs span{max-width:68vw}.dao-reader-header{padding:17px 0 15px}.dao-reader-header h1{font-size:clamp(23px,7vw,31px)}.dao-reader-content{padding:20px 0;font-size:var(--reader-size,18px)}.dao-reader-panel{max-height:72vh;overflow:auto}.dao-reader-toolstrip button span{display:none}.dao-reader-nav .dao-button span{display:none}.dao-reader-nav .dao-button{padding-inline:14px}.dao-reader-page:has(.dao-ad--mobile_sticky) .dao-reader-tools{bottom:calc(var(--dao-ad-min-height,90px) + 12px)}}
