/* Shared design prototype, following original BorrowingCard.astro. */
.library-demo{width:280px;max-width:100%;color:#173658}.library-turn{display:block;position:relative;width:100%;aspect-ratio:320/420;padding:0;border:0;background:transparent;cursor:pointer;perspective:1100px;color:inherit;text-align:left;font:inherit}.library-turn:focus-visible{outline:2px solid #386bc4;outline-offset:2px}.library-turn-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.library-turn[data-back="true"] .library-turn-inner{transform:rotateY(180deg)}.library-face{position:absolute;inset:0;display:block;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.library-front{object-fit:contain}.library-back{transform:rotateY(180deg) rotateZ(1.5deg)}
.borrow-card{display:flex;flex-direction:column;position:absolute;left:11.875%;top:8.095%;width:76.25%;height:83.333%;border:0;border-radius:3px;background:#fcfdff;box-shadow:0 4px 8px #17365812;color:#273c58;overflow:hidden;container-type:inline-size;font-family:'Courier New',monospace}.borrow-header{display:block;padding:9% 5% 6%;border-bottom:1.5px solid #cbd7e5}.borrow-title{display:block;text-align:center;font-size:5.6cqw;font-weight:700;letter-spacing:.11em;white-space:nowrap;margin-bottom:12%}.borrow-cols,.borrow-row{display:grid;grid-template-columns:22% 43% 35%;align-items:center;min-width:0}.borrow-cols{font-size:3.3cqw;font-weight:700;letter-spacing:.03em;color:#526d8c;gap:0}.borrow-cols span:last-child{text-align:right}.borrow-window{display:block;flex:1;min-height:0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent)}.borrow-rows{display:block;animation:borrow-scroll 20s linear infinite;animation-play-state:paused}.borrow-set{display:block}.borrow-row{height:18cqw;padding:0 5%;border-bottom:1px dashed #dce5f0}.borrow-date{font-size:3.8cqw;color:#8095af}.borrow-name{font-family:'Times New Roman',Georgia,serif;font-style:italic;font-size:6.5cqw;color:#3465be;padding-right:7%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.borrow-topic{font-size:3.8cqw;text-align:right;color:#455c78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-turn[data-back="true"] .borrow-rows{animation-play-state:running}.library-turn:hover .borrow-rows,.library-turn:focus-visible .borrow-rows{animation-play-state:paused}@keyframes borrow-scroll{to{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.library-turn-inner{transition:none}.borrow-rows{animation:none}}




.alpaca-demo{width:280px;max-width:100%}.ap-device{position:relative;aspect-ratio:320/420;container-type:inline-size;color:#344c3b}.ap-shell{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ap-display{position:absolute;left:23.3%;top:12.9%;width:53.4%;height:38.3%;display:flex;flex-direction:column;overflow:hidden;border-radius:5px;box-sizing:border-box;background:#edf0e5;font-family:Arial,Helvetica,sans-serif}.ap-status{height:12%;min-height:0;display:flex;align-items:center;gap:2%;padding:0 4%;background:linear-gradient(#f9faf4,#dce3d2);border-bottom:1px solid #aebca2;flex-shrink:0;font-size:3cqw;font-weight:600;color:#46594a}.ap-head{height:90%;width:auto}.ap-status-name{flex:1}.ap-status-index{font-size:2.1cqw;color:#718169;font-weight:400}.ap-screen-body{display:grid;grid-template-columns:49% 51%;height:88%;min-height:0}.ap-menu{display:flex;flex-direction:column;min-width:0;height:100%;outline:none;background:#f5f7ef;border-right:1px solid #c0cbb4}.ap-item{flex:1;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:1px;padding:0 5%;border:0;margin:0;background:none;color:#344c3b;font:500 2.85cqw/1 Arial,Helvetica,sans-serif;text-align:left;white-space:nowrap;cursor:pointer;overflow:hidden}.ap-item span:first-child{overflow:hidden;text-overflow:ellipsis}.ap-item[aria-selected="true"]{background:linear-gradient(#71866b,#546f4e);color:#fffdf2}.ap-item:focus-visible{outline:1px solid #85997b;outline-offset:-1px}.ap-menu:focus-visible{outline:1px solid #708568;outline-offset:-1px}.ap-chevron{font-size:3.4cqw;line-height:1;opacity:0}.ap-item[aria-selected="true"] .ap-chevron{opacity:1}.ap-album{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8%;min-width:0;background:linear-gradient(135deg,#e2e9d8,#f1f3eb)}.ap-cover-link{display:block;width:100%;text-decoration:none;outline-offset:3px}.ap-cover{display:block;width:100%;aspect-ratio:1;box-shadow:1px 2px 4px #46594a20}.ap-album-caption{margin-top:12%;font:2.5cqw/1.3 Georgia,serif;color:#63765b;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-wheel{position:absolute;left:30%;top:56%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#faf6ed 30%,#eee8dc 64%,#ddd7c9 100%);box-shadow:inset 0 1px 3px #b9b3a342,0 1px 0 #fffaf0}.ap-ring{position:absolute;inset:0;border-radius:50%;touch-action:none;cursor:grab;outline:none;user-select:none;-webkit-user-select:none}.ap-ring:active{cursor:grabbing}.ap-ring:focus-visible{outline:1.5px solid #87977d;outline-offset:3px}.ap-indicator{position:absolute;inset:4%;border-radius:50%;transform:rotate(var(--angle,0deg));pointer-events:none}.ap-indicator:before{content:'';position:absolute;left:49%;top:0;width:2%;height:4%;background:#96a18b;border-radius:2px;opacity:.6}.ap-direction{position:absolute;display:grid;place-items:center;width:25%;height:25%;border:0;padding:0;background:transparent;color:#a9ab9b;filter:drop-shadow(0 1px 0 #fffaf1);cursor:pointer;touch-action:manipulation}.ap-direction:hover{color:#6d8067}.ap-direction:focus-visible,.ap-select:focus-visible{outline:1.5px solid #87977d;outline-offset:1px}.ap-direction svg{width:36%;height:36%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ap-up{left:37.5%;top:2%}.ap-down{left:37.5%;bottom:2%}.ap-left{left:2%;top:37.5%}.ap-right{right:2%;top:37.5%}.ap-select{position:absolute;left:30%;top:30%;width:40%;height:40%;border-radius:50%;background:linear-gradient(#fcf9f1,#eee8da);box-shadow:0 1px 3px #a59e8f55,inset 0 1px 1px white;border:1px solid #c9c2b4;cursor:pointer}.ap-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.identity-art button{font-family:inherit}.identity-art .ap-direction{border:0;padding:0}.identity-art .ap-cover{max-width:100%}.site-identity .library-demo,.site-identity .alpaca-demo{width:100%}.site-identity[hidden] .borrow-rows{animation-play-state:paused}
