:root{--library-border:#e4e9f1;--library-muted:#667085;--library-accent:#246bfd}*{box-sizing:border-box}.library-page{margin:0 auto;max-width:1180px;padding:54px 24px}.site-header nav{display:flex;gap:18px;margin-left:auto;margin-right:22px}.site-header nav a{color:#475467;font-size:.86rem;text-decoration:none}.site-header nav a[aria-current=page]{color:#182230;font-weight:700}.library-heading>span{color:var(--library-accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-heading h1{font-size:clamp(2rem,5vw,3rem);margin:8px 0}.library-heading p{color:var(--library-muted);margin:0 0 30px}.library-stats{display:grid;gap:10px;grid-template-columns:repeat(8,1fr);margin-bottom:24px}.library-stats div{background:#fff;border:1px solid var(--library-border);border-radius:14px;display:grid;gap:4px;padding:15px}.library-stats strong{font-size:1.3rem}.library-stats span{color:var(--library-muted);font-size:.72rem}.library-filter{align-items:end;background:#fff;border:1px solid var(--library-border);border-radius:18px;display:grid;gap:12px;grid-template-columns:1.5fr repeat(5,1fr) auto;margin-bottom:24px;padding:16px}.library-filter label{display:grid;gap:6px}.library-filter label>span{color:#475467;font-size:.72rem;font-weight:600}.library-filter input,.library-filter select{border:1px solid #d0d5dd;border-radius:10px;font:inherit;min-width:0;padding:10px}.library-filter button,.favorite-modal button{background:#182230;border:0;border-radius:10px;color:#fff;cursor:pointer;font:inherit;font-weight:600;padding:11px 14px}.library-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.library-card{background:#fff;border:1px solid var(--library-border);border-radius:18px;display:grid;grid-template-columns:120px 1fr;min-height:190px;overflow:hidden}.library-card-image{align-items:center;background:#eef2f7;color:#98a2b3;display:flex;font-size:2rem;justify-content:center;min-height:100%}.library-card-image img{height:100%;object-fit:cover;width:100%}.library-card-body{min-width:0;padding:15px}.library-card-meta{color:var(--library-muted);display:flex;font-size:.7rem;gap:8px}.library-card h3{font-size:1.02rem;margin:9px 0}.favorite-status{align-items:center;background:#f2f4f7;border-radius:99px;color:#344054;display:inline-flex;font-size:.72rem;font-weight:600;gap:5px;padding:5px 8px}.library-card dl{display:flex;gap:12px;margin:12px 0}.library-card dl div{display:grid;gap:2px}.library-card dt{color:var(--library-muted);font-size:.64rem}.library-card dd{font-size:.72rem;margin:0}.library-card-note{background:#f8fafc;border-radius:9px;color:#475467;display:grid;font-size:.73rem;gap:4px;line-height:1.4;padding:9px}.favorite-modal{margin-top:10px;position:relative}.favorite-modal>summary{color:var(--library-accent);cursor:pointer;font-size:.76rem;font-weight:700;list-style:none}.favorite-modal>form{background:#fff;border:1px solid var(--library-border);border-radius:14px;box-shadow:0 14px 35px rgba(16,24,40,.16);display:grid;gap:12px;padding:14px;position:absolute;right:0;top:26px;width:min(310px,80vw);z-index:12}.favorite-modal fieldset{border:0;display:grid;gap:7px;margin:0;padding:0}.favorite-modal legend{font-size:.78rem;font-weight:700;margin-bottom:7px}.favorite-modal fieldset label{align-items:center;display:flex;font-size:.78rem;gap:6px}.favorite-modal-notes{display:grid;gap:5px}.favorite-modal-notes span{font-size:.72rem;font-weight:600}.favorite-modal textarea{border:1px solid #d0d5dd;border-radius:9px;font:inherit;padding:8px;resize:vertical}.library-empty-state{background:#fff;border:1px dashed #cfd6e2;border-radius:18px;padding:52px;text-align:center}.library-empty-state>span{font-size:2rem}.library-empty-state p{color:var(--library-muted)}.library-pagination{display:flex;gap:8px;justify-content:center;margin-top:28px}.library-pagination a{align-items:center;background:#fff;border:1px solid var(--library-border);border-radius:9px;color:#344054;display:flex;height:36px;justify-content:center;text-decoration:none;width:36px}.library-pagination a[aria-current=page]{background:#182230;color:#fff}
.library-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.library-heading>div>span{color:var(--library-accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.library-visibility{align-items:end;display:flex;gap:8px;margin-bottom:30px}.library-visibility label{color:#475467;font-size:.74rem;font-weight:600}.library-visibility select{border:1px solid #d0d5dd;border-radius:9px;font:inherit;padding:9px}.library-visibility button{background:#182230;border:0;border-radius:9px;color:#fff;font:inherit;padding:10px 12px}
@media(max-width:1050px){.library-stats{grid-template-columns:repeat(4,1fr)}.library-filter{grid-template-columns:repeat(3,1fr)}.library-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.library-page{padding:36px 16px}.site-header nav{display:none}.library-heading{align-items:flex-start;flex-direction:column}.library-visibility{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.library-stats{grid-template-columns:repeat(2,1fr)}.library-filter{grid-template-columns:1fr}.library-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.library-card{flex:0 0 90%;grid-template-columns:105px 1fr;scroll-snap-align:start}.favorite-modal>form{left:0;right:auto}.library-empty-state{padding:36px 18px}}