.b-library .r-container{max-width:1280px}.b-library .r-profile{margin-bottom:31px}.b-collection{scroll-margin-top:25px}.b-collection-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.b-collection-head h2{overflow-wrap:anywhere;min-width:0;font-size:21px;font-weight:600}.b-search{border:1px solid var(--r-line);width:280px;min-width:0;max-width:100%;color:var(--r-sub);background:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:9px;padding:8px 11px;display:flex}.b-search input{width:100%;min-width:0;color:var(--r-ink);background:0 0;border:0;outline:0;font-size:12px}.b-search input::placeholder{color:var(--r-sub)}.b-search:focus-within{border-color:var(--r-accent);box-shadow:0 0 0 2px #4b6d9a15}.b-search button{place-items:center;padding:4px;display:grid}.b-count{color:var(--r-ink);margin-bottom:45px;font-size:12px;font-weight:500}.b-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:52px 24px;display:grid}.b-card{background:linear-gradient(155deg,#e4edf8 0%,#f5f8fc 42%,#fff 78%);border:1px solid #d8e3f0;border-radius:19px;flex-direction:column;min-width:0;padding:0 17px 21px;display:flex;box-shadow:0 9px 26px #344d7010,0 1px 3px #344d7008}.b-cover{aspect-ratio:3/4;outline-offset:-1px;background:#e5edf5;border-radius:8px;outline:1px solid #ffffff70;flex-shrink:0;place-items:center;width:100%;margin-top:-27px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 22px -7px #26364d66,0 3px 7px #26364d1c}.b-cover img{object-fit:contain;width:100%;height:100%;display:block}.b-copy{flex-direction:column;flex:1;align-items:flex-start;width:100%;min-width:0;padding-top:23px;display:flex}.b-copy h3{overflow-wrap:anywhere;min-height:3.5em;font-size:16px;font-weight:500;line-height:1.75}.b-genre{color:var(--r-sub);overflow-wrap:anywhere;margin:10px 0 20px;font-size:11px}.b-bottom{border-top:1px solid #dfe6f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;width:100%;margin-top:auto;padding-top:16px;display:flex}.b-copy h3:last-child{margin-bottom:20px}.b-status{color:var(--r-accent);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.b-status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.b-status.b-complete{color:#5f826e}.b-status.b-paused{color:#8d8c94}.b-links{flex-wrap:wrap;align-items:center;gap:5px;min-height:44px;display:flex}.b-links a{background:#fff;border:1px solid #e1e7f0;border-radius:10px;place-items:center;width:37px;height:44px;transition:transform .15s,border-color .15s;display:grid;box-shadow:0 2px 4px #344d7008}.b-links a:hover{border-color:var(--r-accent);transform:translateY(-2px)}.b-links img{object-fit:contain;width:25px;height:25px}.b-pending{color:var(--r-sub);font-size:10px}.b-cover-placeholder{color:#e7e6dc;background:#334c57}.b-cover-art{text-align:center;border:1px solid #ffffff3b;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;width:calc(100% - 22px);height:calc(100% - 22px);padding:18px 10px;display:flex}.b-cover-art>span{letter-spacing:1px;opacity:.8;font-size:10px}.b-cover-art strong{overflow-wrap:anywhere;font-size:18px;font-weight:500;line-height:1.7}.b-cover-art small{opacity:.7;font-size:10px}.b-cover-art svg{opacity:.75;flex-shrink:0}.b-empty{text-align:center;color:var(--r-sub);padding:45px 15px}.b-empty>svg{margin:0 auto 13px}.b-empty h3{font-size:17px;font-weight:500}.b-empty p{margin-top:7px;font-size:12px}.b-empty button{text-underline-offset:4px;margin-top:14px;font-size:12px;text-decoration:underline}@media (max-width:1099px){.b-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.b-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 24px}.b-collection-head{flex-direction:column;align-items:stretch;gap:13px}.b-search{width:100%}.b-copy h3{font-size:17px}.b-cover-art strong{font-size:20px}}@media (max-width:580px){.b-library .r-container{padding-left:16px;padding-right:16px}.b-grid{grid-template-columns:minmax(0,1fr);gap:50px;max-width:340px;margin:auto}.b-card{padding-left:20px;padding-right:20px}.b-count{margin-bottom:44px}.b-collection-head h2{font-size:20px}.b-search input{min-height:25px;font-size:16px}.b-search button{width:32px;min-height:32px}.b-copy h3{min-height:0}.b-cover-art strong{font-size:22px}}@media (prefers-reduced-motion:reduce){.b-links a{transition:none}}.b-collection-controls{align-items:center;gap:10px;min-width:0;display:flex}.b-collection-controls .b-search{width:270px}.b-sort-menu{flex-shrink:0;min-width:0;position:relative}.b-sort-trigger{color:var(--r-ink);border:1px solid var(--r-line);white-space:nowrap;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 12px;font-size:12px;display:inline-flex}.b-sort-trigger>svg:first-child{color:var(--r-sub)}.b-sort-trigger[aria-expanded=true]{border-color:#adc2df;box-shadow:0 0 0 3px #edf3fb}.b-sort-popup{border:1px solid var(--r-line);z-index:30;background:#fff;border-radius:11px;width:215px;max-width:calc(100vw - 32px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 28px #2a456020}.b-sort-popup[hidden]{display:none}.b-sort-popup>button{width:100%;min-height:42px;color:var(--r-ink);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;font-size:12px;display:flex}.b-sort-popup>button:hover{background:#f4f7fb}.b-sort-popup>button[aria-checked=true]{color:var(--r-accent);background:#edf3fb}.b-sort-popup>button:focus-visible{outline:2px solid var(--r-accent);outline-offset:-2px}.b-sort-check{flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}@media (max-width:900px){.b-collection-controls{width:100%}.b-collection-controls .b-search{flex:1;width:auto}.b-sort-trigger{min-height:39px}}@media (max-width:580px){.b-collection-controls{flex-wrap:wrap;gap:9px}.b-collection-controls .b-search{flex-basis:100%}.b-sort-menu{margin-left:auto}.b-sort-trigger,.b-sort-popup>button{min-height:44px;font-size:14px}}.b-library{overflow-anchor:none}.b-sort-menu{width:156px}.b-sort-trigger,.b-sort-menu[data-native-picker=true] .b-sort-native{width:100%}.b-sort-trigger>span,.b-sort-native>span{text-align:center;flex:1}@media (max-width:640px){.b-sort-menu{width:124px}}.b-sort-native{display:none}.b-sort-menu[data-native-picker=true] .b-sort-trigger,.b-sort-menu[data-native-picker=true] .b-sort-popup{display:none!important}.b-sort-menu[data-native-picker=true] .b-sort-native{background:var(--r-surface);min-height:44px;color:var(--r-ink);border:1px solid var(--r-line);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;display:flex;position:relative}.b-sort-native>svg:first-child{display:none}.b-sort-native select{opacity:0;cursor:pointer;-webkit-appearance:auto;appearance:auto;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.b-sort-native:focus-within{outline:2px solid var(--r-accent);outline-offset:3px}@media (max-width:640px){.b-library .r-container{padding-left:12px;padding-right:12px}.b-library .r-top{padding:12px 0}.b-library .r-profile{gap:10px;margin:0 0 18px;padding:12px}.b-library .r-identity{align-items:center;gap:10px}.b-library .r-avatar{width:44px;height:44px}.b-library .r-profile h1{font-size:18px;line-height:1.5}.b-library .r-profile p{margin-top:2px;font-size:11px;line-height:1.6}.b-library .r-socials{padding-top:8px}.b-library .r-social-heading{display:none}.b-library .r-social-list{justify-content:flex-start;gap:4px}.b-library .r-social{gap:3px;min-width:44px;font-size:9px}.b-library .r-social-icon{border-radius:10px;width:44px;height:44px}.b-library .r-social-icon img{width:24px;height:24px}.b-collection-head{gap:10px;margin-bottom:10px}.b-collection-head h2{font-size:18px}.b-collection-controls{flex-wrap:nowrap;gap:8px}.b-collection-controls .b-search{flex:1 1 0;width:auto;padding:7px 8px}.b-sort-menu{margin-left:0}.b-sort-trigger{gap:5px;min-height:44px;padding:8px;font-size:12px}.b-sort-trigger>svg:first-child{display:none}.b-count{margin-bottom:12px;font-size:11px}.b-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;margin:0}.b-card{border-radius:11px;padding:7px 7px 10px}.b-cover{box-shadow:none;border-radius:6px;margin-top:0}.b-copy{padding-top:9px}.b-copy h3{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3.3em;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.b-genre{margin:5px 0 8px;font-size:11px}.b-bottom{gap:2px;padding-top:7px}.b-status{gap:4px;font-size:10px}.b-links{justify-content:flex-start;gap:2px;width:100%}.b-links a{width:44px;height:44px;box-shadow:none;border-radius:7px}.b-links img{width:22px;height:22px}.b-cover-art{gap:5px;width:calc(100% - 12px);height:calc(100% - 12px);padding:9px 6px}.b-cover-art strong{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.b-cover-art>span,.b-cover-art small{letter-spacing:0;font-size:9px}.b-cover-art svg{width:22px;height:22px}}
