@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,"Noto Serif SC",sans-serif;color:#e8e8df;background:#10191d;--line:#29383a;--lime:#cfed83}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 80% 0%,#1d3031,transparent 40%),#10191d}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr;max-width:1800px;margin:auto}.rail{height:100vh;position:sticky;top:0;padding:30px 22px;border-right:1px solid var(--line);background:#111b1e;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand>b{font:600 31px Playfair Display;color:var(--lime)}.brand>b span{color:#fff}.brand strong{font-size:12px;letter-spacing:2px}.brand small{display:block;margin-top:4px;font:9px DM Mono;color:#758582;letter-spacing:1px}.rail hr{border:0;border-top:1px solid var(--line);width:100%;margin:31px 0 24px}.rail>label,.heading>div>small{font:10px DM Mono;letter-spacing:1px;color:#82908d}.rail nav{display:grid;gap:5px;margin-top:12px}.rail nav button{border:0;background:none;color:#9ba7a2;padding:11px 10px;border-radius:4px;display:flex;justify-content:space-between;cursor:pointer}.rail nav button span{display:flex;align-items:center;gap:11px}.rail nav svg{width:16px}.rail nav small{font:10px DM Mono;color:#647370}.rail nav .active{background:#1d2a2c;color:#edf0e4;box-shadow:inset 2px 0 var(--lime)}.rail nav .active svg{color:var(--lime)}.rail-bottom{margin-top:auto;color:#aeb8b1;font-size:11px}.rail-bottom p{padding:14px 11px;border:1px solid #2b3a3a}.rail-bottom p:first-letter{color:var(--lime)}.rail-bottom small{display:block;color:#788780;margin:8px 0 0 16px;font:10px DM Mono}.profile{padding-top:14px;border-top:1px solid var(--line)}.profile small{margin-left:28px}.content{padding:0 clamp(24px,5vw,80px);max-width:1450px;width:100%;margin:auto}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;color:#9aa69f;font-size:11px}header span{margin-left:auto;font:10px DM Mono;color:#9ba79f}header span:first-letter{color:var(--lime)}.hero{height:250px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;overflow:hidden}.hero>div:first-child{z-index:1}.hero small{font:9px DM Mono;color:#82908d;letter-spacing:1.5px}.hero h1{font:500 clamp(36px,4vw,58px)/1.2 "Noto Serif SC";margin:22px 0 12px;letter-spacing:1px}.hero h1 span{color:var(--lime)}.hero p{font-size:13px;color:#879590}.moon{position:absolute;right:12%;top:62px;width:130px;height:130px;border-radius:50%;background:linear-gradient(140deg,#d8e4ba,#819c85 60%,#344e4a);box-shadow:0 0 70px #c2e4ae24}.moon:after{content:"";position:absolute;width:112px;height:112px;left:30px;top:12px;border-radius:50%;background:#10191d}.stats{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.stats b{font:20px DM Mono;font-weight:400}.stats b small{font:10px DM Sans;color:#82908d;margin-left:9px}.stats i{height:20px;border-left:1px solid #344141}.stats>span{margin-left:auto;font:10px "Noto Serif SC";color:#687975}.heading{padding:38px 0 22px;display:flex;justify-content:space-between;align-items:end}.heading h2{font:500 24px "Noto Serif SC";margin:8px 0 0}.heading>div>small{font-size:9px}.tools{display:flex;gap:8px}.tools label,.tools button{height:36px;border:1px solid #344243;background:none;color:#9ba7a2;padding:0 10px;display:flex;align-items:center;gap:8px;border-radius:3px}.tools input{width:120px;background:none;border:0;outline:0;color:#fff;font-size:11px}.tools button{cursor:pointer}.tools .scan{background:var(--lime);border-color:var(--lime);color:#18211c;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}article{min-width:0}.cover{position:relative;aspect-ratio:1.34;overflow:hidden;padding:15px;display:flex;flex-direction:column;justify-content:flex-end;color:#f3e9d2;background:linear-gradient(145deg,#a75e4c,#382f38);transition:.25s}article:hover .cover{transform:translateY(-4px)}.cover-b{background:linear-gradient(150deg,#75958d,#172f39)}.cover-c{background:linear-gradient(145deg,#cc9a60,#573e35)}.cover-d{background:linear-gradient(145deg,#a0a474,#344a47)}.cover>small,.cover>footer{position:absolute;font:8px DM Mono;letter-spacing:1px;opacity:.8}.cover>small{top:12px;left:14px}.cover>footer{right:10px;bottom:10px;font-size:6px}.cover>strong{z-index:1;max-width:75%;font:600 19px/1.4 "Noto Serif SC";text-shadow:0 2px 10px #0005}.cover>span{z-index:1;font:10px "Noto Serif SC";margin-top:4px}.rings{position:absolute;width:190px;height:190px;border:1px solid #f4e7cc45;border-radius:50%;right:-25px;top:-55px;box-shadow:inset 0 0 0 25px transparent}.rings:before,.rings:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:1px solid #f4e7cc45;border-radius:50%}.rings:after{top:48px;right:48px;bottom:48px;left:48px;background:#e1b2841c}.cover-b .rings{border-radius:2px;transform:rotate(42deg)}.cover-c .rings{height:80px;top:35px;transform:rotate(-28deg)}.cover-d .rings{width:105px;height:160px;border-radius:54% 46% 0 0;transform:rotate(18deg)}.cover em{position:absolute;right:0;top:12px;padding:5px 8px;background:var(--lime);color:#29362a;font:9px DM Sans;font-style:normal}article h3{font:500 14px "Noto Serif SC";margin:12px 0 5px}article>p{font-size:10px;color:#7e8c86;margin:0 0 9px}.tags{display:flex;gap:6px;min-height:20px}.tags span{border:1px solid #30403e;padding:3px 7px;color:#91a097;font-size:9px}.progress{display:flex;align-items:center;gap:9px;margin-top:11px;height:4px;background:#344341}.progress i{height:2px;background:var(--lime)}.progress small{font:9px DM Mono;color:#a4b096}.bookfoot{display:flex;justify-content:space-between;margin-top:12px;color:#71807a;font-size:9px}.bookfoot span:first-child{display:flex;align-items:center;gap:5px}.notice,.empty{padding:20px;border:1px solid #586b4a;color:#d4e8b4}.empty{text-align:center;margin-top:10px;border-style:dashed;border-color:#344443;color:#83908b}.empty svg{color:var(--lime)}.empty h3{font:18px "Noto Serif SC"}.empty p{font-size:12px}.end{display:flex;justify-content:space-between;margin-top:50px;border-top:1px solid var(--line);padding:17px 0;color:#65746f;font:9px DM Mono;letter-spacing:.6px}.end span{margin-left:auto}@media(max-width:1050px){.shell{grid-template-columns:200px 1fr}.content{padding:0 28px}.grid{grid-template-columns:repeat(3,1fr)}.moon{right:4%;opacity:.65}}@media(max-width:700px){.shell{display:block}.rail{height:auto;position:relative;padding:14px 16px;display:block;border-right:0;border-bottom:1px solid var(--line)}.rail hr,.rail>label,.rail-bottom{display:none}.rail nav{display:flex;overflow:auto;margin-top:12px}.rail nav button{white-space:nowrap;padding:8px}.rail nav button span{gap:6px}.rail nav svg{width:14px}.content{padding:0 17px}header{height:54px}.hero{height:205px}.moon{right:-35px;opacity:.35}.hero p{max-width:290px;line-height:1.8}.stats{gap:11px}.stats b{font-size:16px}.stats b small{font-size:9px;margin-left:5px}.stats>span{display:none}.heading{align-items:flex-start;flex-direction:column;gap:16px;padding-top:28px}.tools{width:100%}.tools label{flex:1}.tools input{width:100%;min-width:0}.tools button{padding:0 9px}.tools .scan{white-space:nowrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cover{padding:11px}.cover>strong{font-size:15px}.cover>footer{font-size:5px}.end{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}article[role=button]{cursor:pointer}article[role=button]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081012ce;z-index:9;display:grid;place-items:center;padding:18px}.book-dialog{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;background:#172326;border:1px solid #40524c;padding:29px;color:#e8e8df;box-shadow:0 25px 90px #0008}.book-dialog>small{font:9px DM Mono;letter-spacing:1.2px;color:#a7bf7b}.book-dialog h2{font:23px "Noto Serif SC";margin:10px 0 22px}.book-dialog label{display:grid;gap:7px;margin:13px 0;color:#9ca9a1;font-size:11px}.book-dialog input,.book-dialog textarea,.book-dialog select{width:100%;background:#10191d;border:1px solid #344243;color:#e7e9dd;padding:10px;outline:none;border-radius:2px}.book-dialog textarea{min-height:76px;resize:vertical}.book-dialog input:focus,.book-dialog textarea:focus,.book-dialog select:focus{border-color:#9ab274}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book-dialog .close{position:absolute;right:15px;top:11px;background:none;border:0;color:#9aa69f;font-size:25px;cursor:pointer}.book-dialog .save{width:100%;justify-content:center;margin-top:8px}.filepath{font:10px DM Mono;color:#6f7d77;overflow-wrap:anywhere}@media(max-width:500px){.book-dialog{padding:22px}.form-row{grid-template-columns:1fr 1fr}}.reader{--reader-bg:#10191d;--reader-paper:#e7e3d8;--reader-ink:#deded4;--reader-muted:#82908b;min-height:100vh;background:var(--reader-bg);color:var(--reader-ink);transition:background .25s,color .25s}.reader.paper{--reader-bg:#ede9df;--reader-ink:#292d29;--reader-muted:#73766f}.reader.warm{--reader-bg:#e7dcc5;--reader-ink:#46392c;--reader-muted:#82745f}.reader-top{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;border-bottom:1px solid color-mix(in srgb,var(--reader-ink),transparent 85%)}.reader-top button,.reader-tools button{display:flex;align-items:center;gap:8px;background:none;border:0;color:var(--reader-muted);cursor:pointer;font-size:12px}.reader-top>div{text-align:center}.reader-top>div b,.reader-top>div small{display:block}.reader-top>div b{font:500 13px "Noto Serif SC"}.reader-top>div small{font:9px DM Mono;color:var(--reader-muted);margin-top:5px}.reader-top>span{text-align:right;color:var(--reader-muted);font:10px DM Mono}.reader-progress{height:2px;background:color-mix(in srgb,var(--reader-ink),transparent 90%)}.reader-progress i{display:block;height:100%;background:#abc47c;transition:width .3s}.reader-body{display:grid;grid-template-columns:250px minmax(0,760px);gap:clamp(30px,7vw,105px);justify-content:center;min-height:calc(100vh - 132px);padding:40px 32px 120px}.toc{align-self:start;position:sticky;top:30px;max-height:calc(100vh - 200px);overflow:auto;padding-right:12px}.toc>div{display:flex;align-items:baseline;gap:12px;padding-bottom:17px;border-bottom:1px solid color-mix(in srgb,var(--reader-ink),transparent 85%);margin-bottom:10px}.toc>div small{font:9px DM Mono;letter-spacing:1px;color:var(--reader-muted)}.toc>div b{font:15px "Noto Serif SC"}.toc button{width:100%;display:block;text-align:left;padding:10px 9px;border:0;border-left:1px solid transparent;background:none;color:var(--reader-muted);font:12px "Noto Serif SC";cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc button:hover,.toc button.current{color:var(--reader-ink);border-left-color:#abc47c;background:color-mix(in srgb,#abc47c,transparent 92%)}.page{min-width:0}.page-meta{display:flex;gap:10px;align-items:center;color:var(--reader-muted);font:9px DM Mono;letter-spacing:.6px}.page-meta span{color:#a8bf7c}.page h1{font:500 31px/1.5 "Noto Serif SC";letter-spacing:1px;margin:37px 0 34px;color:var(--reader-ink)}.prose{font-family:"Noto Serif SC",serif;line-height:2.12;letter-spacing:.035em;max-width:680px;min-height:330px}.prose p{margin:0 0 1.5em}.prose h1,.prose h2,.prose h3{font-family:"Noto Serif SC";line-height:1.6;margin:1.8em 0 .9em}.prose blockquote{margin:1.5em 0;padding-left:1.2em;border-left:2px solid #a8bf7c;color:var(--reader-muted)}.prose img{max-width:100%;height:auto}.prose pre{white-space:pre-wrap;font:inherit}.page-nav{display:flex;align-items:center;justify-content:space-between;margin-top:72px;padding-top:19px;border-top:1px solid color-mix(in srgb,var(--reader-ink),transparent 85%)}.page-nav button{display:flex;align-items:center;gap:5px;background:none;border:0;color:var(--reader-ink);padding:8px 0;cursor:pointer;font:12px "Noto Serif SC"}.page-nav button:disabled{opacity:.3;cursor:default}.page-nav span{font:10px DM Mono;color:var(--reader-muted)}.reader-tools{position:fixed;z-index:3;bottom:22px;left:50%;transform:translate(-50%);height:48px;display:flex;align-items:center;gap:13px;padding:0 15px;border:1px solid color-mix(in srgb,var(--reader-ink),transparent 82%);border-radius:5px;background:color-mix(in srgb,var(--reader-bg),transparent 7%);box-shadow:0 10px 40px #0002;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap}.reader-tools button{padding:6px;color:var(--reader-ink)}.reader-tools button:hover{color:#9dbb6e}.reader-tools>span:not(.reader-tip){height:18px;border-left:1px solid color-mix(in srgb,var(--reader-ink),transparent 80%)}.reader-tools>svg{color:var(--reader-muted)}.reader-tip{font:9px DM Mono;color:var(--reader-muted);margin-left:4px}.dialog-actions{display:flex;gap:10px}.dialog-actions>*{flex:1}.read-button{display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid #53644d;color:#dce7c8;background:#25312b;cursor:pointer}.read-button:hover{background:#2e3c33}@media(max-width:850px){.reader-body{grid-template-columns:190px minmax(0,650px);gap:30px;padding:32px 24px 110px}.toc{top:20px}.page h1{font-size:26px}}@media(max-width:620px){.reader-top{height:58px;padding:0 13px;grid-template-columns:auto 1fr auto;gap:8px}.reader-top button{font-size:0;gap:0}.reader-top>div b{font-size:11px}.reader-top>div small{font-size:8px}.reader-body{display:block;padding:27px 22px 110px}.toc{position:fixed;z-index:2;left:10px;top:70px;bottom:83px;width:min(280px,80vw);max-height:none;padding:14px;background:var(--reader-bg);border:1px solid color-mix(in srgb,var(--reader-ink),transparent 80%);box-shadow:0 20px 50px #0005}.reader:not(.toc-visible) .toc{display:none}.page h1{font-size:24px;margin:28px 0}.prose{line-height:2.05}.reader-tools{bottom:12px;gap:7px;padding:0 10px}.reader-tip{display:none}}@media(prefers-reduced-motion:reduce){.reader,.reader-progress i{transition:none}}