:root{--library-cream: #f8f6ef;--library-paper: #fffdf7;--library-ink: #344638;--library-muted: #77786f;--library-sage: #91a475;--library-line: #deded2;--library-accent: #a46a37}body{background:var(--library-cream);color:var(--library-ink)}.library-header{max-width:1440px;height:92px;margin:0 auto;padding:0 5%;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--library-line)}.library-brand{position:relative;display:inline-block;color:var(--library-ink);font-size:38px;font-weight:850;line-height:1;letter-spacing:-2.5px}.library-brand>span{position:absolute;top:-10px;right:3px;width:18px;height:17px;transform:rotate(-12deg)}.library-brand>span:before,.library-brand>span:after{content:"";position:absolute;width:9px;height:14px;border-radius:100% 0;background:var(--library-sage)}.library-brand>span:before{left:0;transform:rotate(-70deg)}.library-brand>span:after{right:0;transform:rotate(12deg)}.library-nav{display:flex;gap:28px;margin-left:auto;color:var(--library-muted);font-size:13px}.library-nav a{padding:13px 0}.library-nav a:hover,.library-nav__active{color:var(--library-ink)}.language-switcher{display:flex;align-items:center;gap:8px;margin-left:18px;color:#b0b1a7;font-size:12px}.language-switcher button{min-width:44px;min-height:44px;padding:8px 4px;border:0;background:transparent;color:inherit;cursor:pointer}.language-switcher button[aria-pressed=true]{color:var(--library-ink);font-weight:700}.skip-link{z-index:3}#library-main{min-height:calc(100vh - 155px)}.shelf-view{max-width:1280px;margin:0 auto;padding:72px 5% 90px}.shelf-intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.library-kicker{margin:0 0 18px;color:#6b7b60;font-size:11px;font-weight:700;letter-spacing:2.4px}.shelf-intro h1{font-family:var(--serif);font-size:clamp(39px,5vw,69px);font-weight:600;letter-spacing:-2px;line-height:1.15}.shelf-intro__copy{margin-top:22px;color:var(--library-muted);font-size:16px}.shelf-intro__en{margin-top:6px;color:#a0a195;font-size:12px;letter-spacing:.5px}.shelf-mark{display:grid;place-items:center;width:92px;height:92px;margin-bottom:9px;border:1px dashed #b7bd9f;border-radius:50%;color:#9aaa79;font-size:36px;transform:rotate(12deg)}.library-filters{display:flex;gap:10px;margin:55px 0 27px;border-bottom:1px solid var(--library-line)}.library-filter{min-height:46px;padding:13px 20px;color:#92958b;font-size:13px}.library-filter:hover,.library-filter.is-active{color:var(--library-ink)}.library-filter.is-active{border-bottom:2px solid var(--library-sage);font-weight:700}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 26px}.book-card{min-width:0}.book-card__cover-link{display:block}.book-card__cover{position:relative;display:grid;place-items:center;aspect-ratio:3 / 4.3;overflow:hidden;background:#ece9dc;border-radius:2px;box-shadow:8px 10px #e7e5d9;transition:transform .25s ease,box-shadow .25s ease}.book-card__cover-link:hover .book-card__cover,.book-card__cover-link:focus-visible .book-card__cover{transform:translateY(-5px) rotate(-.5deg);box-shadow:10px 15px #e2e1d5}.book-card__cover img{width:100%;height:100%;object-fit:contain}.cover-fallback{color:#9baa88;font-size:24px;font-weight:800;letter-spacing:-1px}.book-card__badge{position:absolute;top:12px;left:12px;padding:7px 10px;background:#f8f6efde;color:#657559;font-size:10px;letter-spacing:1.2px}.book-card__body{padding:22px 2px 0}.book-card__title{display:inline-block;font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.35}.book-card__title:hover{color:var(--library-accent)}.book-card__author{margin-top:4px;color:#888b80;font-size:12px}.book-card__description{min-height:49px;margin-top:11px;color:var(--library-muted);font-size:13px;line-height:1.8}.book-card__meta{display:flex;justify-content:space-between;margin-top:17px;padding-top:12px;border-top:1px solid var(--library-line);color:#9b9d93;font-size:11px}.book-card__progress{color:#7d916c}.book-card__continue{margin-top:10px;color:#718264;font-size:11px}.empty-state,.loading-state{grid-column:1 / -1;padding:55px 0;color:var(--library-muted);text-align:center}.no-script{max-width:620px;margin:80px auto;padding:32px;text-align:center}.library-static-intro{margin-top:20px;color:var(--library-muted);font-size:14px;line-height:1.8}.no-script h1{font-family:var(--serif);font-size:34px}.no-script p{margin:16px 0 25px;color:var(--library-muted)}.library-footer{display:flex;justify-content:space-between;max-width:1280px;margin:0 auto;padding:25px 5%;border-top:1px solid var(--library-line);color:#96998d;font-size:11px;letter-spacing:.7px}.reader-view{max-width:1320px;margin:0 auto;padding:36px 5% 85px}.reader-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:58px;border-bottom:1px solid var(--library-line)}.reader-back{justify-self:start;color:#77816f;font-size:13px}.reader-back:hover{color:var(--library-accent)}.reader-kind{justify-self:center;color:#99a17f;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.reader-book-title{justify-self:end;font-family:var(--serif);font-size:24px;font-weight:600;letter-spacing:normal;line-height:1.35;overflow-wrap:anywhere}.reader-book-title:focus,.shelf-intro h1:focus{outline:none}.reader-layout,.reader-layout>*,.reader-art-column,.reader-copy,.page-thumbnails{min-width:0}.reader-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(45px,8vw,125px);align-items:start;padding-top:48px}.reader-art-frame{position:relative;display:grid;place-items:center;min-height:min(68vh,720px);padding:25px;background:#ebe8dd;border-radius:3px;box-shadow:12px 15px #e3e1d5}.reader-art{width:100%;height:min(64vh,670px);object-fit:contain}.page-thumbnails{display:flex;width:100%;gap:11px;max-width:100%;padding:22px 4px 2px;overflow-x:auto;scrollbar-width:thin}.page-thumb{position:relative;flex:0 0 62px;width:62px;height:76px;padding:3px;border:1px solid transparent;background:#ebe8dd;cursor:pointer}.page-thumb[aria-current=true]{border-color:var(--library-sage);box-shadow:3px 3px #dfe2d2}.page-thumb img{width:100%;height:100%;object-fit:contain}.page-thumb span{position:absolute;right:3px;bottom:2px;padding:2px 4px;background:#f8f6efdd;color:var(--library-ink);font-size:9px}.page-thumb.is-broken{opacity:.45}.reader-copy{padding:20px 0 0}.page-indicator{display:flex;gap:9px;margin-bottom:47px;color:#859476;font-size:12px;letter-spacing:1px}.page-indicator span:last-child{color:#b2b5a9}.page-text{max-width:510px;white-space:pre-line;font-family:var(--serif);color:#3f5143;font-size:clamp(23px,2.2vw,31px);line-height:1.9}.audio-wrap{display:flex;align-items:center;gap:14px;margin-top:37px;color:#748366;font-size:12px}.audio-wrap audio{width:min(100%,260px);height:38px}.audio-unavailable{margin-top:28px;color:#a1a499;font-size:11px}.reader-controls{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:65px}.library-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 17px;border:1px solid #c4cabb;border-radius:30px;cursor:pointer;font-size:12px;text-decoration:none}.library-button:disabled{opacity:.35;cursor:not-allowed}.library-button--quiet{background:transparent;color:#6e7a67}.library-button--quiet:hover:not(:disabled){border-color:var(--library-sage);color:var(--library-accent)}.library-button--primary{border-color:var(--library-ink);background:var(--library-ink);color:#fffdf5}.library-button--primary:hover:not(:disabled){background:#4b654f}.page-select{min-height:46px;padding:0 34px 0 14px;border:1px solid var(--library-line);border-radius:30px;background:var(--library-paper);color:var(--library-ink);font-size:12px}.reader-complete{flex-basis:100%;padding:10px 0;color:#778c6d;font-size:12px}.reader-message{max-width:620px;margin:0 auto;padding:130px 5% 160px;text-align:center}.message-mark{display:block;margin-bottom:18px;color:#a2b187;font-size:35px}.reader-message h1{font-family:var(--serif);font-size:35px;font-weight:600}.reader-message p{margin:13px 0 27px;color:var(--library-muted);font-size:14px}.message-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.image-error{padding:28px;color:#7c6554;font-size:14px;text-align:center}.reader-art-frame>.library-button{margin:0 auto 30px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:850px){.library-header{height:76px;gap:20px}.library-brand{font-size:31px}.library-nav{gap:14px}.library-nav a{font-size:12px}.language-switcher{margin-left:0}.shelf-view{padding-top:54px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 21px}.reader-layout{grid-template-columns:1fr;gap:30px}.reader-art-frame{min-height:auto}.reader-art{height:min(55vh,520px)}.reader-copy{padding:0 4%}.page-text{max-width:none}.reader-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.reader-book-title{flex:1 1 120px;min-width:0;text-align:right;overflow-wrap:anywhere;font-size:20px}.reader-kind{flex-basis:100%;justify-self:auto;padding-bottom:13px}.reader-back{flex:0 0 auto;z-index:1}}@media(max-width:520px){.library-header{padding-inline:5%}.library-nav a:first-child{display:none}.shelf-intro{align-items:start}.shelf-mark{width:63px;height:63px;font-size:25px}.library-filters{margin-top:38px}.library-filter{padding-inline:14px}.book-card__cover{box-shadow:5px 7px #e7e5d9}.book-card__description{min-height:0}.library-footer{display:block;line-height:2}.library-footer span{display:block}.reader-view{padding-top:23px}.reader-layout{padding-top:30px}.reader-art-frame{padding:12px;box-shadow:7px 9px #e3e1d5}.reader-art-frame{min-height:0}.reader-art{height:min(44svh,380px)}.page-thumbnails{display:none}.page-indicator{margin-bottom:26px}.reader-controls{margin-top:39px}.reader-controls .library-button{flex:1}.page-select{flex:0 0 auto}}