.library-page .projects-page-shell{width:min(1100px,calc(100% - 48px))}.library-hero{min-height:160px}.library-hero p{max-width:420px}.library-board{align-self:start}.library-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}.library-tabs button{padding:7px 16px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#5f7c82;background:#ffffff5c;box-shadow:inset 0 1px #ffffffb8;cursor:pointer;font-size:.78rem;font-weight:900;line-height:1.3;transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.library-tabs button:hover{color:#315256;background:#ffffff94;transform:translateY(-1px)}.library-tabs button.active{color:#06242a;background:linear-gradient(135deg,#9ff4e8,#aebdff);border-color:transparent}.library-shelf-area{margin-top:12px;border-radius:20px 24px 22px 26px;padding:20px 20px 8px;background:radial-gradient(ellipse at 50% 0%,rgba(184,176,255,.08),transparent 60%),linear-gradient(180deg,#3c2d1e0f,#503c280a);transition:background .4s ease}.library-shelf{margin-bottom:24px}.library-shelf:last-child{margin-bottom:0}.library-books-row{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;padding:16px 8px 0;min-height:240px;align-items:flex-end}.shelf-plank{position:relative;height:18px;margin-top:14px;border-radius:3px 3px 4px 4px;background:linear-gradient(180deg,#c4943a,#d4a44a 2px,#b8842e,#a07020,#b08028,#987018,#a87828,#c49038,#b8842e,#a07020 18px);box-shadow:0 -1px #0000000f,0 3px 8px #00000014,inset 0 1px #fff3;overflow:hidden;transition:background .4s ease}.shelf-grain{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(92deg,transparent 0 8px,rgba(0,0,0,.03) 8px 9px,transparent 9px 18px,rgba(255,255,255,.04) 18px 20px,transparent 20px 32px);pointer-events:none}.library-book{position:relative;display:flex;flex-direction:column;flex:0 0 152px;width:152px;min-height:218px;padding:0;border:none;border-radius:6px 6px 3px 3px;color:inherit;cursor:pointer;background:linear-gradient(145deg,#ffffffeb,#f8f5f0e0);box-shadow:0 8px 20px #463c321a,0 2px 4px #463c320f,inset 0 1px #fffc;transform:rotate(var(--s-rotate, 0deg));transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),filter .3s ease;animation:bookShelfIn .55s cubic-bezier(.22,1,.36,1) both;text-align:center;line-height:1.3;overflow:hidden}.library-book:hover,.library-book:focus-visible{transform:rotate(var(--s-rotate, 0deg)) translateY(-8px) scale(1.04);box-shadow:0 20px 44px #3c32282e,0 4px 8px #3c322814;filter:saturate(1.06) brightness(1.02);z-index:10;outline:none}.library-book:active{transform:rotate(var(--s-rotate, 0deg)) scale(.96);transition-duration:.1s}@keyframes bookShelfIn{0%{transform:rotate(var(--s-rotate, 0deg)) translateY(24px) scale(.85);opacity:0;filter:blur(2px)}to{transform:rotate(var(--s-rotate, 0deg)) translateY(0) scale(1);opacity:1;filter:blur(0)}}.book-spine{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--spine, #6B4226);border-radius:4px 0 0 2px;box-shadow:inset -1px 0 #0000001f}.book-type-icon{position:absolute;top:6px;right:8px;font-size:.9rem;opacity:.6}.book-body{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:22px 14px 10px}.book-title{display:-webkit-box;overflow:hidden;margin:0;color:#3a4a4a;font-size:.92rem;font-weight:800;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.book-creator{display:block;margin:4px 0 0;color:#7a8a82;font-size:.68rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.book-divider{display:block;width:50%;height:1px;margin:8px auto;background:repeating-linear-gradient(90deg,rgba(115,170,160,.32) 0 4px,transparent 4px 8px)}.book-rating{display:block;color:#6ab8a8;font-size:.82rem;letter-spacing:.06em}.book-status-bar{display:flex;align-items:center;justify-content:center;width:calc(100% + 28px);margin:6px -14px 0;padding:5px 0 4px;font-size:.62rem;font-weight:900;letter-spacing:.04em;transition:background .3s ease}.book-status-bar[data-status=done]{background:#d4af372e;color:#8a6c1a}.book-status-bar[data-status=reading]{background:#5ac8b42e;color:#1a7a6a}.book-status-bar[data-status=wish]{background:#a08cdc2e;color:#5a4a8a}.library-shelf-empty .library-books-row{min-height:140px;align-items:center}.library-books-row-empty .projects-status{max-width:360px;margin:0 auto}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#14262a9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .32s ease;cursor:pointer}.detail-overlay[aria-hidden=false]{cursor:pointer}.detail-card{position:fixed;z-index:10001;width:min(480px,88vw);max-height:76vh;left:calc(50% - min(240px,44vw));top:clamp(48px,10vh,96px);padding:32px 30px 28px;border:1px solid rgba(255,255,255,.82);border-radius:28px 32px 26px 34px;color:#3a4a4a;background:radial-gradient(circle at 22% 12%,rgba(255,250,214,.5),transparent 8rem),linear-gradient(145deg,#fffffff5,#f5f8f0e0);box-shadow:0 28px 64px #1e281e3d,0 8px 20px #1e281e14,inset 0 1px #ffffffeb;transform:scale(0);opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .28s ease;cursor:default;overflow-y:auto;pointer-events:none}.detail-card.is-open{transform:scale(1);opacity:1;pointer-events:auto}.detail-close{position:absolute;top:12px;right:14px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#5f7c82;background:#ffffff85;cursor:pointer;font-size:1rem;line-height:1;transition:background .2s ease,transform .2s ease}.detail-close:hover{background:#ffffffd1;transform:scale(1.08)}.detail-type{display:inline-block;padding:3px 10px;border:1px solid rgba(115,170,160,.32);border-radius:999px;color:#4d8682;background:#ffffff85;font-size:.7rem;font-weight:900;margin-bottom:12px}.detail-title{margin:0 0 2px;color:#315256;font-size:clamp(1.4rem,3.5vw,1.8rem);line-height:1.2;letter-spacing:.02em}.detail-creator{margin:0 0 14px;color:#5f7c82;font-size:.88rem;font-weight:800}.detail-rating{margin-bottom:10px;color:#6ab8a8;font-size:1.2rem;letter-spacing:.08em}.detail-status{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:900;margin-bottom:16px}.detail-status[data-status=done]{background:#d4af3729;color:#8a6c1a}.detail-status[data-status=reading]{background:#5ac8b429;color:#1a7a6a}.detail-status[data-status=wish]{background:#a08cdc29;color:#5a4a8a}.detail-comment{margin:0 0 18px;color:#4b676d;font-size:.9rem;font-weight:750;line-height:1.8}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.detail-tags span{padding:4px 9px;border:1px solid rgba(115,215,197,.32);border-radius:999px;color:#4d8682;background:#ffffff6b;font-size:.68rem;font-weight:900}.detail-date{margin-top:4px;color:#7a9a90;font-size:.74rem;font-weight:800}html[data-theme=night] .library-tabs button{border-color:#bcf0e738;color:#bddbdc;background:#ffffff14}html[data-theme=night] .library-tabs button:hover{color:#e8fbf7;background:#ffffff24}html[data-theme=night] .library-tabs button.active{color:#06242a;background:linear-gradient(135deg,#9ff4e8,#aebdff)}html[data-theme=night] .library-shelf-area{background:radial-gradient(ellipse at 50% 0%,rgba(119,228,216,.06),transparent 60%),linear-gradient(180deg,#0a141980,#121e2366)}html[data-theme=night] .library-book{background:linear-gradient(145deg,#263c44e0,#1c3037d1);box-shadow:0 8px 20px #020b1647,0 2px 4px #020b161f,inset 0 1px #ffffff14}html[data-theme=night] .library-book:hover,html[data-theme=night] .library-book:focus-visible{box-shadow:0 20px 44px #020b165c,0 4px 8px #020b1629}html[data-theme=night] .book-title{color:#d8f5ee}html[data-theme=night] .book-creator{color:#89a8a0}html[data-theme=night] .book-divider{background:repeating-linear-gradient(90deg,rgba(119,228,216,.2) 0 4px,transparent 4px 8px)}html[data-theme=night] .book-rating{color:#77e4d8}html[data-theme=night] .book-status-bar[data-status=done]{background:#d4af371f;color:#d4b84a}html[data-theme=night] .book-status-bar[data-status=reading]{background:#5ac8b41f;color:#5ad8c8}html[data-theme=night] .book-status-bar[data-status=wish]{background:#a08cdc1f;color:#b0a0e0}html[data-theme=night] .shelf-plank{background:linear-gradient(180deg,#5a4020,#6a4a28 2px,#4a3018,#3a2810,#4a3018,#3a2810,#4a3820,#5a4020,#4a3018,#3a2810 18px);box-shadow:0 -1px #00000026,0 3px 8px #0000002e,inset 0 1px #ffffff0f}html[data-theme=night] .shelf-grain{background:repeating-linear-gradient(92deg,transparent 0 8px,rgba(0,0,0,.05) 8px 9px,transparent 9px 18px,rgba(255,255,255,.02) 18px 20px,transparent 20px 32px)}html[data-theme=night] .detail-overlay{background:#030c16c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=night] .detail-card{border-color:#bcf0e738;color:#d8f5ee;background:radial-gradient(circle at 22% 12%,rgba(119,228,216,.1),transparent 8rem),linear-gradient(145deg,#1a323af0,#122630e0);box-shadow:0 28px 64px #020b1666,0 8px 20px #020b1633,inset 0 1px #bcf0e714}html[data-theme=night] .detail-title{color:#f2fffb}html[data-theme=night] .detail-creator{color:#89a8a0}html[data-theme=night] .detail-rating{color:#77e4d8}html[data-theme=night] .detail-comment{color:#bddbdc}html[data-theme=night] .detail-date{color:#7a9a90}html[data-theme=night] .detail-close{border-color:#bcf0e733;color:#bddbdc;background:#ffffff14}html[data-theme=night] .detail-close:hover{color:#06242a;background:linear-gradient(135deg,#9ff4e8,#aebdff)}html[data-theme=night] .detail-type{border-color:#77e4d838;color:#77e4d8;background:#ffffff0f}html[data-theme=night] .detail-status[data-status=done]{background:#d4af371f;color:#d4b84a}html[data-theme=night] .detail-status[data-status=reading]{background:#5ac8b41f;color:#5ad8c8}html[data-theme=night] .detail-status[data-status=wish]{background:#a08cdc1f;color:#b0a0e0}html[data-theme=night] .detail-tags span{border-color:#77e4d829;color:#77e4d8;background:#ffffff0a}html[data-palette=ocean] .library-shelf-area{background:radial-gradient(ellipse at 50% 0%,rgba(168,184,255,.06),transparent 60%),linear-gradient(180deg,#323c460d,#3c46500a)}html[data-palette=ocean] .shelf-plank{background:linear-gradient(180deg,#8a8a7a,#9a9a88 2px,#7a7a6a,#6a6a5a,#7a7a6a,#6a6a5a,#7a7a6a,#8a8a7a,#7a7a6a,#6a6a5a 18px)}html[data-palette=ocean] .book-rating,html[data-palette=ocean] .detail-rating{color:var(--aqua)}html[data-palette=ocean] .library-tabs button.active{background:linear-gradient(135deg,#80c0e8,#a8b8ff)}html[data-palette=ocean][data-theme=night] .library-shelf-area{background:radial-gradient(ellipse at 50% 0%,rgba(74,159,200,.06),transparent 60%),linear-gradient(180deg,#08162380,#0c1c2866)}html[data-palette=ocean][data-theme=night] .shelf-plank{background:linear-gradient(180deg,#4a4a4a,#5a5a58 2px,#3a3a38,#2a2a28,#3a3a38,#2a2a28,#3a3a38,#4a4a48,#3a3a38,#2a2a28 18px)}html[data-palette=ocean][data-theme=night] .library-tabs button.active{color:#06242a;background:linear-gradient(135deg,#5fa8d3,#7ec8e3)}html[data-palette=ocean][data-theme=night] .detail-close:hover{color:#06242a;background:linear-gradient(135deg,#80c0e8,#a8b8ff)}html[data-palette=ocean][data-theme=night] .detail-type{color:#7ec8e3;border-color:#5fa8d34d}html[data-palette=cherry] .library-shelf-area{background:radial-gradient(ellipse at 50% 0%,rgba(201,160,232,.06),transparent 60%),linear-gradient(180deg,#50323c0a,#5a3c4608)}html[data-palette=cherry] .shelf-plank{background:linear-gradient(180deg,#b8887a,#c89888 2px,#a87868,#986858,#a87868,#986858,#a87868,#b88878,#a87868,#986858 18px)}html[data-palette=cherry] .book-rating,html[data-palette=cherry] .detail-rating{color:var(--aqua)}html[data-palette=cherry] .library-tabs button.active{background:linear-gradient(135deg,#f0b5c8,#c9a0e8)}html[data-palette=cherry][data-theme=night] .library-shelf-area{background:radial-gradient(ellipse at 50% 0%,rgba(216,136,184,.06),transparent 60%),linear-gradient(180deg,#190a1480,#230f1c66)}html[data-palette=cherry][data-theme=night] .shelf-plank{background:linear-gradient(180deg,#5a3830,#6a4840 2px,#4a2820,#3a2018,#4a2820,#3a2018,#4a2820,#5a3830,#4a2820,#3a2018 18px)}html[data-palette=cherry][data-theme=night] .library-tabs button.active,html[data-palette=cherry][data-theme=night] .detail-close:hover{color:#1a0a14;background:linear-gradient(135deg,#e0a0c0,#c9a0e8)}html[data-palette=cherry][data-theme=night] .detail-type{color:#d888b8;border-color:#d888b84d}@media(max-width:900px){.library-shelf-area{padding:14px 12px 6px}.library-books-row{gap:14px;padding:12px 4px 0;min-height:200px}.library-book{flex-basis:126px;width:126px;min-height:188px}.book-body{padding:20px 10px 8px}.book-title{font-size:.82rem}.book-creator{font-size:.62rem}.book-rating{font-size:.7rem}.book-status-bar{font-size:.56rem}.shelf-plank{height:14px;margin-top:10px}.detail-card{padding:26px 22px 22px}}@media(max-width:760px){.library-tabs{gap:6px}.library-tabs button{padding:5px 12px;font-size:.72rem}.library-book{flex-basis:110px;width:110px;min-height:170px}.book-type-icon{font-size:.78rem;top:4px;right:6px}.book-spine{width:4px}}