.library-hero{grid-template-columns:1.2fr 1fr;padding:62px 0 42px}.library-hero h1{letter-spacing:-2.7px;font-size:clamp(40px,5.3vw,72px)}.library-hero p{max-width:360px;font-size:19px}.library-layout{grid-template-columns:184px minmax(0,1fr);gap:42px}.library-sidebar{padding-top:8px}.library-sidebar>h2{color:var(--muted);font-weight:400}.theme-buttons button{border-left:2px solid #0000;border-radius:0;min-height:44px;padding:10px 0 10px 12px}.theme-buttons button[aria-pressed=true]{border-left-color:var(--blue);background:#e5ece7}.note-filter{line-height:1.4}.note-filter input{flex-shrink:0;width:17px;height:17px;margin-top:2px}.sidebar-note{max-width:170px;font-size:15px}.library-content{min-width:0}.library-content .catalog-toolbar{gap:10px}.library-content .catalog-toolbar .search-field{flex:180px}.library-content .catalog-toolbar select{max-width:166px}.view-switch{background:#e1e8e3;border-radius:4px}.view-switch button{min-height:36px}.book-results:not(.list-view){background:#e5ebe6;border:1px solid #d2dcd5;border-radius:3px;padding:22px 30px 30px}.shelf-section{margin:0 0 34px}.shelf-section:last-child{margin-bottom:0}.shelf-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;display:flex}.shelf-heading h2{font:400 21px var(--serif);letter-spacing:-.4px}.shelf-heading>span{color:var(--muted);font-size:13px}.shelf{flex-wrap:wrap;align-items:flex-end;gap:9px;min-height:274px;padding:0 14px 15px;display:flex;position:relative}.shelf:after{content:"";background:linear-gradient(#dbe2da 0 3px,#aebcb1 3px 5px,#c1cbc2 5px 12px,#a5b3a9 12px);border-radius:1px;height:15px;position:absolute;bottom:0;left:-10px;right:-10px;box-shadow:0 12px 15px -6px #243f3333}.book{width:65px;color:var(--ink);outline-offset:7px;flex:0 0 65px;text-decoration:none;position:relative}.book-object{height:var(--height,240px);background:var(--cover);width:100%;color:var(--text);transform-origin:bottom;border-radius:3px 5px 2px 2px;flex-direction:column;justify-content:space-between;padding:18px 12px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 3px 0 2px #fff2,inset 8px 0 6px #0002,inset -3px 0 2px #0003,5px 3px 5px #22382d30}.book-object:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0001,#0000 12%,#fff1 40%,#0000 70%,#0001);border:1px solid #0001;position:absolute;inset:0}.book-title{font:400 17px/1.2 var(--serif);writing-mode:vertical-rl;overflow-wrap:anywhere;z-index:1;flex:1;min-height:0;max-height:184px;position:relative;overflow:hidden;transform:rotate(180deg)}.book-author{font:400 10px/1.3 var(--sans);z-index:1;flex-shrink:0;max-height:28px;margin-top:10px;position:relative;overflow:hidden}.book-cover-image{display:none}.book.face{flex-basis:152px;width:152px;margin:0 10px}.book.face .book-object{padding:23px 21px}.book.face .book-title{writing-mode:horizontal-tb;max-height:165px;font-size:20px;line-height:1.35;transform:none}.book.face .book-author{max-height:32px;font-size:12px}.book.face .book-cover-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.book.face:has(img) .book-title,.book.face:has(img) .book-author{visibility:hidden}.book-ribbon{background:var(--text);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);opacity:.85;z-index:2;width:10px;height:23px;position:absolute;top:0;right:9px}.book-caption{background:var(--ink);color:#fff;z-index:4;pointer-events:none;visibility:hidden;opacity:0;border-radius:3px;width:240px;padding:13px 16px;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%)}.book-caption strong{font:400 16px/1.4 var(--serif);overflow-wrap:anywhere;display:block}.book-caption>span{margin-top:5px;font-size:14px;display:block}.book-note{opacity:.8;font-size:12px}.book:focus-visible .book-object{transform:translateY(-8px)rotate(-1deg)}.book:focus-visible .book-caption{visibility:visible;opacity:1}@media (hover:hover){.book:hover .book-object{transform:translateY(-8px)rotate(-1deg);box-shadow:inset 6px 0 5px #0002,8px 10px 12px #22382d30}.book:hover .book-caption{visibility:visible;opacity:1}}.library-welcome{text-align:center;padding:36px 14px 25px}.library-welcome h2{max-width:430px;margin:auto;font-size:28px}.library-welcome p{max-width:400px;color:var(--muted);margin:18px auto 22px;font-size:17px}.empty-shelf{border-bottom:10px solid #b3c0b5;align-items:end;gap:8px;max-width:460px;height:120px;margin:0 auto 44px;padding-left:30px;display:flex;position:relative;box-shadow:0 12px 12px -10px #192f4055}.empty-shelf span{border:1px solid #b8c6bc;border-bottom:0;border-radius:2px 2px 0 0;width:38px;height:76px}.empty-shelf span:nth-child(2){width:26px;height:94px}.empty-shelf span:nth-child(3){transform-origin:100% 100%;height:83px;transform:rotate(12deg)}.book-results.list-view{display:grid}.list-view .book{border-bottom:1px solid var(--line);align-items:center;gap:24px;width:100%;margin:0;padding:20px 8px;display:flex}.list-view .book-object{flex:0 0 48px;width:48px;height:70px;padding:7px}.list-view .book-title,.list-view .book-author{display:none}.list-view .book-cover-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.list-view .book-caption{width:auto;color:var(--ink);opacity:1;visibility:visible;background:0 0;flex:1;grid-template-columns:1fr auto;column-gap:20px;padding:0;display:grid;position:static;transform:none}.list-view .book-caption strong{font-size:22px}.list-view .book-caption>span{color:var(--muted);font-size:16px}.list-view .book-caption .book-note{font:400 13px var(--sans);opacity:1;grid-area:1/2/3;align-self:center}.book-is-open{overflow:hidden}.book-dialog{width:min(860px,100% - 48px);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--paper);border:1px solid #c4cfc6;border-radius:5px;padding:0;overflow-y:auto;box-shadow:0 25px 90px #142d3340}.book-dialog::backdrop{backdrop-filter:blur(3px);background:#182f4080}.book-dialog-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:13px 24px;font-size:14px;display:flex}.book-dialog-top button{align-items:center;gap:16px;min-height:44px;display:flex}.book-dialog-top button span{font-size:27px}.book-dialog-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:44px;padding:44px;display:grid}.book-dialog-cover{padding:10px 0}.book-dialog-cover .book-object{height:280px;padding:30px 25px;transform:rotate(-3deg)}.book-dialog-cover .book-title{writing-mode:horizontal-tb;max-height:190px;font-size:24px;transform:none}.book-dialog-cover .book-author{max-height:44px;font-size:15px}.book-dialog-cover .book-cover-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.book-dialog-cover:has(img) .book-title,.book-dialog-cover:has(img) .book-author{visibility:hidden}.book-dialog-copy h2{overflow-wrap:anywhere;margin:12px 0;font-size:33px}.book-dialog-copy .book-description{white-space:pre-line;margin:20px 0 26px;font-size:17px}.book-dialog-copy .book-detail-author{font-size:19px}.book-reading{border-top:1px solid var(--line);padding-top:30px;scroll-margin-top:30px}.book-reading>.section-heading{margin-bottom:36px}.book-reading-end{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:start;gap:24px;margin-top:54px;padding-top:32px;display:flex}.book-detail{background:#e5ebe6;border:1px solid #d2dcd5;grid-template-columns:200px minmax(0,1fr);gap:64px;max-width:none;padding:50px 64px}.book-detail h1{overflow-wrap:anywhere;font-size:clamp(30px,3.5vw,46px)}.book-detail .text-link{margin-top:24px}.detail-cover{border-radius:3px 6px 4px 3px;min-height:285px;transform:rotate(-2deg)}.detail-cover strong{overflow-wrap:anywhere;font-size:24px}.detail-cover img{height:285px}@media (width<=1100px) and (width>=761px){.library-layout{grid-template-columns:156px minmax(0,1fr);gap:28px}.book-results:not(.list-view){padding-inline:20px}.book.face{flex-basis:140px;width:140px;margin:0 5px}.book-detail{gap:40px;padding:40px}}@media (width<=760px){.library-hero{padding:26px 0 22px;display:block}.library-hero h1{letter-spacing:-1.8px;font-size:43px}.library-hero p{max-width:320px;margin-top:15px;font-size:17px}.library-layout{display:block}.library-sidebar{margin-bottom:12px}.theme-buttons{scrollbar-width:thin;scrollbar-color:#9cad9f transparent;flex-flow:row;gap:7px;padding:3px 3px 7px;overflow-x:auto}.theme-buttons button{border:1px solid var(--line);flex-shrink:0;width:auto;padding:8px 12px;font-size:15px}.theme-buttons button[aria-pressed=true]{border-color:#859e91}.note-filter{align-items:center;min-height:32px;margin-top:6px;font-size:15px}.catalog-status{margin:15px 0 10px}.library-content .catalog-toolbar .search-field{flex-basis:100%}.library-content .catalog-toolbar select{max-width:none}.book-results:not(.list-view){border-inline:0;border-radius:0;margin-inline:-20px;padding:22px 0 10px}.shelf-section{margin-bottom:28px}.shelf-heading{margin-inline:20px;margin-bottom:14px}.shelf-heading h2{font-size:21px}.shelf{scroll-snap-type:x proximity;scrollbar-color:#9cad9f #d9e2da;scrollbar-width:thin;flex-wrap:nowrap;align-items:start;gap:24px;min-height:0;padding:12px 24px 22px;scroll-padding-inline:24px;overflow-x:auto}.shelf:after{display:none}.shelf .book,.shelf .book.face{scroll-snap-align:start;flex:0 0 142px;width:142px;margin:0}.shelf .book-object,.shelf .book.face .book-object{height:205px;padding:21px 18px}.shelf .book-title,.shelf .book.face .book-title{writing-mode:horizontal-tb;max-height:140px;font-size:19px;line-height:1.3;transform:none}.shelf .book-author{max-height:30px;font-size:11px}.shelf .book-cover-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.shelf .book:has(img) .book-title,.shelf .book:has(img) .book-author{visibility:hidden}.shelf .book-caption{visibility:visible;opacity:1;width:auto;color:var(--ink);background:0 0;padding:17px 0 0;position:static;transform:none}.shelf .book-caption strong{font-size:15px;line-height:1.4;font-family:var(--sans);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.shelf .book-caption>span{color:var(--muted);font-size:13px}.shelf .book-caption .book-note{opacity:1;text-underline-offset:3px;margin-top:8px;font-size:12px;text-decoration:underline}.list-view .book{gap:18px;padding-inline:0}.list-view .book-caption{display:block}.list-view .book-caption strong{font-size:20px}.list-view .book-caption .book-note{margin-top:8px}.book-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.book-dialog-top{padding:8px 18px}.book-dialog-layout{grid-template-columns:82px minmax(0,1fr);gap:12px 20px;padding:24px 20px}.book-dialog-copy{display:contents}.book-dialog-cover{grid-area:1/1/4}.book-dialog-copy .intro-label{grid-area:1/2}.book-dialog-copy h2{grid-area:2/2;margin:0}.book-dialog-copy .book-detail-author{grid-area:3/2;margin:0}.book-dialog-copy .quiet-note{grid-area:4/1/auto/-1;margin-top:12px}.book-dialog-copy .book-description{grid-area:5/1/auto/-1;margin:10px 0 12px}.book-dialog-copy .button{grid-area:6/1/auto/-1;justify-self:start}.book-dialog-cover .book-object{height:125px;padding:14px 11px}.book-dialog-cover .book-title{max-height:80px;font-size:12px}.book-dialog-cover .book-author{font-size:8px}.book-dialog-copy h2{font-size:25px}.book-dialog-copy .book-detail-author{font-size:17px}.book-dialog-copy .button{padding:12px 15px;font-size:15px}.book-detail{grid-template-columns:100px minmax(0,1fr);gap:26px;margin-inline:-20px;padding:28px 22px}.detail-cover{min-height:155px;padding:16px 12px}.detail-cover strong{font-size:15px}.detail-cover img{height:155px}.book-detail h1{font-size:28px}.book-detail .text-link .quiet-note{font-size:13px;display:block}.book-reading>.section-heading{flex-wrap:wrap}.library-welcome{padding:20px 24px 28px}.library-welcome h2{font-size:25px}}@media (width<=380px){.book-results:not(.list-view),.book-detail{margin-inline:-16px}.library-hero h1{font-size:37px}.book-detail{grid-template-columns:78px minmax(0,1fr);gap:20px}.book-dialog-layout{grid-template-columns:1fr}.book-dialog-cover{display:none}.book-dialog-copy>*{grid-area:auto/1/auto/-1}}@media (prefers-reduced-motion:reduce){.book-object{transition:none}}.library-layout:has(.library-welcome){max-width:860px;margin-inline:auto;display:block}