[hidden] { display: none !important; }

:root{--paper:#f4f2ec;--ink:#191c19;--muted:#62685f;--line:#d6d9d0;--accent:#294a3b;--card:#fffef9;font-family:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}body.library{--paper:#f5f5ef;--line:#d4dbcc;--card:#fffef9}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.shell{max-width:1420px;margin:auto;padding:0 5vw}.skip{position:fixed;top:-80px;left:15px;padding:15px;background:white;z-index:10}.skip:focus{top:8px}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:18px;white-space:nowrap}.brand small{display:block;font-family:Georgia,serif;font-size:9px;letter-spacing:2.4px;margin-top:6px}.eye{display:inline-flex;width:46px;height:27px;border:1.6px solid #111;border-radius:70% 20%;transform:rotate(12deg);background:#fff;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.pupil{width:17px;height:17px;background:#111;border-radius:50%;animation:look 8s linear infinite}.pupil:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:white;margin:3px}.peer{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0;white-space:nowrap}
.hero{position:relative;display:grid;grid-template-columns:1.6fr 1fr;gap:35px;padding:75px 0 65px;overflow:hidden}.kicker{font-family:Georgia,serif;font-size:11px;letter-spacing:3px;color:var(--muted)}h1{font-weight:400;font-size:clamp(42px,5.4vw,78px);line-height:1.3;letter-spacing:-2px;margin:23px 0}.hero p{font-size:14px;color:var(--muted);letter-spacing:2px}.art{align-self:center;justify-self:center;width:235px;height:235px;position:relative;border:1px solid #c0c7b9;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 19px,#bcc6b733 20px 21px);transform:rotate(-25deg)}.art:before{content:"";position:absolute;inset:24px -30px;border:1px solid #929f8b;border-radius:50%;transform:rotate(48deg)}.art:after{content:"";position:absolute;top:30px;right:33px;width:20px;height:20px;border-radius:50%;background:var(--ink);box-shadow:-125px 141px 0 -5px #788b70}
.library .art{border-radius:3px;width:162px;height:218px;border:1px solid #8d9e87;background:repeating-linear-gradient(90deg,#d9dfd0 0 2px,#f5f5ef 2px 7px);transform:rotate(12deg);box-shadow:12px 8px 0 -2px var(--paper),12px 8px 0 -1px #bcc6b7}.library .art:before{inset:20px;transform:none;border-radius:0;background:var(--paper)}.library .art:after{width:35px;height:35px;top:90px;right:65px;box-shadow:none;border:1px solid var(--ink);background:none}
.workspace{border-top:1px solid var(--line);padding-top:24px}.tools{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.search{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--ink);flex:1;min-width:220px;max-width:390px}.search span{font-size:24px}.search input{padding:12px 0;border:none;background:transparent;width:100%;font-size:14px;outline-offset:0}select,.pill{border:1px solid var(--line);background:transparent;padding:10px 14px;border-radius:30px;font-size:12px;min-height:42px}.pill.active{background:var(--ink);color:white;border-color:var(--ink)}.extras{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 18px}.filters a{font-size:13px;color:var(--muted);padding:9px 16px;border-radius:22px;border:1px solid transparent}.filters a[aria-current=page]{background:var(--ink);color:white}.filters a:hover{border-color:var(--line);text-decoration:none}.meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding-bottom:18px;letter-spacing:1px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.card{border:1px solid var(--line);border-radius:3px;background:var(--card);min-width:0;animation:appear .35s ease both}.card:nth-child(3n+2){animation-delay:.03s}.card summary{list-style:none;cursor:pointer;min-height:150px;padding:23px;position:relative}.card summary::-webkit-details-marker{display:none}.card summary:after{content:"+";position:absolute;right:18px;top:18px;color:var(--muted);font-family:Georgia,serif;font-size:18px}.card[open] summary:after{content:"−"}.card[open]{grid-column:1/-1}.card[open] summary{min-height:unset;border-bottom:1px solid var(--line);background:#eef0e8}.card .tag{display:block;font-size:10px;letter-spacing:1px;color:var(--muted);padding-right:18px}.card h2{font-weight:400;font-size:20px;line-height:1.5;margin:20px 18px 5px 0;overflow-wrap:anywhere}.card small{font-size:11px;line-height:1.6;color:var(--muted);display:block;max-height:3.2em;overflow:hidden}.library .card summary{border-left:5px solid #b5c2a8;min-height:185px}.library .card:nth-child(3n+2) summary{border-left-color:#d6c5b0}.library .card:nth-child(3n) summary{border-left-color:#aebec4}.detail{padding:24px clamp(20px,4vw,56px) 32px;max-width:980px;margin:auto}.detail h3{font-size:14px;font-weight:400;color:var(--accent);margin:28px 0 10px}.detail p{font-size:15px;line-height:1.95;white-space:pre-line;overflow-wrap:anywhere}.source{display:block;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;line-height:1.75;overflow-wrap:anywhere}.source b{font-weight:400}.source small{display:block;color:var(--muted);font-size:10px;max-height:unset;overflow:visible}.actions{display:flex;gap:10px;margin:22px 0 10px;flex-wrap:wrap}.textlink{font-size:12px;align-self:center;border-bottom:1px solid var(--line);padding:10px}.empty{text-align:center;padding:65px 20px;color:var(--muted);grid-column:1/-1}.pager{display:flex;justify-content:center;align-items:center;gap:24px;padding:34px;font-size:12px}.notice{font-size:12px;color:var(--muted);line-height:1.8}.privacy{border-top:1px solid var(--line);margin-top:24px;padding:20px 0}.privacy summary{cursor:pointer;font-size:12px;list-style:none}.privacy p{max-width:850px;font-size:12px;line-height:1.9;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:30px 0 40px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;max-width:920px;width:calc(100vw - 28px);height:85vh;padding:0}dialog::backdrop{background:#172015a0}.readerbar{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 22px;gap:20px}.readerbar h2{font-size:15px;font-weight:400}.readerbody{padding:24px clamp(18px,4vw,56px);white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,"Noto Serif CJK SC","SimSun",serif;font-size:16px;line-height:1.85}.status{font-size:12px;min-height:20px;margin:12px 0;color:var(--muted)}
@keyframes look{0%,100%{transform:translate(7px,0)}25%{transform:translate(0,4px)}50%{transform:translate(-7px,0)}75%{transform:translate(0,-4px)}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:48px 0 42px;grid-template-columns:1fr .55fr}.art{width:140px;height:140px}.art:after{top:10px;right:25px;box-shadow:-65px 100px 0 -5px #788b70}.library .art{width:105px;height:145px}.library .art:after{top:58px;right:38px;width:25px;height:25px}.hero p{font-size:12px;letter-spacing:0}.brand{font-size:16px}}
@media(max-width:520px){.shell{padding:0 20px}header{gap:12px;padding:20px 0}.brand{gap:9px}.brand small{font-size:8px;letter-spacing:1px}.eye{width:34px;height:21px}.pupil{width:13px;height:13px}.peer{font-size:11px}.hero{display:block;padding:35px 0 28px}.art{display:none}h1{font-size:44px;margin:18px 0}.grid{grid-template-columns:1fr}.tools{gap:12px}.search{max-width:none;flex-basis:100%}.filters{gap:3px;margin:17px 0}.filters a{padding:9px 12px}.card summary{min-height:132px}.library .card summary{min-height:140px}.card h2{font-size:20px}.pager{padding:25px 0;gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

.explore-tools{margin:20px 0 4px;border:1px solid var(--line);border-radius:4px;background:#eef0e666}
.explore-tools>summary{padding:14px 18px;cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between}
.explore-tools>summary:after{content:'+'}.explore-tools[open]>summary:after{content:'−'}
.tool-content{border-top:1px solid var(--line);padding:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.tool-content label{font-size:12px;display:flex;gap:8px;align-items:center}.tool-note{flex-basis:100%;margin:0;font-size:11px;color:var(--muted);line-height:1.8}
.local-consent{padding:10px 0}.local-consent input{accent-color:var(--accent);width:17px;height:17px}
.reading-label{display:flex;gap:9px;align-items:center;font-size:11px}.read-percent{font-size:11px;align-self:center;color:var(--muted)}
.related{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.related summary{font-size:12px;cursor:pointer;min-height:unset;padding:0;border:none!important;background:none!important}.related summary:after{content:none!important}.related-links{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.related-links a{border:1px solid var(--line);font-size:12px;padding:9px 13px;border-radius:22px}
.reader-controls{position:sticky;top:77px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 22px;background:var(--paper);border-bottom:1px solid var(--line);z-index:1}.readerbar{z-index:2;min-height:77px}.reader-controls button{padding:7px 12px;min-height:34px}.reader-controls progress{accent-color:var(--accent);max-width:140px;flex:1;min-width:50px}.reader-controls span{font-size:11px;white-space:nowrap}
.night-reading{--paper:#1c241e;--ink:#ecede3;--muted:#afb9a9;--line:#4a5849;--accent:#bccfa7}
@media(max-width:520px){.tool-content{padding:14px;gap:10px}.tool-content label{flex-wrap:wrap}.extras{gap:6px}.extras select{max-width:145px}.reading-label{flex-wrap:wrap}.readerbar{padding:10px 14px;height:77px}.readerbar h2{max-height:56px;overflow:auto}.reader-controls{padding:10px 12px;gap:7px}.reader-controls progress{max-width:85px}}


/* Original covers, a quiet pixel companion, and a thirty-second prologue. */
:root { --ink: #20211e; --accent: #343731; }
.library .grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 26px 22px; }
.library .card { border: 0; background: transparent; }
.library .card>summary { border-left: 0!important; padding: 0 0 18px; min-height: 0; }
.library .card>summary:after { top: auto; bottom: 16px; right: 3px; }
.library .card .cover-wrap { display: block; padding: 14px 18px 20px; background: #dedfd633; perspective: 1000px; margin-bottom: 17px; overflow:hidden; }
.book-cover { display: block; width: 100%; height: auto; aspect-ratio: 12/17; object-fit: contain; border-radius: 1px 3px 3px 1px; box-shadow: 2px 3px 2px #15181017, 9px 14px 22px #1518101c; transform: rotateY(-5deg); transform-origin: left center; transition: transform .35s ease,box-shadow .35s ease; }
.library .card>summary:hover .book-cover { transform: rotateY(-11deg) translateY(-3px); box-shadow: 8px 17px 26px #15181029; }
.library .card .tag { font-size: 9px; }
.library .card h2 { font-size: 17px; margin: 10px 18px 7px 0; }
.library .card[open] { border: 1px solid var(--line); background: var(--card); }
.library .card[open]>summary { display: grid; grid-template-columns: 165px 1fr; column-gap: 28px; padding: 24px; align-content:center; background: transparent; }
.library .card[open] .cover-wrap { grid-column: 1; grid-row: 1/4; margin: 0; padding: 0; background:none; }
.library .card[open] .tag,.library .card[open] h2,.library .card[open]>summary>small { grid-column: 2; }
.library .card[open] h2 { font-size: 25px; }
.cover-credit { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 12px; }
.cover-credit summary { min-height:0!important;padding:8px 0!important;font-size:12px;border:0!important;background:none!important; }
.cover-credit summary:after { content:none!important; }
.cover-credit p { font-size:12px; }
.hero-actions { display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px; }
.cinema-button { padding:10px 17px; background:transparent; border:1px solid var(--ink); border-radius:30px; font-size:11px; min-height:42px; }
.hero-vision { position:relative;min-width:0;align-self:center; }
.hero-eye-stage { position:relative;height:260px;width:100%;overflow:hidden;isolation:isolate; }
.hero-eye-stage canvas { position:absolute;width:100%;height:100%;inset:0; }
.hero-eye-stage:before { content:'';position:absolute;inset:18%;border:1px solid #bbc0b4;border-radius:50%;transform:rotate(-17deg);z-index:-1; }
.hero-eye-fallback { position:absolute;left:10%;right:10%;top:27%;height:46%;overflow:hidden;border-radius:80% 12%;transform:rotate(8deg);border:1px solid #222;background:#efeee7; }
.hero-eye-fallback img { width:39%;height:auto;position:absolute;left:31%;top:50%;transform:translateY(-50%) rotate(-8deg);border-radius:50%; }
.rendered .hero-eye-fallback,.rendered:before { visibility:hidden; }
.hero-vision-caption { display:flex;justify-content:space-between;padding:12px 15px;border-top:1px solid var(--line);font:9px Georgia,serif;letter-spacing:2px;color:var(--muted); }
.genesis { position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;border-radius:0;background:var(--paper);overflow:hidden;color:var(--ink); }
.genesis::backdrop { background:var(--paper); }
.genesis-active { overflow:hidden; }
.genesis-grain { pointer-events:none;position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.22' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:3; }
.genesis-top { position:absolute;left:5vw;right:5vw;top:max(22px,env(safe-area-inset-top));z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px; }
.genesis-top h2 { font-size:12px;font-weight:400;letter-spacing:4px; }
.genesis-top button { background:var(--paper); }
.genesis-stage-wrap { position:absolute;inset:12% 0 18%;opacity:calc(1 - var(--closing,0)); }
#genesis-sketch,#genesis-eye { position:absolute;inset:0;width:100%;height:100%; }
#genesis-eye { opacity:0;z-index:1; }
#genesis-eye canvas { width:100%;height:100%;display:block; }
#genesis-sketch { z-index:2;pointer-events:none; }
.genesis-bottom { position:absolute;left:8vw;right:8vw;bottom:max(28px,env(safe-area-inset-bottom));z-index:5; }
.genesis-caption { display:flex;justify-content:space-between;align-items:center;gap:12px; }
#genesis-stage { font-size:clamp(18px,2.5vw,28px);font-weight:400;letter-spacing:9px; }
.genesis-time { font:11px Georgia,serif;letter-spacing:3px; }
#genesis-progress { appearance:none;display:block;width:100%;height:2px;border:0;background:#d9dad2;margin:25px 0 17px; }
#genesis-progress::-webkit-progress-bar { background:#d9dad2; }
#genesis-progress::-webkit-progress-value { background:#292d27; }
#genesis-progress::-moz-progress-bar { background:#292d27; }
.genesis-controls { display:flex;justify-content:space-between;align-items:center;gap:10px; }
.genesis-controls small { font-size:10px;color:var(--muted); }
.genesis-controls button { font-size:11px;padding:8px 16px;border:1px solid var(--line);border-radius:20px;background:transparent;min-height:40px; }
.genesis-wordmark { position:absolute;left:0;right:0;top:44%;text-align:center;font-size:clamp(28px,5vw,60px);letter-spacing:12px;opacity:var(--closing,0);pointer-events:none; }
.parrot-guide { position:fixed;right:22px;bottom:max(20px,env(safe-area-inset-bottom));z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px); }
.parrot-toggle { border:1px solid #bfc5b6;background:#f5f4eafa;padding:8px 12px 8px 7px;border-radius:40px;box-shadow:0 6px 26px #1c251515;display:flex;align-items:center;gap:7px;font-size:11px;min-height:56px; }
.pixel-parrot { width:48px;height:48px;display:block;image-rendering:pixelated; }
.parrot-toggle:hover .pixel-parrot { animation:parrot-hop .48s steps(3) 1; }
.parrot-bubble { width:294px;max-width:100%;border:1px solid var(--line);border-radius:20px 20px 4px 20px;background:#fffef8;box-shadow:0 16px 48px #20281715;padding:19px; }
.parrot-bubble header { border:0;padding:0 0 8px;gap:10px; }
.parrot-bubble h2 { font-size:15px;font-weight:400;margin:0; }
.parrot-bubble p { font-size:12px;line-height:1.9;margin:8px 0 15px;color:#565e50; }
.parrot-bubble button { min-height:38px; }
.parrot-close { border:0;background:transparent;font-size:11px;padding:8px; }
.parrot-links { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.parrot-links button { border:1px solid var(--line);border-radius:20px;background:transparent;font-size:11px;padding:8px; }
.parrot-bottom { display:flex;justify-content:space-between;align-items:center;margin-top:13px; }
.parrot-bottom small { font-size:9px;color:var(--muted); }
.restore-guide { background:transparent;border:0;padding:8px;font-size:11px;text-decoration:underline; }
@keyframes parrot-hop { 0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)} }
@media(max-width:1000px) { .library .grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:700px) {
  .library .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  .library .card .cover-wrap{padding:8px 10px 13px}.library .card h2{font-size:15px}
  .hero-eye-stage{height:210px}.hero-vision-caption{letter-spacing:1px}
  .library .card[open]>summary{grid-template-columns:110px 1fr;gap:16px;padding:18px}
  .library .card[open] h2{font-size:19px}
  .parrot-guide{right:14px;bottom:14px}.parrot-toggle{padding:4px 11px 4px 3px}
}
@media(max-width:520px) {
  .showcase .hero{padding-bottom:24px}.showcase .hero-vision{margin-top:25px}
  .hero-eye-stage{height:215px}.hero-vision-caption{font-size:8px}
  .genesis-stage-wrap{inset:14% 0 23%}.genesis-bottom{left:7vw;right:7vw}
  .genesis-top h2{font-size:10px;letter-spacing:2px}.genesis-controls small{max-width:65%;line-height:1.7}
  .library .card>summary>small{font-size:10px}.library .card .tag{font-size:8px;letter-spacing:0}
  .library .card[open]>summary{grid-template-columns:90px 1fr;gap:13px}
  .library .card[open] .tag{font-size:9px}.library .card[open] h2{font-size:18px}
  footer{padding-bottom:95px}.parrot-toggle span{font-size:10px}
}
@media(prefers-reduced-motion:reduce) {
  .book-cover,.library .card>summary:hover .book-cover{transform:none;transition:none}
}