/* A quiet, tactile library inspired by the reference's upright book spines. */
.compact-library .book-front.has-cover{padding:0}
.book-front.has-cover,.opened-cover.has-cover{padding:0;overflow:hidden}.opened-cover.has-cover{height:302px}.opened-cover.has-cover:before{display:none}.uploaded-cover{display:block;width:100%;height:100%;object-fit:contain;background:var(--binding)}.book-front.has-cover:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 5px 0 9px #0005,inset -1px 0 #fff3}.volume-info h3{overflow-wrap:anywhere}.volume-info .volume-author{font-family:var(--serif);font-size:13px;margin-bottom:15px;color:#647853}.cover-editor{display:flex;gap:22px;align-items:center;padding:18px;background:#edf0e4;border:1px solid #dde2d2;margin:20px 0}.cover-preview{width:96px;height:138px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:9px;padding:15px 9px;background:#81936f;color:#f8f5e9;box-shadow:3px 4px 0 #c9ccb9,5px 7px 10px #3f4e3424;text-align:center;overflow:hidden}.cover-preview.clay{background:#b47e68}.cover-preview.blue{background:#78959a}.cover-preview.gold{background:#b59b60}.cover-preview:has(img){padding:0}.cover-preview img{width:100%;height:100%;object-fit:contain}.cover-preview strong{font:16px/1.6 var(--serif);max-height:77px;overflow:hidden;overflow-wrap:anywhere;letter-spacing:1px}.cover-preview small{font-size:8px;max-height:27px;overflow:hidden;overflow-wrap:anywhere}.cover-preview svg{flex-shrink:0}.cover-controls{min-width:0;flex:1}.cover-controls>strong{font:15px/1.7 var(--serif);font-weight:400}.cover-controls p{font-size:10px;line-height:1.8;color:#879178;margin:8px 0}.cover-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cover-actions .button{font-size:11px;padding:8px 12px}.cover-actions .text-button{font-size:10px}.cover-actions [hidden]{display:none}.cover-controls #cover-status{font-size:9px;margin:9px 0 0}.button:disabled{opacity:.5;cursor:wait}
@media(max-width:680px){.opened-cover.has-cover{height:255px}.cover-editor{padding:14px 12px;gap:15px}.cover-preview{width:75px;height:112px;padding:10px 7px}.cover-preview strong{font-size:14px;max-height:62px}.cover-controls>strong{font-size:13px}.cover-controls p{font-size:9px}.cover-actions{gap:9px}.cover-actions .button{padding:7px 9px;font-size:10px}}
.physical-library{background:#272923;color:#e5e1ce;position:relative;isolation:isolate;padding:34px 26px 18px;border-radius:3px;box-shadow:inset 0 0 90px #13161066;overflow:hidden}.physical-library:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 15%,#7e75591c,transparent 65%),linear-gradient(110deg,#ffffff02,transparent 50%);pointer-events:none;z-index:-1}.shelf-atmosphere{text-align:center;position:relative;z-index:2}.shelf-kicker{font-size:8px;letter-spacing:3px;color:#999985;font-family:Georgia,serif}.shelf-atmosphere h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;font-size:clamp(36px,4.5vw,68px);line-height:1.2;margin:12px 0;color:#ede7d4;text-shadow:0 4px 14px #10150d30}.shelf-atmosphere p{font-family:var(--serif);font-size:11px;color:#9e9f8c;letter-spacing:2px;margin:12px 0 5px}.shelf-scroll{overflow-x:auto;overflow-y:hidden;padding:45px 25px 0;scrollbar-width:thin;scrollbar-color:#6e705c #24261f;position:relative;z-index:2}.physical-shelf{display:flex;align-items:flex-end;justify-content:center;gap:5px;min-height:300px;min-width:max-content;padding:0 22px 22px;perspective:1300px;isolation:isolate}.shelf-plank{height:13px;position:relative;background:linear-gradient(#79745c,#434537 12%,#33362a 80%,#23261d);box-shadow:0 18px 22px #12140ea1,0 -3px 11px #0e110a70;border-top:1px solid #a6a07d55;z-index:1;margin:0 0 25px;transform:translateY(-1px)}.shelf-plank:after{content:"";position:absolute;inset:3px 0 0;background:repeating-linear-gradient(1deg,transparent 0px,transparent 3px,#c8b88c08 4px,transparent 5px)}.shelf-bottom{display:flex;justify-content:space-between;gap:20px;position:relative;color:#8d917d;font-size:9px;letter-spacing:1px;align-items:center}.shelf-bottom>span:first-child{font-family:Georgia,var(--serif);font-size:8px;letter-spacing:1.4px}.shelf-bottom i{margin:0 10px}.shelf-bottom svg{margin-left:7px}.shelf-slot{width:calc(var(--book-depth) + 6px);height:var(--book-height);display:block;position:relative;padding:0;background:transparent;flex-shrink:0;text-align:initial;overflow:visible;transition:width .55s cubic-bezier(.2,.7,.25,1),margin .55s;transform-style:preserve-3d;margin-left:0;margin-right:0;z-index:2;outline-offset:8px!important}.shelf-slot:before{content:"";position:absolute;bottom:-12px;left:2px;right:-20px;height:18px;background:#0508039c;filter:blur(6px);transform:skewX(-30deg);pointer-events:none}.book-object{width:var(--book-depth);height:100%;position:absolute;inset:0;transform-style:preserve-3d;transform-origin:left center;transform:rotateY(-6deg) rotateZ(var(--lean));transition:transform .55s cubic-bezier(.2,.7,.25,1);pointer-events:none}.book-spine{position:absolute;inset:0;width:var(--book-depth);height:100%;background:linear-gradient(90deg,#0009 0,#0002 3%,#fff1 8%,transparent 17%,#0001 78%,#0006 96%,#ffffff0a 100%),var(--binding);color:var(--foil);border-radius:2px 2px 0 0;border-right:1px solid #0008;border-left:1px solid #fff1;box-shadow:inset 0 1px #ffffff33,2px 4px 6px #0006;display:flex;align-items:center;flex-direction:column;backface-visibility:hidden}.book-spine:before{content:"";position:absolute;inset:5px 5px;border-top:2px double currentColor;border-bottom:2px double currentColor;opacity:.3}.book-spine:after{content:"";position:absolute;inset:0;opacity:.1;background:repeating-linear-gradient(90deg,#000 0,transparent 1px,transparent 3px),repeating-linear-gradient(0deg,#fff 0,transparent 1px,transparent 3px);mix-blend-mode:soft-light}.spine-title{font-family:var(--serif);font-size:17px;letter-spacing:3px;writing-mode:vertical-rl;text-orientation:upright;padding-top:26px;line-height:1;flex:1;max-height:calc(100% - 65px);overflow:hidden;text-shadow:0 1px 1px #0005}.spine-author{font-family:var(--serif);font-size:8px;writing-mode:vertical-rl;letter-spacing:1px;position:absolute;right:5px;top:40px;max-height:calc(100% - 90px);opacity:.65}.spine-cap{font-family:Georgia,serif;font-size:7px;position:absolute;top:10px;letter-spacing:1px;opacity:.7}.spine-floret{font-size:16px;margin-top:auto;opacity:.75}.spine-foot{font-family:var(--serif);font-size:7px;letter-spacing:3px;padding:4px 0 13px;opacity:.7}.binding-1 .book-spine:before{inset:8px 4px;border:1px solid currentColor;opacity:.27}.binding-1 .spine-title{font-size:16px;letter-spacing:4px}.binding-2 .book-spine:before{inset:18px 0;border-top:4px double currentColor;border-bottom:4px double currentColor;opacity:.2}.binding-2 .spine-author{display:none}.binding-2 .spine-title{font-size:20px}.book-front{position:absolute;top:0;left:var(--book-depth);width:178px;height:100%;transform-origin:left center;transform:rotateY(90deg);background:linear-gradient(90deg,#0005 0,#ffffff05 5%,transparent 10%),var(--binding);color:var(--foil);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 18px 17px;backface-visibility:hidden;box-shadow:inset -2px 0 #0007,inset 0 1px #ffffff25;overflow:hidden;border-radius:0 2px 2px 0}.cover-rule{position:absolute;inset:9px;border:1px solid currentColor;opacity:.4}.cover-small{font-family:Georgia,serif;font-size:6px;letter-spacing:1.4px;opacity:.8}.book-front strong{font-family:var(--serif);font-size:24px;letter-spacing:3px;line-height:1.6;font-weight:400;text-align:center;margin-top:18px}.cover-english{font-family:Georgia,serif;text-align:center;font-size:7px;letter-spacing:1.2px;opacity:.75;line-height:1.7;margin-top:7px}.cover-emblem{margin:auto;opacity:.6;border:1px solid currentColor;border-radius:50%;width:55px;height:55px;display:flex;align-items:center;justify-content:center}.cover-emblem svg{width:31px;height:31px}.cover-author{font-family:var(--serif);font-size:8px;letter-spacing:1px;text-align:center}.cover-publisher{font-family:var(--serif);font-size:6px;letter-spacing:2px;margin-top:12px;opacity:.7}.book-pages{position:absolute;left:var(--book-depth);top:4px;width:5px;height:calc(100% - 7px);background:repeating-linear-gradient(0deg,#c5bda6 0,#ece5d2 1px,#ece5d2 3px);transform:translateZ(-174px);box-shadow:inset 0 0 3px #665a38}.book-top{position:absolute;top:1px;left:3px;width:calc(var(--book-depth) - 5px);height:175px;background:repeating-linear-gradient(90deg,#cdc5ae 0,#e2d9be 1px,#e2d9be 3px);transform-origin:top;transform:rotateX(-90deg);box-shadow:inset 0 0 4px #5f583e}.book-ribbon{position:absolute;top:4px;left:15px;width:7px;height:20px;background:#a66c52;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);transform:translateZ(2px);z-index:3;box-shadow:1px 1px 2px #0005}.hidden-ribbon{display:none}.shelf-slot:hover,.shelf-slot:focus-visible{width:155px;margin-right:15px;margin-left:6px;z-index:10}.shelf-slot:hover .book-object,.shelf-slot:focus-visible .book-object{transform:translateY(-13px) translateZ(25px) rotateY(-43deg) rotateZ(-2deg)}.shelf-slot:hover .book-ribbon,.shelf-slot:focus-visible .book-ribbon{opacity:0}.book-tooltip{position:absolute;bottom:-16px;left:0;white-space:nowrap;font-family:var(--serif);font-size:11px;letter-spacing:1px;padding:8px 11px;background:#e8e1cc;color:#333b2e;transform:translateY(25px);opacity:0;transition:.2s;pointer-events:none;z-index:30;border-radius:2px;box-shadow:0 4px 9px #0003}.book-tooltip small{font-family:var(--sans);font-size:8px;display:block;letter-spacing:0;color:#858775;margin-top:2px}.shelf-slot:hover .book-tooltip,.shelf-slot:focus-visible .book-tooltip{opacity:1;transform:translateY(13px)}.shelf-bookend{width:22px;height:158px;position:relative;margin-left:9px;flex-shrink:0;transform:skewY(-3deg);align-self:flex-end}.shelf-bookend:before{content:"";position:absolute;left:0;width:8px;top:0;bottom:0;background:linear-gradient(90deg,#98856a,#544e3e 60%,#3f4032);border-radius:3px 2px 0 0;box-shadow:4px 2px 6px #0003}.shelf-bookend span{display:block;position:absolute;width:30px;height:8px;bottom:0;left:-8px;background:linear-gradient(#8f8164,#4a4939);transform:skewX(20deg)}.shelf-add{border:1px dashed #858a6b50;color:#898f76;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;width:70px;height:150px;margin:0 5px 5px 22px;font-size:9px;flex-shrink:0;transition:.2s}.shelf-add span{writing-mode:vertical-rl;letter-spacing:4px}.shelf-add svg{width:17px;height:17px}.shelf-add:hover{border-color:#b1b69a;color:#d2d2b8;background:#c1c8a10b}.library-index{margin-top:35px}.library-index-label{font-family:var(--serif);letter-spacing:2px;color:#68795d;border-bottom:1px solid var(--line);padding-bottom:15px;font-size:15px}.library-index-label span{font-family:Georgia,serif;font-size:9px;letter-spacing:2px;color:#989f8b;margin-left:15px}.index-book{display:flex;gap:20px;align-items:center;text-align:left;width:100%;padding:17px 0;border-bottom:1px solid var(--line);font-size:11px;transition:.2s}.index-book:hover{padding-left:9px;background:#e4e9da55}.index-number{font-family:Georgia,serif;font-size:10px;color:#a0a88f;width:25px}.index-book strong{font-family:var(--serif);font-size:14px;font-weight:400;flex:1}.index-author{width:180px;color:#929b85;font-size:10px}.index-state{width:60px;font-size:9px;color:#839476}.index-notes{width:65px;font-size:9px;color:#969e8b}.index-book svg{color:#89997b}.shelf-no-results{text-align:center;font-size:12px;color:#8b957e;padding-top:25px}
.compact-library{display:grid;grid-template-columns:1fr 1.4fr;padding:25px 28px 18px;align-items:center;min-height:285px}.compact-library .shelf-atmosphere{text-align:left;align-self:center;padding-left:6px}.compact-library h3{font-family:var(--serif);font-size:24px;line-height:1.9;letter-spacing:2px;font-weight:400;margin-top:16px;color:#dedbc6}.compact-library h3 i{display:block;font-style:normal;color:#a7b08e}.compact-library .shelf-scroll{padding:20px 17px 0;align-self:end;min-width:0}.compact-library .physical-shelf{min-height:213px;padding:0 10px 11px;justify-content:center;gap:8px}.compact-library .shelf-slot{height:calc(var(--book-height) * .7);width:calc(var(--book-depth) * .8);--lean:0deg!important}.compact-library .book-object{transform:scaleX(.8) rotateY(-6deg)}.compact-library .shelf-slot:hover,.compact-library .shelf-slot:focus-visible{width:115px;margin-right:6px;margin-left:0}.compact-library .shelf-slot:hover .book-object,.compact-library .shelf-slot:focus-visible .book-object{transform:translateY(-7px) scaleX(.8) rotateY(-43deg)}.compact-library .spine-title{font-size:14px;letter-spacing:2px;padding-top:22px}.compact-library .spine-author{font-size:6px;max-height:calc(100% - 76px);top:30px;right:7px}.compact-library .spine-foot{font-size:6px;padding-bottom:8px}.compact-library .spine-floret{font-size:12px}.compact-library .book-front{width:145px;padding:18px 14px 12px}.compact-library .book-front strong{font-size:17px;letter-spacing:2px;margin-top:9px}.compact-library .cover-emblem{width:35px;height:35px}.compact-library .cover-emblem svg{width:23px;height:23px}.compact-library .cover-small{font-size:5px}.compact-library .cover-publisher{font-size:5px;margin-top:7px}.compact-library .cover-author{font-size:6px}.compact-library .cover-english{font-size:5px}.compact-library .shelf-bookend{height:105px;width:17px}.compact-library .shelf-add{height:113px;width:45px;margin-left:15px;gap:8px;font-size:8px}.compact-library .shelf-plank{grid-column:2;margin-bottom:12px;height:10px;align-self:start}.compact-library .shelf-bottom{grid-column:1/-1;margin-top:6px;font-size:8px}.compact-library .book-tooltip{display:none}.shelf-dialog{width:min(860px,calc(100vw - 28px));padding:0;border-radius:5px;background:#f4f0e3}.book-room-top{height:63px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #d8d7c6;position:relative}.book-room-top>.icon-button{position:absolute;right:20px;top:16px}.opened-volume{display:grid;grid-template-columns:220px 1fr;gap:35px;padding:35px 40px;align-items:center}.opened-cover{background:linear-gradient(90deg,#0005,transparent 8%,#fff1 10%,transparent 12%),var(--binding);color:var(--foil);min-height:302px;padding:30px 24px 20px;position:relative;text-align:center;border-radius:1px 4px 4px 1px;box-shadow:8px 9px 0 -3px #dcd4bd,10px 11px 0 -3px #b9b29a,14px 19px 30px #41442c3d;display:flex;flex-direction:column;align-items:center}.opened-cover:before{content:"";position:absolute;inset:12px 10px 12px 17px;border:1px solid currentColor;opacity:.3;pointer-events:none}.opened-cover h2{font-family:var(--serif);font-size:30px;line-height:1.6;letter-spacing:3px;font-weight:400;margin-top:21px;overflow-wrap:anywhere}.opened-cover>svg{margin:22px 0;opacity:.7}.opened-cover p{font-family:var(--serif);font-size:10px;letter-spacing:1px;margin-top:auto}.opened-cover small{font-family:var(--serif);font-size:8px;margin-top:12px;letter-spacing:3px;opacity:.7}.volume-info h3{font-family:var(--serif);font-size:24px;line-height:1.6;letter-spacing:2px;font-weight:400;margin:16px 0 12px}.volume-info>p{font-size:11px;line-height:1.9;color:#8d957e}.volume-progress{display:flex;align-items:baseline;margin-top:24px}.volume-progress b{font-family:Georgia,serif;font-size:35px;font-weight:400;color:#647853}.volume-progress span{font-size:11px;margin-left:7px;color:#939b83}.volume-progress strong{margin-left:auto;font-family:Georgia,serif;font-size:17px;font-weight:400;color:#a2a88d}.volume-info .progress-track{max-width:none;margin-top:10px}.volume-buttons{display:flex;gap:9px;margin-top:26px}.volume-buttons .button{font-size:11px;padding:10px 12px}.volume-notes{padding:28px 40px 35px;background:#fbf9f0;border-top:1px solid #d8d7c6}.volume-notes h2{font-size:18px}.volume-notes .section-title{margin-bottom:16px}.volume-note{display:flex;align-items:center;gap:16px;padding:17px 0;width:100%;text-align:left;border-top:1px solid #e1e1d1}.volume-note>span:first-child{font-family:Georgia,var(--serif);color:#9fa589;font-size:9px;width:50px;flex-shrink:0}.volume-note p{font-family:var(--serif);font-size:15px;line-height:1.8;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.volume-note>.tag{flex-shrink:0}.volume-note>svg{color:#a7ad94}.volume-empty{font-family:var(--serif);font-size:14px;line-height:1.9;color:#9ba38e;padding:18px 0}.volume-note:hover p{color:#7c8e69}
@media(max-width:1100px){.physical-library{padding-left:17px;padding-right:17px}.physical-shelf{justify-content:flex-start}.index-author{width:135px}.index-book{gap:13px}.compact-library h3{font-size:21px}.compact-library .physical-shelf{justify-content:center}.compact-library{padding-left:23px;padding-right:23px;grid-template-columns:1fr 1.5fr}.compact-library .shelf-bottom{font-size:7px}.compact-library .shelf-bottom>span:first-child{font-size:7px;letter-spacing:.5px}}
@media(max-width:680px){.physical-library{padding:27px 10px 16px;margin-left:-7px;margin-right:-7px}.shelf-atmosphere h2{font-size:39px;letter-spacing:-1px;margin:14px 0}.shelf-atmosphere p{font-size:9px;letter-spacing:1px}.shelf-kicker{font-size:7px;letter-spacing:2px}.shelf-scroll{padding:30px 10px 0}.physical-shelf{gap:4px;padding-left:10px;padding-right:25px;min-height:278px}.shelf-slot{height:calc(var(--book-height) * .87)}.spine-title{font-size:16px;letter-spacing:2px}.shelf-bottom{gap:10px;font-size:7px;letter-spacing:0;flex-wrap:wrap;justify-content:center;text-align:center}.shelf-bottom>span:first-child{font-size:7px}.shelf-bottom i{margin:0 5px}.shelf-bookend{height:130px}.shelf-add{width:52px;height:135px;font-size:8px}.shelf-plank{margin-bottom:20px}.shelf-slot:hover,.shelf-slot:focus-visible{width:145px;margin-right:7px;margin-left:0}.index-author{display:none}.index-book{gap:10px;padding:15px 0}.index-book strong{font-size:13px}.index-number{width:20px;font-size:9px}.index-state{width:35px;font-size:8px}.index-notes{width:45px;font-size:8px}.index-book svg{width:11px}.index-book .sample{font-size:6px}.library-index{margin-top:28px}.compact-library{grid-template-columns:1fr;padding:24px 15px 14px}.compact-library .shelf-atmosphere{text-align:center;padding-left:0}.compact-library h3{font-size:20px;line-height:1.8;margin-top:9px}.compact-library h3 i{display:inline}.compact-library .shelf-scroll{padding:21px 3px 0}.compact-library .physical-shelf{min-height:213px;justify-content:center}.compact-library .shelf-plank{grid-column:1}.compact-library .shelf-bottom{font-size:7px;justify-content:center}.compact-library .shelf-bottom>span:first-child{display:none}.opened-volume{grid-template-columns:1fr;gap:28px;padding:27px 24px 24px}.opened-cover{width:183px;min-height:255px;justify-self:center;padding:23px 21px 18px}.opened-cover h2{font-size:25px;margin-top:17px}.opened-cover>svg{height:43px;margin:18px 0}.volume-info h3{font-size:22px}.volume-progress{margin-top:18px}.volume-buttons{margin-top:20px}.volume-buttons .button{flex:1;font-size:10px;padding:10px 7px}.volume-notes{padding:23px 20px}.volume-notes h2{font-size:16px;letter-spacing:1px}.volume-notes .text-button{font-size:9px}.volume-note{gap:8px}.volume-note p{font-size:14px}.volume-note>span:first-child{width:36px;font-size:8px}.volume-note>.tag{font-size:7px;padding:2px 4px}.book-room-top .eyebrow{font-size:7px;letter-spacing:1.5px}.book-room-top>.icon-button{right:11px}}
.book-spine>.spine-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;letter-spacing:1.5px}.compact-library .book-spine>.spine-title{font-size:10px;letter-spacing:1px;max-height:calc(100% - 45px)}
@media(max-width:680px){.book-spine>.spine-title{font-size:12px;letter-spacing:1px}.compact-library .book-spine>.spine-title{font-size:10px}}
@media(hover:none){.shelf-slot:hover{width:calc(var(--book-depth) + 6px);margin:0}.shelf-slot:hover .book-object{transform:rotateY(-6deg) rotateZ(var(--lean))}.book-tooltip{display:none}.compact-library .shelf-slot:hover{width:calc(var(--book-depth) * .8);margin:0}.compact-library .shelf-slot:hover .book-object{transform:scaleX(.8) rotateY(-6deg)}}