/* Concept B: a white gallery where the artwork, not the furniture, leads. */
.gallery-library{--gallery-ink:#142b50;--gallery-blue:#064bff;max-width:1440px!important;width:100%;padding:0 36px 72px!important;margin:0 auto;color:var(--gallery-ink)}
.gallery-library a{text-decoration:none;color:inherit}.gallery-library button,.gallery-library a{touch-action:manipulation}.gallery-library :focus-visible{outline:3px solid #1659ff;outline-offset:5px}
.gallery-hero{position:relative;display:grid;grid-template-columns:1fr 1.8fr 1fr;align-items:center;min-height:400px;isolation:isolate;margin:0 -36px;padding:38px 36px;gap:28px;background:linear-gradient(155deg,#e3f2ff 0%,#f6faff 24%,#fff 65%);overflow:hidden}
.gallery-hero:before{content:"";position:absolute;inset:0;background:#fff;clip-path:polygon(0 34%,52% 0,100% 0,0 92%);opacity:.58;z-index:-1}
.gallery-eyebrow{font-size:12px!important;letter-spacing:.17em;font-weight:750;color:var(--gallery-blue)!important;display:flex;align-items:center;gap:12px;margin:0 0 22px!important}.gallery-eyebrow span{height:1px;width:40px;background:currentColor}
.gallery-intro h1{font-family:inherit!important;font-size:clamp(25px,2.7vw,39px)!important;font-weight:800;line-height:1.55!important;letter-spacing:.02em;margin:0!important}
.gallery-feature-art{position:relative;min-width:0;height:340px}.gallery-landscape{width:115%;height:100%;object-fit:cover;clip-path:polygon(8% 0,100% 0,88% 100%,0 100%);opacity:.9;display:block}
.gallery-feature-book{position:absolute;width:43%;height:90%;left:0;top:7%;display:flex;align-items:center;filter:drop-shadow(9px 16px 11px #1b35502b)}
.gallery-volume{display:block;position:relative;width:100%;height:100%;border-radius:2px 5px 5px 2px;box-shadow:5px 5px 12px #17395c24;transform:perspective(1000px) rotateY(-8deg);transform-origin:center;transition:transform .22s,box-shadow .22s;background:#dae8f6}
.gallery-volume:before{content:"";position:absolute;z-index:1;left:0;top:0;bottom:0;width:7%;background:linear-gradient(90deg,#09254759,#ffffff35 24%,#152f4229 48%,transparent);pointer-events:none}.gallery-volume:after{content:"";position:absolute;top:2%;bottom:1%;right:-5px;width:5px;background:repeating-linear-gradient(0deg,#eef0ec 0px,#eef0ec 2px,#b9c6cf 3px);transform:skewY(-12deg);z-index:-1}
.gallery-cover{display:block!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit}.gallery-feature-copy{padding:0 0 0 12px;min-width:0}.gallery-feature-copy h2{font-size:clamp(22px,2.2vw,32px);line-height:1.45;margin:0 0 12px;overflow-wrap:anywhere}.gallery-feature-copy>p{font-size:14px;color:#526786;margin:0 0 26px}.gallery-feature-label{display:block;margin:0 0 22px;font-size:14px}.gallery-feature-label:before{content:"";display:block;width:28px;height:2px;background:var(--gallery-blue);margin-bottom:22px}
.gallery-library .gallery-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gallery-blue);color:#fff;border-radius:5px;min-height:48px;padding:12px 22px;font-weight:700;font-size:15px}.gallery-primary svg{width:18px;height:18px}
.gallery-tabs{display:flex;border-bottom:1px solid #dce5f1;gap:36px;margin-bottom:36px;overflow-x:auto}.gallery-tabs a{white-space:nowrap;padding:20px 6px 14px;min-height:52px;font-size:16px;font-weight:700;position:relative}.gallery-tabs a[aria-current]{color:var(--gallery-blue)}.gallery-tabs a[aria-current]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--gallery-blue)}
.gallery-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 36px}.gallery-book{min-width:0}.gallery-cover-link{display:block;position:relative;padding:0 10px 12px;aspect-ratio:2/3}.gallery-cover-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(#edf5fc 0 35%,#d8e4f1 35%);box-shadow:0 8px 12px #1d446013;clip-path:polygon(4% 0,96% 0,100% 36%,100% 100%,0 100%,0 36%)}
@media(hover:hover){.gallery-cover-link:hover .gallery-volume,.gallery-feature-book:hover .gallery-volume{transform:perspective(1000px) rotateY(0deg) translateY(-5px);box-shadow:7px 12px 18px #17395c25}}
.gallery-book-info{padding:16px 10px 0;position:relative}.gallery-book-info h2{font-size:16px;line-height:1.6;margin:0;padding-right:22px;overflow-wrap:anywhere}.gallery-book-info p{font-size:13px;color:#60738e;line-height:1.5;margin:4px 0 8px}.gallery-bookmark{position:absolute;right:8px;top:20px}.gallery-bookmark svg{width:18px;height:18px}.gallery-progress-label{font-size:12px;color:#536987}.gallery-book-info progress{display:block;appearance:none;width:85%;height:5px;border:0;border-radius:5px;overflow:hidden;margin-top:8px;background:#dce5f1}.gallery-book-info progress::-webkit-progress-bar{background:#dce5f1}.gallery-book-info progress::-webkit-progress-value{background:var(--gallery-blue)}.gallery-book-info progress::-moz-progress-bar{background:var(--gallery-blue)}
.gallery-book-actions{margin-top:8px;font-size:13px}.gallery-book-actions summary{width:44px;min-height:32px;cursor:pointer;color:#60738e;list-style:none}.gallery-book-actions button,.gallery-book-actions a{display:block;background:#f4f7fc;border:1px solid #dce5f1;border-radius:6px;padding:10px;margin:6px 0;width:100%;text-align:left;color:var(--gallery-ink);font:inherit;cursor:pointer}
.gallery-empty{text-align:center;padding:44px 16px 64px;background:linear-gradient(#fff,#f5f9ff);border-radius:12px}.gallery-empty>span svg{width:32px;height:32px;color:#809cc4}.gallery-empty h2{font-size:22px;margin:16px 0 12px}.gallery-empty p{font-size:14px;color:#64748b;margin-bottom:24px}.gallery-status{font-size:14px;color:#60738e}.gallery-discover{display:block;text-align:right;margin-top:32px;color:var(--gallery-blue)!important;font-weight:600}
@media(max-width:1000px){.gallery-hero{grid-template-columns:.9fr 1.4fr 1fr;gap:16px;min-height:330px}.gallery-feature-art{height:280px}.gallery-feature-book{width:54%}.gallery-books{gap:30px 22px}.gallery-library .gallery-primary{padding:12px 14px}}
@media(max-width:640px){.gallery-library{padding:0 20px 100px!important}.gallery-hero{margin:0 -20px;padding:28px 20px 24px;grid-template-columns:minmax(0,1fr);gap:20px;overflow:hidden}.gallery-intro h1{font-size:26px!important;line-height:1.45!important}.gallery-intro h1 br{display:none}.gallery-eyebrow{font-size:10px!important;margin-bottom:12px!important}.gallery-feature-art{height:225px;margin:0 -20px}.gallery-landscape{width:100%;clip-path:none;object-position:center}.gallery-feature-book{left:28px;width:118px;top:20px;height:188px}.gallery-feature-copy{padding:0}.gallery-feature-copy h2{font-size:23px;margin-bottom:5px}.gallery-feature-copy>p{font-size:13px;margin-bottom:12px}.gallery-feature-label{font-size:12px;margin-bottom:16px;display:flex;gap:10px;align-items:center}.gallery-feature-label:before{width:20px;margin:0}.gallery-feature-copy .gallery-primary{width:100%}.gallery-tabs{justify-content:space-between;gap:10px;margin-bottom:26px}.gallery-tabs a{font-size:14px;padding:16px 2px 12px}.gallery-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.gallery-cover-link{padding:0 5px 9px}.gallery-cover-link:after{height:9px}.gallery-book-info{padding:12px 2px 0}.gallery-book-info h2{font-size:14px;line-height:1.5}.gallery-book-info p{font-size:12px}.gallery-bookmark{top:14px;right:0}.gallery-empty h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.gallery-volume{transition:none!important}}
body.app-interface[data-screen=library]{background:#fff}.app-interface[data-screen=library] #app{padding-top:0}.app-interface[data-screen=library]>.app-topbar{padding-left:max(20px,calc((100vw - 1368px)/2));padding-right:max(20px,calc((100vw - 1368px)/2));height:76px}.gallery-header-actions{display:flex;align-items:center;gap:6px}.gallery-brand{display:inline-flex!important;vertical-align:middle}.gallery-brand img{object-fit:contain!important;width:160px!important;height:54px!important}
@media(min-width:1024px){body.app-interface[data-screen=library]{padding-top:76px}.app-interface[data-screen=library]>.mobile-nav{inset:0 180px auto 260px;height:76px;min-height:76px;padding:0;z-index:46;border:0;max-width:660px;margin:auto;background:transparent;backdrop-filter:none;gap:12px}.app-interface[data-screen=library]>.mobile-nav a{border-radius:0;min-height:76px;position:relative}.app-interface[data-screen=library]>.mobile-nav a.active{background:transparent}.app-interface[data-screen=library]>.mobile-nav a.active:after{content:"";position:absolute;bottom:0;width:70%;height:3px;background:#064bff}}
@media(max-width:1023px){body.app-interface[data-screen=library]{padding-top:76px}.gallery-brand img{width:140px!important;height:46px!important}}
.gallery-cover-lettering{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:12% 10% 9%;color:#fff;background:linear-gradient(#08254a90,transparent 75%,#08254a80);border-radius:inherit;text-shadow:0 2px 6px #001832}
.gallery-cover-lettering small{font-size:11px;font-weight:600}
.gallery-library .gallery-hero{margin:0 -36px}.gallery-header-actions .app-icon-button svg{display:block;width:22px;height:22px;stroke:currentColor}
@media(max-width:640px){.gallery-library .gallery-hero{margin:0 -20px}.gallery-intro h1{font-size:24px!important}.gallery-cover-lettering small{font-size:10px}}
/* Make the work title the primary readable element, including narrow shelves. */
.gallery-library .gallery-feature-copy h2{font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:1.4;letter-spacing:.01em}
.gallery-library .gallery-book-info h2{font-size:22px;font-weight:750;line-height:1.5;color:#102747}
.gallery-volume{container-type:inline-size}
.gallery-library .gallery-cover-lettering strong{display:block;writing-mode:horizontal-tb;align-self:stretch;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(20px,15cqw,42px);font-weight:800;line-height:1.4;letter-spacing:.02em;overflow-wrap:anywhere;line-break:strict;text-wrap:balance;text-shadow:0 2px 5px #001629,0 0 16px #001629b3}
.gallery-library [data-title-length=medium] .gallery-cover-lettering strong{font-size:12cqw}
.gallery-library [data-title-length=long] .gallery-cover-lettering strong{font-size:8cqw}
.gallery-library .gallery-feature-copy h2,.gallery-library .gallery-book-info h2{text-wrap:balance;line-break:strict;word-break:normal}
@media(max-width:640px){.gallery-library .gallery-feature-copy h2{font-size:30px}.gallery-library .gallery-book-info h2{font-size:19px;line-height:1.5}.gallery-feature-book{width:138px;height:207px;top:9px}}

.gallery-cover-heading{display:block;min-width:0}.gallery-cover-series{display:block;font-size:8cqw;font-weight:700;line-height:1.6;letter-spacing:.02em;margin-bottom:10%;text-wrap:balance;overflow-wrap:anywhere}

.gallery-title-series{display:block;font-size:.6em;line-height:1.6;font-weight:650;letter-spacing:.02em;margin-bottom:.35em;text-wrap:pretty}
