.shelves{overflow:hidden;background:linear-gradient(145deg,var(--panel,#102532),#182c44)}
.shelf-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.shelf-top h2{margin:4px 0}.shelf-top p{margin:6px 0 0}.shelf-kicker{font-size:11px;letter-spacing:.16em;font-weight:700;color:#43ded6}.shelf-filters{display:flex;gap:8px;overflow:auto;padding:20px 0 6px}.shelf-filters button{white-space:nowrap;border:1px solid #315a69;background:#102733;color:#b8d4df;padding:8px 13px;border-radius:99px}.shelf-filters button.selected{background:#37cfc9;color:#082329;border-color:#37cfc9}.shelf-row{padding:20px 0 16px;border-bottom:1px solid #31516a}.shelf-row:last-child{border:0}.shelf-heading h3{margin:0 0 12px;font-size:22px}.shelf-heading h3 span{font-size:14px;color:#a9c4ce}.shelf-track{display:flex;gap:13px;overflow-x:auto;padding:0 2px 12px;scroll-snap-type:x proximity}.shelf-card{flex:0 0 135px;width:135px;min-width:0;text-align:left;padding:0;border:0;background:transparent;color:inherit;scroll-snap-align:start}.shelf-art{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;aspect-ratio:2/3;border-radius:13px;background:linear-gradient(145deg,#365879,#412e64);box-shadow:0 8px 20px #0004}.shelf-art.square{aspect-ratio:1}.shelf-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}.shelf-fallback{font-size:48px;color:#a6ece6;opacity:.7}.shelf-score{position:absolute;z-index:2;bottom:7px;left:7px;border-radius:99px;background:#08141de8;color:#ffe49a;font-size:13px;font-weight:bold;padding:4px 9px}.shelf-card b,.shelf-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:7px}.shelf-card small{color:#a6c3ce;margin-top:3px}.shelf-empty{border:1px dashed #406274;border-radius:12px;padding:18px;color:#a6c3ce}.shelf-dialog{max-width:650px;width:calc(100% - 28px);max-height:85vh;overflow:auto;border:1px solid #366778;border-radius:20px;padding:22px;background:#0d202c;color:#e7f3f5}.shelf-dialog::backdrop{background:#000b}.shelf-form{display:grid;gap:13px}.shelf-form label{display:grid;gap:6px;color:#b8d4df;font-size:14px}.shelf-form input,.shelf-form select,.shelf-form textarea{width:100%;box-sizing:border-box}.shelf-form textarea{min-height:85px}.shelf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shelf-dialog-head,.shelf-search{display:flex;align-items:center;justify-content:space-between;gap:10px}.shelf-dialog-head h2{margin:3px 0}.shelf-search input{min-width:0}.shelf-check{display:flex!important;align-items:center;gap:9px}.shelf-check input{width:auto}.shelf-results{display:grid;gap:4px;max-height:220px;overflow:auto}.shelf-result{display:flex;text-align:left;align-items:center;gap:10px;background:#173745;color:#e7f3f5;border:0;padding:8px;border-radius:8px}.shelf-result img{width:42px;height:42px;object-fit:cover;border-radius:5px}.shelf-result small{display:block;color:#a6c3ce}.shelf-detail{display:grid;grid-template-columns:155px 1fr;gap:20px;position:relative}.shelf-close{position:absolute;right:0;top:0}.shelf-detail-art{aspect-ratio:2/3;background:linear-gradient(145deg,#365879,#412e64);border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:50px}.shelf-detail-art img{width:100%;height:100%;object-fit:cover}.shelf-detail h2{padding-right:40px}.shelf-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:520px){.shelf-card{flex-basis:115px;width:115px}.shelf-detail{grid-template-columns:100px 1fr;gap:12px}.shelf-form-grid{grid-template-columns:1fr 1fr}.shelf-top .primary{width:100%}}