:root{--ink:#293d39;--muted:#596b64;--accent:#8c784d;--line:#71877b30;color:#293d39;background:#e9ede5}body{background:linear-gradient(135deg,#f2f3eadc,#e5ece6ed);transition:opacity .15s,transform .15s}body::before{background-image:url('/assets/meadow-master-v1.webp');filter:blur(3px) saturate(.65);opacity:.4}body.content-leaving{opacity:0;transform:translateY(3px)}.site-header{width:min(1240px,calc(100% - 64px));min-height:84px}.site-brand{color:var(--ink)}.brand-dot{background:#b89d63}.site-nav{color:#4e655b;gap:24px}.site-nav a[aria-current]::after{background:#b59b62;height:1px;width:100%}.site-directory{position:relative}.site-directory summary{cursor:pointer;list-style:none;padding:12px 0;color:#52665d}.site-directory summary::-webkit-details-marker{display:none}.site-directory>nav{position:absolute;z-index:20;right:0;top:45px;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:4px;padding:14px;min-width:310px;border:1px solid #fffdf2;border-radius:12px;background:#eff2e9f5;box-shadow:0 12px 50px #33473924;backdrop-filter:blur(20px)}.site-directory>nav>a{padding:10px 12px;border-radius:7px;font-size:13px}.site-directory>nav>a:hover{background:#e0d2ad54}.site-directory>nav>a small{display:block;font-size:8px;letter-spacing:.12em;color:#7f826b;margin-bottom:4px}.page-shell,.site-footer{width:min(1060px,calc(100% - 72px));margin:auto;padding-left:0}.page-shell{min-height:calc(100svh - 180px);padding-top:45px}.site-footer{font-size:11px;padding-top:24px;padding-bottom:35px}.glass,.reader-paper,.filter-bar,.category-card,.shelf-card,.article-card{background:linear-gradient(120deg,#f6f6eef0,#eef2e7d9);border:1px solid #fffff7;box-shadow:0 7px 25px #3d53440e,inset 0 0 0 1px #82917b12;backdrop-filter:blur(18px) saturate(.82);border-radius:12px}.category-card,.project-card,.shelf-card,.article-card{position:relative}.category-card::after,.project-card::after,.shelf-card::after,.article-card::after{content:'';position:absolute;right:11px;bottom:11px;width:4px;height:4px;border:1px solid #ad95637d;transform:rotate(45deg)}.category-card:hover,.project-card:hover,.shelf-card:hover,.article-card:hover{border-color:#baa471a6}.page-heading h1{font-size:clamp(30px,3.3vw,44px);font-weight:500;letter-spacing:.02em}.page-heading p{font-size:14px;max-width:680px}.eyebrow{color:#7e8167;letter-spacing:.18em}.eyebrow::before{background:#b49c69}.content-prose,.sheet-prose{font-size:15px;line-height:1.95;color:#344d43}.content-prose h2,.content-prose h3{color:#2f443a}.content-prose a,.sheet-prose a{color:#74643c;text-underline-offset:4px}.content-prose code{background:#dce4d8a6}.content-prose blockquote{border-color:#b5a076;background:#e5e8d94d}.action-link,.quiet-button{border-color:#a9a48258;color:#4f624f;background:#edf0df8a;border-radius:6px}.action-link:hover,.quiet-button:hover{border-color:#b29b67;background:#eee5cbb3}.content-prose pre{overflow:auto;max-width:100%;white-space:pre;padding:18px;background:#e1e8dc;border-radius:8px}.section-toolbar{padding:17px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 24px}.section-search{display:flex;gap:10px;align-items:center;flex:1;min-width:180px}.section-search input{width:100%;min-width:0;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 2px;font:inherit;font-size:14px;color:var(--ink);outline-offset:4px}.section-search button,.section-toolbar select{padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#f3f4e9;color:#485b4e;font-size:12px}.section-tags{display:flex;gap:7px;flex-wrap:wrap}.section-tags a{font-size:11px;padding:6px 10px;border:1px solid #83927a38;border-radius:5px;background:#f0f2e6}.section-tags a[aria-current]{border-color:#ad9569;color:#806c43}.section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.section-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s;text-align:left}.section-card:hover{transform:translateY(-3px);border-color:#b29d76}.section-card-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#e0e6d9}.section-card-copy{padding:22px;flex:1}.section-card h2{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 10px;overflow-wrap:anywhere}.section-card p{font-size:13px;line-height:1.85;color:#55685b;margin:0 0 14px}.section-card-meta{font-size:10px;color:#738172;display:flex;gap:8px;flex-wrap:wrap}.section-card-foot{padding:0 22px 19px;display:flex;justify-content:space-between;font-size:11px;color:#7c734d}.section-detail{padding:32px 36px;min-width:0}.section-detail .detail-banner{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:8px;margin-bottom:26px}.section-detail h1{font-size:34px;line-height:1.4;font-weight:500;margin:9px 0 20px}.section-detail .intro-text{font-size:15px;line-height:1.9;color:#52665b}.section-detail-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.section-detail-images figure{margin:0}.section-detail-images img{display:block;width:100%;height:auto;border-radius:8px}.section-detail-images button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.section-detail-images figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:7px}.pagination{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:32px;font-size:12px}.pagination a,.pagination>span{padding:8px 11px;border:1px solid #8a99833b;border-radius:5px;background:#edf0e4ad}.pagination [aria-current]{background:#d6c69d7d;border-color:#b7a376}.pagination [aria-disabled]{opacity:.4}.pagination small{margin-left:10px;color:var(--muted)}.result-summary{margin-top:25px;font-size:12px;color:var(--muted);text-align:right}.section-error{min-height:340px;display:grid;align-content:center;justify-items:center;padding:35px;text-align:center}.section-error h2{font-size:23px;font-weight:500}.section-error p{font-size:14px;line-height:1.9;color:var(--muted);max-width:600px}.profile-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px}.profile-portrait{width:150px;height:150px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 10px 30px #62705a20}.profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-facts>div{padding:20px}.profile-facts dt{font-size:11px;color:#7e816d}.profile-facts dd{font-size:15px;line-height:1.8;margin:9px 0 0;overflow-wrap:anywhere}.public-note{font-size:12px;color:var(--muted);line-height:1.85;margin:20px 0}.music-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.music-tabs button{padding:10px 20px;border:1px solid #87987d44;background:#f1f3e7;border-radius:7px;color:#52654e;font:inherit;font-size:13px;cursor:pointer}.music-tabs button[aria-selected=true]{background:#e1d8b9a6;border-color:#b6a16d;color:#665739}.track-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.track-row{display:flex;gap:16px;align-items:center;padding:13px 17px}.track-row img{width:58px;height:58px;object-fit:cover;border-radius:6px;flex:none}.track-copy{flex:1;min-width:0}.track-copy h3{font-size:15px;font-weight:550;margin:0 0 7px}.track-copy p{font-size:12px;color:var(--muted);margin:0;overflow-wrap:anywhere}.track-row>a{font-size:11px;color:#7a6843}.music-stats{display:flex;gap:24px;flex-wrap:wrap;margin:20px 0 26px;font-size:12px;color:#5a6a5a}.calendar-panel{padding:28px;max-width:700px;margin:0 auto}.calendar-navigation{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.calendar-navigation h2{font-size:23px;font-weight:500;margin:0}.calendar-navigation button{padding:8px 12px;border:1px solid #8794774d;background:#eef1e5;border-radius:5px;color:#4d614d}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:7px}.calendar-grid>span{padding:13px 2px;min-height:45px;font-size:14px}.calendar-grid .weekday{font-size:11px;color:#829075;min-height:30px;padding:8px 0}.calendar-grid .today{border:1px solid #b69a65;border-radius:7px;background:#e4d6af73}.big-clock{font-size:clamp(48px,8vw,76px);font-family:Georgia,serif;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.04em;margin:0 0 15px}.github-calendar{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,8px);grid-auto-columns:minmax(2px,1fr);gap:2px;overflow:hidden;min-height:68px;margin:25px 0}.github-calendar i{background:#d8e0cf;border-radius:1px}.github-calendar i[data-level='1']{background:#b8c59d}.github-calendar i[data-level='2']{background:#9eaf82}.github-calendar i[data-level='3']{background:#a39565}.github-calendar i[data-level='4']{background:#ae8e50}.inline-page-search{display:flex;gap:10px;margin:22px 0}.inline-page-search input{flex:1;min-width:0;padding:12px 15px;font:inherit;font-size:14px;border:1px solid #9bab914d;background:#f5f6edef;border-radius:7px}.inline-page-search button{padding:10px 17px;border:1px solid #aa986c7d;border-radius:7px;background:#e6e4d2;color:#54634d}.image-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;background:#22372feF;color:#f0f2e6;padding:25px}.image-lightbox::backdrop{background:#20372be6}.image-lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.image-lightbox img{max-width:100%;max-height:calc(100dvh - 150px);object-fit:contain}.image-lightbox button{padding:10px 18px;background:#edf0e51f;color:#fff;border:1px solid #ffffff60;border-radius:5px}.image-lightbox p{font-size:12px}.content-toc{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:12px}.content-toc a{color:#718062}.copy-contact{cursor:pointer}.site-footer>span{max-width:none}.section-card-foot .external-mark{font-size:14px}.reader-aside{top:25px}.reading-progress{background:#ad9663}@media(min-width:1181px)and(max-width:1440px){.page-shell,.site-footer{width:calc(100% - 230px);margin-left:180px;margin-right:50px}}@media(max-width:1000px){.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:150px minmax(0,1fr);gap:24px}}@media(max-width:760px){.site-header{width:calc(100% - 36px);min-height:74px;flex-wrap:wrap;padding:15px 0}.site-nav{gap:16px;flex-wrap:wrap;font-size:11px}.site-directory>nav{right:-5px;min-width:290px}.page-shell,.site-footer{width:calc(100% - 36px);margin:auto;padding-left:0}.page-shell{padding-top:29px}.content-prose{font-size:14px}.section-detail{padding:23px}.section-detail h1{font-size:28px}.section-card-copy{padding:19px}.section-toolbar{padding:13px}.profile-layout{grid-template-columns:1fr}.profile-portrait{width:100px;height:100px}.profile-facts{gap:10px}.track-row{gap:11px;padding:12px}.track-row img{width:46px;height:46px}.track-row>a{max-width:60px;line-height:1.7}.calendar-panel{padding:21px}.calendar-grid{gap:3px}.calendar-grid>span{padding:11px 1px}.site-footer{padding-bottom:80px}.section-detail-images{gap:10px}.section-search{min-width:150px}.site-directory>nav>a{font-size:12px}}@media(max-width:520px){.section-grid{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr}.section-detail-images{grid-template-columns:1fr}.site-brand{font-size:12px}.site-nav{gap:14px}.site-directory>nav{position:fixed;top:110px;left:18px;right:18px;min-width:0;max-height:70svh;overflow:auto}.calendar-navigation{gap:8px}.calendar-navigation h2{font-size:19px}.calendar-navigation button{padding:7px 8px}.music-tabs button{padding:9px 15px}.section-detail{padding:21px 18px}.section-card h2{font-size:21px}}@media(prefers-reduced-motion:reduce){body,.section-card{animation:none;transition:none;transform:none}html{scroll-behavior:auto}}
.prose-table{max-width:100%;overflow:auto;margin:20px 0}.prose-table table{border-collapse:collapse;width:100%;font-size:14px}.prose-table td,.prose-table th{border:1px solid var(--line);padding:10px 14px;text-align:left}.prose-table th{background:#dfe7d9}.content-prose pre code{background:none;padding:0;white-space:pre;font:13px/1.8 Consolas,monospace}

/* Reading sections share the adopted glass material, with distinct compositions. */
@font-face{font-family:Caveat;src:url('/fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
body[data-reading-design]{--reading-ink:#405b58;--reading-muted:#6e8580;--reading-accent:#829b8a;--ink:var(--reading-ink);--muted:var(--reading-muted);--line:#8ca19629;color:var(--ink);min-height:100svh;background-attachment:fixed}
body[data-reading-design]::before{content:'';position:fixed;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 4px,#6d847b04 4px 5px);filter:none;opacity:1;pointer-events:none}
body[data-reading-design] .site-header{width:min(1280px,calc(100% - 80px));min-height:100px;align-items:center;border:0;gap:24px}
body[data-reading-design] .site-brand{font:600 25px Caveat,serif;letter-spacing:.015em;color:#45635a;gap:10px}
body[data-reading-design] .site-brand img{width:34px;height:34px;border:2px solid #fff9;border-radius:50%;box-shadow:0 3px 12px #617b6715}
body[data-reading-design] .brand-dot{width:4px;height:4px;background:#b29c76;box-shadow:none}
body[data-reading-design] .site-nav{padding:11px 19px;gap:24px;background:#f8faf255;border:1px solid #ffffffb3;border-radius:24px;backdrop-filter:blur(10px);font-size:12px;color:#6b8176}
body[data-reading-design] .site-nav a[aria-current]{color:#4a6a5b}
body[data-reading-design] .site-nav a[aria-current]::after{background:#b09a74;bottom:-3px;height:1px}
body[data-reading-design] .site-directory>nav{border-radius:22px;background:#f3f6eef7;border-color:#fff;box-shadow:0 20px 45px #506f5720}
body[data-reading-design] .page-shell,body[data-reading-design] .site-footer{width:min(1100px,calc(100% - 112px));margin-inline:auto;padding-left:0;padding-right:0}
body[data-reading-design] .page-shell{padding-top:35px;padding-bottom:60px;min-height:calc(100svh - 195px)}
body[data-reading-design] .site-footer{padding:24px 0 32px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);gap:22px}
body[data-reading-design] .site-footer>span{max-width:none}
body[data-reading-design] .glass{position:relative;border:1px solid #ffffffd9;border-radius:30px;background:linear-gradient(130deg,#ffffff38,#fafbf01a),#f8fbf28c;box-shadow:0 22px 40px -31px #41664c4a,inset 0 1px 1px #fff;backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12);isolation:isolate}
body[data-reading-design] .glass::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,25%),#ffffff80,transparent 62%);transition:opacity .3s}
body[data-reading-design] .glass:hover::before{opacity:1}
body[data-reading-design] .glass::after{content:'';position:absolute;top:14px;right:14px;width:10px;height:10px;border-top:1px solid #b6a078;border-right:1px solid #b6a078;opacity:0;transform:translate(-3px,3px);transition:transform .3s,opacity .3s;pointer-events:none}
body[data-reading-design] .glass:hover::after,body[data-reading-design] .glass:focus-within::after{opacity:.7;transform:none}
body[data-reading-design] :is(a,button,input,select,summary):focus-visible{outline:2px solid #82a393;outline-offset:4px}
body[data-reading-design] .eyebrow{font:10px/1.7 var(--site-ui-font);letter-spacing:.1em;color:#8b9c8d}
body[data-reading-design] .eyebrow::before{width:14px;height:1px;background:#b6a078}
.reading-handnote{display:block;font:400 29px/1.1 Caveat,serif;color:#80968b;transform:rotate(-4deg)}
.reading-section-label{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 16px 19px;font-size:11px;color:#7f9488}
.reading-section-label>span:last-child{font-size:8px;letter-spacing:.12em;color:#96a494}
body[data-reading-design] .heading-foot{display:flex;align-items:center;gap:12px;margin:25px 0 0;font-size:10px;color:#899a88}
body[data-reading-design] .heading-rule{height:1px;max-width:55px;flex:1;background:#a5b59d55}
body[data-reading-design] .breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;line-height:1.8;color:#889a8b;margin:0 0 25px}
body[data-reading-design] .breadcrumbs i{font-style:normal;color:#b5bba8}
body[data-reading-design] .breadcrumbs [aria-current]{color:#5d7967;max-width:80vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-reading-design] .inline-page-search{display:flex;gap:9px;margin:14px 0 0;border-bottom:1px solid #a6b79e50}
body[data-reading-design] .inline-page-search input{min-width:0;width:100%;padding:9px 0 11px;border:0;border-radius:0;background:transparent;font:12px var(--site-ui-font);color:var(--ink)}
body[data-reading-design] .inline-page-search button{flex:none;border:0;padding:2px 4px;background:transparent;font:18px var(--site-ui-font);color:#8d9b75;cursor:pointer}
.reading-search-window{padding:23px 25px}.reading-search-window h2{font-size:12px;font-weight:500;margin:0;color:#77917d}
body[data-reading-design] .filter-bar{padding:24px;margin:0;border-radius:26px}
body[data-reading-design] .filter-controls{display:flex;gap:11px;min-width:0;align-items:center}
body[data-reading-design] .search-box{min-width:0;flex:1;gap:8px}
body[data-reading-design] .search-box input{font-size:12px;min-width:0;color:var(--ink)}
body[data-reading-design] .search-box svg{width:15px;height:15px;flex:none;color:#91a38a}
body[data-reading-design] .status-select{font-size:11px;padding:10px 11px;border:1px solid #a5b59342;border-radius:12px;background:#fbfdf363;color:#798e6e}
body[data-reading-design] .tag-filters{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}
body[data-reading-design] .filter-tag{font:10px var(--site-ui-font);padding:7px 10px;border:1px solid #adbb9a38;border-radius:10px;background:#fafff14d;color:#879b7f;cursor:pointer}
body[data-reading-design] .filter-tag[aria-pressed=true]{background:#dfe8d394;border-color:#a9bc8f7d;color:#58734e}
body[data-reading-design] .results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#889b82;margin:0 9px 17px}
body[data-reading-design] .reset-filters{background:none;border:0;color:#919572;font:10px var(--site-ui-font);cursor:pointer}
body[data-reading-design] [hidden]{display:none!important}
body[data-reading-design] .tags{display:flex;flex-wrap:wrap;gap:6px}
body[data-reading-design] .tags>span{border:1px solid #aebc9e2e;border-radius:8px;background:#f8fbed59;color:#839479;font-size:10px;padding:4px 8px}
body[data-reading-design] .document-meta{font-size:10px;line-height:1.8;color:#899b81;gap:10px}
body[data-reading-design] .action-link,body[data-reading-design] .quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:36px;padding:9px 14px;border:1px solid #acba974d;border-radius:12px;background:#f9fcf16b;color:#7a8c68;font:11px var(--site-ui-font);cursor:pointer;transition:background .25s,border-color .25s}
body[data-reading-design] .action-link:hover,body[data-reading-design] .quiet-button:hover{border-color:#bea97480;background:#f5eed699}
body[data-reading-design] .reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:30px;align-items:start}
body[data-reading-design] .reader-main{min-width:0}
body[data-reading-design] .reader-paper{padding:38px 42px;border-radius:30px;background:#fbfcf5ce;border:1px solid #ffffffeb;box-shadow:0 22px 40px -32px #3e634c40}
body[data-reading-design] .reader-paper .content-prose{font:15px/2 var(--site-ui-font);color:#4b6458;overflow-wrap:anywhere}
body[data-reading-design] .content-prose h2{font-size:23px;font-weight:500;line-height:1.6;color:#466751;margin:34px 0 17px;scroll-margin-top:30px}
body[data-reading-design] .content-prose h3{font-size:18px;font-weight:500;line-height:1.7;color:#5d785f;margin:26px 0 14px;scroll-margin-top:30px}
body[data-reading-design] .content-prose p{margin:0 0 20px}
body[data-reading-design] .content-prose pre{padding:20px;border:1px solid #b7c3a644;border-radius:15px;background:#e8eee07a;overflow:auto;white-space:pre;font:13px/1.9 Consolas,monospace}
body[data-reading-design] .content-prose code{font:13px/1.8 Consolas,monospace;background:#e5ecdc73;color:#668055;padding:3px 5px;border-radius:5px}
body[data-reading-design] .content-prose pre code{background:none;padding:0}
body[data-reading-design] .content-prose blockquote{border-left:2px solid #b9ab7b8a;border-radius:0 12px 12px 0;background:#e9e8d34d;padding:16px 21px;color:#7c8466}
body[data-reading-design] .content-prose a{color:#849664;text-underline-offset:4px}
body[data-reading-design] .content-prose :is(td,th){border-color:#b6c4aa63;padding:10px 12px;font-size:13px}
body[data-reading-design] .content-prose th{background:#e4ebd99e}
body[data-reading-design] .reader-cover{margin:0 0 28px}
body[data-reading-design] .reader-cover img{border-radius:20px;max-height:420px;object-fit:cover;filter:saturate(.8)}
body[data-reading-design] .reader-aside{position:sticky;top:24px;padding:20px 22px 23px;border-radius:27px;min-width:0}
body[data-reading-design] .reader-aside summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:11px;color:#7f9477;list-style:none;padding:0 0 15px}
body[data-reading-design] .reader-aside summary::-webkit-details-marker{display:none}
body[data-reading-design] .reader-aside summary small{display:none}
body[data-reading-design] .reader-aside summary :is(b,.journal-toc-toggle){font-weight:400;color:#a5af91}
body[data-reading-design] .reader-aside .reading-label{margin:0;font-size:11px;letter-spacing:.03em}
body[data-reading-design] .toc{border-left:1px solid #a4b9984d;padding-left:13px;gap:2px}
body[data-reading-design] .toc a{font-size:11px;padding:7px 0;color:#8a9d7e}
body[data-reading-design] .toc a[data-level="3"]{font-size:10px;padding-left:10px}
body[data-reading-design] .toc a[aria-current="location"]{font-weight:500;color:#58724c}
body[data-reading-design] .reader-meta{margin-top:25px}
body[data-reading-design] .meta-item{border-color:#a8bb982b;padding:15px 0}
body[data-reading-design] .meta-item dt{font-size:9px;color:#99a48c}
body[data-reading-design] .meta-item dd{font-size:11px;color:#778b6b}
body[data-reading-design] .reading-progress{background:#9eb28c;height:2px;z-index:20}
body[data-reading-design] .detail-return{border-color:var(--line);color:#839477;font-size:11px;margin-top:35px;padding-top:24px}
body[data-reading-design] .page-companion-slot{position:relative;pointer-events:none;flex:none;width:150px;min-height:150px;display:flex;align-items:flex-end;justify-content:center}
body[data-reading-design] .page-companion-slot .motion-companion{position:relative;inset:auto!important;width:min(var(--motion-character-width,150px),100%);max-width:100%;margin:0;z-index:2;pointer-events:none}
body[data-reading-design] .reader-aside>.page-companion-slot{width:130px;min-height:145px;margin:-65px auto 20px}
body[data-reading-design] .empty-state{min-height:330px;padding:35px 25px;border-radius:30px}
body[data-reading-design] .empty-state h2{font-size:22px;font-weight:500;color:#728768;margin:12px 0}
body[data-reading-design] .empty-state p{font-size:13px;color:#8b9d81;line-height:1.9;margin-bottom:22px}
body[data-reading-design] .empty-book{width:80px;height:80px;color:#a3b39a;margin-bottom:8px}
body[data-reading-design] .empty-book::before{background:#f8fbef73;border-color:#fff9}body[data-reading-design] .empty-book svg{width:44px;height:44px}
body[data-reading-design] .pagination{margin-top:28px;font-size:11px}
body[data-reading-design] .pagination :is(a,span){border-radius:10px;border-color:#a6b99538;background:#f7fbed73}
body[data-reading-design] .pagination [aria-current]{background:#dfe9d18c;border-color:#b1c09488}
@media(max-width:1050px){body[data-reading-design] .page-shell,body[data-reading-design] .site-footer{width:calc(100% - 70px);margin-inline:auto;padding-inline:0}body[data-reading-design] .reader-layout{grid-template-columns:minmax(0,1fr) 180px;gap:23px}body[data-reading-design] .reader-paper{padding:30px}body[data-reading-design] .reader-aside{padding:18px}}
@media(max-width:760px){body[data-reading-design] .site-header{width:calc(100% - 36px);min-height:110px;flex-wrap:wrap;padding:18px 0;gap:14px}body[data-reading-design] .site-brand{font-size:24px}body[data-reading-design] .site-nav{width:100%;justify-content:space-between;gap:14px;padding:10px 13px;font-size:11px}body[data-reading-design] .site-directory>nav{top:125px}body[data-reading-design] .page-shell,body[data-reading-design] .site-footer{width:calc(100% - 36px);margin-inline:auto;padding-inline:0}body[data-reading-design] .page-shell{padding-top:27px;padding-bottom:45px}body[data-reading-design] .site-footer{font-size:10px;padding:23px 0 32px;gap:15px}body[data-reading-design] .breadcrumbs{font-size:10px;gap:8px;margin-bottom:22px}body[data-reading-design] .reader-layout{grid-template-columns:1fr;gap:22px}body[data-reading-design] .reader-aside{position:relative;top:auto;order:-1;display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:16px;padding:15px 20px;min-height:105px}body[data-reading-design] .reader-aside>.page-companion-slot{width:80px;min-height:90px;margin:-30px 0 -5px}body[data-reading-design] .reader-meta{display:none}body[data-reading-design] .reader-aside details{min-width:0}body[data-reading-design] .reader-aside summary{padding:7px 0}body[data-reading-design] .reader-aside details[open]{grid-column:1/-1}body[data-reading-design] .reader-aside .toc{margin-top:12px}body[data-reading-design] .reader-paper{padding:27px 22px;border-radius:27px}body[data-reading-design] .reader-paper .content-prose{font-size:14px;line-height:2}body[data-reading-design] .content-prose h2{font-size:21px;margin-top:29px}body[data-reading-design] .content-prose h3{font-size:17px}body[data-reading-design] .reader-cover img{border-radius:17px}body[data-reading-design] .filter-bar{padding:20px}body[data-reading-design] .status-select{max-width:110px;font-size:10px}body[data-reading-design] .empty-state{min-height:275px;padding:32px 22px}body[data-reading-design] .empty-state h2{font-size:20px}body[data-reading-design] .empty-state p{font-size:12px}body[data-reading-design] .page-companion-slot{width:110px;min-height:120px}.reading-handnote{font-size:26px}.reading-section-label{font-size:10px;gap:12px}.reading-section-label>span:last-child{font-size:7px}body[data-reading-design] .detail-return{gap:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){body[data-reading-design] *,body[data-reading-design] *::before,body[data-reading-design] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(5px)){body[data-reading-design] .glass{background:#f3f7edf2}}