.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-6);max-width:1200px;margin:0 auto;padding:var(--space-6)}.shelf-grid__loading,.shelf-grid__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-lg)}.shelf-grid__empty i{font-size:3rem;opacity:.3}.shelf-card{display:block;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition-fast)}.shelf-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.shelf-card__cover{aspect-ratio:1;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.shelf-card__cover-img{width:100%;height:100%;object-fit:cover}.shelf-card__stack{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shelf-card__stack-img{position:absolute;width:55%;height:75%;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 2px 8px #0003;transition:transform var(--transition-fast)}.shelf-card__cover-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted);opacity:.3;font-size:2.5rem}.shelf-card__emoji-large{font-size:2.5rem}.shelf-card__info{padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.shelf-card__title{font-size:var(--font-size-sm);font-weight:600;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-card__emoji{margin-right:var(--space-1)}.shelf-card__count{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.shelf-card__visibility{font-size:var(--font-size-xs);color:var(--color-text-muted)}.shelf-create-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.shelf-create-btn:hover{opacity:.9}.shelf-detail{max-width:1200px;margin:0 auto;padding:var(--space-6)}.shelf-detail__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--space-4);transition:color var(--transition-fast)}.shelf-detail__back:hover{color:var(--color-primary)}.shelf-detail__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.shelf-detail__title{font-size:var(--font-size-2xl);margin:0 0 var(--space-2) 0}.shelf-detail__emoji{margin-right:var(--space-2)}.shelf-detail__description{color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.shelf-detail__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-3)}.shelf-detail__visibility{display:inline-flex;align-items:center;gap:var(--space-1)}.shelf-detail__actions{display:flex;gap:var(--space-2)}.shelf-detail__edit-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.shelf-detail__edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.shelf-detail__delete-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.shelf-detail__delete-btn:hover{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444)}.shelf-detail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.shelf-detail__dragging{opacity:.5}.shelf-detail__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.shelf-detail__empty i{font-size:2.5rem;opacity:.3}.shelf-detail__empty-hint{font-size:var(--font-size-sm);opacity:.7}.shelf-detail__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-16);color:var(--color-text-muted);gap:var(--space-2)}.shelf-detail__not-found{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.shelf-detail__not-found a{color:var(--color-primary)}.add-to-shelf{position:relative;display:inline-flex}.add-to-shelf__trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.add-to-shelf__trigger:hover{color:var(--color-primary);border-color:var(--color-primary)}.add-to-shelf__dropdown{position:absolute;top:100%;right:0;z-index:50;min-width:200px;margin-top:var(--space-1);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;overflow:hidden}.add-to-shelf__option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);text-align:left;transition:background var(--transition-fast)}.add-to-shelf__option:hover{background:var(--color-bg-secondary)}.add-to-shelf__option--active{color:var(--color-primary)}.add-to-shelf__empty{padding:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.shelf-detail__add-bar{margin-bottom:var(--space-4)}.shelf-detail__add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent, #3b82f6);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;font-size:var(--font-size-sm)}.shelf-detail__add-btn:hover{opacity:.9}.shelf-detail__search-panel{background:var(--color-bg-secondary, #1a1a2e);border:1px solid var(--color-border, #333);border-radius:var(--radius-md, 8px);overflow:hidden}.shelf-detail__search-input-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border, #333)}.shelf-detail__search-input-wrap i{color:var(--color-text-muted)}.shelf-detail__search-input-wrap input{flex:1;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-base);outline:none}.shelf-detail__search-close{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1)}.shelf-detail__search-results{max-height:320px;overflow-y:auto}.shelf-detail__search-result{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-bottom:1px solid var(--color-border, #222);color:var(--color-text-primary);cursor:pointer;text-align:left}.shelf-detail__search-result:hover{background:var(--color-bg-tertiary, #252540)}.shelf-detail__search-result:last-child{border-bottom:none}.shelf-detail__search-result-cover{width:40px;height:56px;border-radius:4px;overflow:hidden;background:var(--color-bg-tertiary, #252540);display:flex;align-items:center;justify-content:center;flex-shrink:0}.shelf-detail__search-result-cover img{width:100%;height:100%;object-fit:cover}.shelf-detail__search-result-cover i{color:var(--color-text-muted)}.shelf-detail__search-result-info{flex:1;min-width:0}.shelf-detail__search-result-title{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shelf-detail__search-result-creator{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted)}.shelf-detail__search-result-add{color:var(--color-accent, #3b82f6);font-size:1.1rem}.shelf-detail__search-loading,.shelf-detail__search-empty{padding:var(--space-4);text-align:center;color:var(--color-text-muted)}