.media-library{max-width:1200px;width:100%;margin:0 auto;padding:var(--space-6);overflow-x:hidden}.media-library__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.media-library__header-actions{display:flex;align-items:center;gap:var(--space-3)}.media-library__view-modes{display:flex;gap:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:2px}.media-library__view-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.media-library__view-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.media-library__view-btn--active{background:var(--color-primary);color:var(--color-text-inverse)}.media-library__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.media-library__add-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-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast)}.media-library__add-btn:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}.media-library__type-tabs{display:flex;gap:var(--space-1);overflow-x:auto;padding-bottom:var(--space-1);margin-bottom:var(--space-3)}.media-library__type-tab{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.media-library__type-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.media-library__type-tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.media-library__filter-row{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-6)}.media-library__search{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.media-library__search i{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.media-library__search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary)}.media-library__search input:focus{outline:none;border-color:var(--color-border-focus)}.media-library__select{padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.media-library__sort-dir{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.media-library__sort-dir:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.media-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.media-library__list{display:flex;flex-direction:column;gap:1px;background:var(--color-border-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.media-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--glass-bg);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.media-list-item:hover{background:var(--color-bg-tertiary)}.media-list-item__cover{width:2.5rem;height:2.5rem;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.media-list-item__cover img{width:100%;height:100%;object-fit:cover}.media-list-item__info{flex:1;min-width:0;display:flex;flex-direction:column}.media-list-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-list-item__creator{font-size:var(--font-size-xs);color:var(--color-text-muted)}.media-list-item__meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.media-library__timeline{display:flex;flex-direction:column;gap:0;position:relative}.media-timeline__group{display:grid;grid-template-columns:110px 1fr;gap:0;position:relative;min-height:var(--space-8);padding-bottom:var(--space-3)}.media-timeline__group--empty{min-height:auto;padding-bottom:0}.media-timeline__group:before{content:"";position:absolute;left:110px;top:0;bottom:0;width:2px;background:var(--color-border-primary)}.media-timeline__month-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;color:var(--color-text-muted);text-align:right;padding-top:var(--space-2);padding-right:var(--space-4);position:sticky;top:var(--space-2);align-self:start;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.media-timeline__month-dot{position:absolute;right:calc(-1 * var(--space-4) - 5px);width:10px;height:10px;border-radius:50%;background:var(--color-bg-primary);border:2px solid var(--color-text-muted);box-sizing:border-box}.media-timeline__group--empty .media-timeline__month-label{color:var(--color-border-primary);padding-bottom:var(--space-1)}.media-timeline__group--empty .media-timeline__month-dot{width:6px;height:6px;border-color:var(--color-border-primary);right:calc(-1 * var(--space-4) - 3px)}.media-timeline__month-label--active{color:var(--color-primary)}.media-timeline__month-dot--active{border-color:var(--color-primary)!important;background:var(--color-primary)!important}.media-timeline__month-label--undated{font-style:italic;opacity:.6}.media-timeline__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);padding-left:var(--space-4)}.media-timeline__card{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.media-timeline__card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.media-timeline__card:hover .media-timeline__title{color:var(--color-primary)}.media-timeline__card-cover{position:relative;aspect-ratio:2 / 3;background:var(--color-bg-tertiary);overflow:hidden}.media-timeline__card-cover img{width:100%;height:100%;object-fit:cover;display:block}.media-timeline__card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-xl)}.media-timeline__status-dot{position:absolute;top:var(--space-1);right:var(--space-1);width:8px;height:8px;border-radius:50%;border:1.5px solid var(--color-bg-secondary)}.media-timeline__card-info{display:flex;flex-direction:column;gap:1px;padding:var(--space-2)}.media-timeline__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-timeline__creator{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-timeline__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.media-timeline__rating{color:var(--color-warning, #f59e0b)}.media-timeline__dates{opacity:.7}@media(max-width:600px){.media-timeline__group{grid-template-columns:1fr}.media-timeline__group:before{display:none}.media-timeline__month-label{text-align:left;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--space-2)}.media-timeline__grid{padding-left:0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.media-library__loading,.media-library__empty{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.media-library__empty i{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);display:block}.media-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.media-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.media-card__link{text-decoration:none;color:inherit;display:block}.media-card__cover{position:relative;aspect-ratio:3 / 4;background:var(--color-bg-tertiary);overflow:hidden}.media-card__cover img{width:100%;height:100%;object-fit:cover}.media-card__cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-3xl)}.media-card__status-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:.625rem;font-weight:var(--font-weight-medium);color:#fff;display:flex;align-items:center;gap:2px}.media-card__info{padding:var(--space-3)}.media-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-1);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-card__creator{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card__meta{display:flex;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-wrap:wrap}.media-card__rating{color:#f59e0b}.media-card__progress{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-primary)}.media-card__actions{display:flex;gap:var(--space-1);padding:0 var(--space-3) var(--space-3);opacity:0;transition:opacity var(--transition-fast)}.media-card:hover .media-card__actions{opacity:1}.media-card__action-btn{flex:1;padding:var(--space-1);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.media-card__action-btn:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.media-card__action-btn--complete:hover{color:var(--color-success)}.media-card__action-btn--danger:hover{color:var(--color-error)}.media-card__action-btn--confirm{background:var(--color-error);color:#fff}.media-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.media-form{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:var(--space-6)}.media-form__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.media-form__header h2{margin:0;font-size:var(--font-size-xl);color:var(--color-text-primary)}.media-form__close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-muted);cursor:pointer}.media-form__type-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.media-form__type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex:1;min-width:0}.media-form__type-btn i{font-size:var(--font-size-lg)}.media-form__type-btn:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.media-form__type-btn--active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.media-form__field{margin-bottom:var(--space-3)}.media-form__field label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.media-form__field input,.media-form__field select,.media-form__field textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.media-form__field input:focus,.media-form__field select:focus,.media-form__field textarea:focus{outline:none;border-color:var(--color-border-focus)}.media-form__field textarea{resize:vertical;font-family:var(--font-family-sans)}.media-form__field--short{flex:0 0 100px}.media-form__row{display:flex;gap:var(--space-3);align-items:flex-start}.media-form__row .media-form__field{flex:1}.media-form__section{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.media-form__section-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;list-style:none}.media-form__section-toggle::-webkit-details-marker{display:none}.media-form__section-toggle:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:var(--font-size-xs);margin-left:auto;transition:transform var(--transition-fast)}details[open].media-form__section>.media-form__section-toggle:after{transform:rotate(180deg)}.media-form__section-badge{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-normal)}.media-form__section-body{padding:0 var(--space-3) var(--space-3)}.media-form__tag-list{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-2)}.media-form__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid;border-radius:var(--radius-full);font-size:var(--font-size-xs)}.media-form__tag-remove{background:none;border:none;cursor:pointer;padding:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1}.media-form__tag-remove:hover{color:var(--color-danger, #ef4444)}.media-form__tag-options{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.media-form__tag-option{padding:var(--space-1) var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer}.media-form__tag-option:hover{background:var(--color-bg-hover)}.media-form__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.media-form__cancel{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.media-form__submit{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-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.media-form__submit:hover{background:var(--color-primary-hover)}.media-form__cover-download{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;padding:0;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.media-form__cover-download:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.media-form__cover-download:disabled{opacity:.5;cursor:not-allowed}.media-form__series-current{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.media-form__series-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:6px;font-size:.85rem;background:var(--color-primary-bg, var(--color-surface-alt, #1e3a5f));color:var(--color-primary, #60a5fa);border:1px solid var(--color-primary, #60a5fa)}.media-form__series-episode{font-size:.85rem;color:var(--color-text-muted);font-weight:600}.media-form__series-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.media-form__series-option{display:block;width:100%;text-align:left;padding:.5rem .75rem;background:none;border:none;color:var(--color-text);cursor:pointer;font-size:.85rem}.media-form__series-option:hover{background:var(--color-surface-hover, var(--color-border))}.media-form__series-option i{color:var(--color-text-muted);margin-right:.3rem}.media-form__external-links{display:flex;flex-wrap:wrap;gap:.5rem}.media-form__external-link{display:flex;align-items:center;gap:.25rem}.media-form__link-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:6px;font-size:.8rem;text-decoration:none;color:var(--color-text);background:var(--color-surface-alt, var(--color-surface));border:1px solid var(--color-border);transition:background .15s,border-color .15s}.media-form__link-btn:hover{background:var(--color-surface-hover, var(--color-border))}.media-form__link-btn--spotify{color:#1db954;border-color:#1db95440}.media-form__link-btn--amazon{color:#f90;border-color:#ff990040}.media-form__link-btn--deezer{color:#a238ff;border-color:#a238ff40}.media-form__link-btn--youtube{color:red;border-color:#ff000040}.media-form__link-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.2rem;font-size:.7rem;opacity:.5}.media-form__link-remove:hover{opacity:1;color:var(--color-error, #ef4444)}.media-form__link-add{background:var(--color-surface-alt, var(--color-surface));border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;padding:.45rem .6rem;border-radius:6px;font-size:.85rem}.media-form__link-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.media-detail{max-width:1000px;width:100%;margin:0 auto;padding:var(--space-6)}.media-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-6)}.media-detail__back:hover{color:var(--color-text-primary)}.media-detail__layout{display:grid;grid-template-columns:250px 1fr;gap:var(--space-8);align-items:start}.media-detail__cover-section{position:sticky;top:var(--space-6)}.media-detail__cover{width:100%;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0003}.media-detail__cover-placeholder{width:100%;aspect-ratio:3 / 4;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--color-text-muted)}.media-detail__quick-actions{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.media-detail__status-select{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:2px solid;border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.media-detail__visibility-btn{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;text-align:center}.media-detail__visibility-btn:hover{background:var(--color-bg-tertiary)}.media-detail__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.media-detail__type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.media-detail__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-1);line-height:1.2}.media-detail__original-title{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin:0 0 var(--space-2)}.media-detail__creator{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.media-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-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.media-detail__edit-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.media-detail__meta-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.media-detail__meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.media-detail__rating-section{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.media-detail__stars{display:flex;gap:2px}.media-detail__star{color:var(--color-border-secondary);font-size:var(--font-size-lg);transition:color var(--transition-fast)}.media-detail__star--filled{color:#f59e0b}.media-detail__star:hover{color:#fbbf24}.media-detail__rating-number{font-size:var(--font-size-sm);color:var(--color-text-muted)}.media-detail__progress-section{margin-bottom:var(--space-4)}.media-detail__progress{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.media-detail__progress-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.media-detail__progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.media-detail__dates{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.media-detail__dates span{display:flex;align-items:center;gap:var(--space-1)}.media-detail__tags{margin-bottom:var(--space-4)}.media-detail__tags h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.media-detail__tag-list{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.media-detail__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-primary)}.media-detail__tag-remove{background:none;border:none;font-size:.625rem;color:var(--color-text-muted);cursor:pointer;padding:0;margin-left:2px}.media-detail__tag-remove:hover{color:var(--color-error)}.media-detail__tag-add{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-tertiary);border:1px dashed var(--color-border-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer}.media-detail__tag-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.media-detail__tag-picker{display:flex;gap:var(--space-1);flex-wrap:wrap;margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-height:200px;overflow-y:auto}.media-detail__tag-option{padding:var(--space-1) var(--space-2);background:var(--color-bg-primary);border:1px solid;border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer}.media-detail__tag-option:hover{background:var(--color-bg-tertiary)}.media-detail__notes{margin-bottom:var(--space-4)}.media-detail__notes h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0 0 var(--space-2)}.media-detail__notes-content{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.6}.media-detail__notes-content p{margin:0 0 var(--space-2)}.media-detail__notes-content p:last-child{margin-bottom:0}.media-detail__external{display:flex;flex-wrap:wrap;gap:var(--space-2)}.media-detail__external-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none}.media-detail__external-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.media-detail__external-link--spotify{border-color:#1db954;color:#1db954}.media-detail__external-link--spotify:hover{background:#1db95418;color:#1db954}.media-detail__external-link--apple{border-color:#fc3c44;color:#fc3c44}.media-detail__external-link--apple:hover{background:#fc3c4418;color:#fc3c44}.media-detail__external-link--amazon{border-color:#25d1da;color:#25d1da}.media-detail__external-link--amazon:hover{background:#25d1da18;color:#25d1da}.media-detail__external-link--youtube{border-color:red;color:red}.media-detail__external-link--youtube:hover{background:#ff000018;color:red}.media-detail__external-link--deezer{border-color:#a238ff;color:#a238ff}.media-detail__external-link--deezer:hover{background:#a238ff18;color:#a238ff}.media-detail__external-link--audible{border-color:#f8991d;color:#f8991d}.media-detail__external-link--audible:hover{background:#f8991d18;color:#f8991d}.media-detail__external-link--imdb{border-color:#f5c518;color:#f5c518}.media-detail__external-link--imdb:hover{background:#f5c51818;color:#f5c518}.media-library__group{margin-bottom:var(--space-6)}.media-library__group-header{display:flex;align-items:center;gap:var(--space-3);width:100%;background:none;border:none;border-bottom:1px solid var(--color-border-primary);padding:var(--space-2) 0 var(--space-3);margin-bottom:var(--space-4);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-lg);text-align:left}.media-library__group-header:hover{color:var(--color-primary)}.media-library__group-header i{font-size:var(--font-size-sm);color:var(--color-text-muted);width:12px;transition:transform var(--transition-fast)}.media-library__group-label{font-weight:var(--font-weight-semibold)}.media-library__group-count{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);margin-left:var(--spacing-xs);min-width:24px;text-align:center}.media-library__list{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.media-list__header,.media-list__row{display:grid;grid-template-columns:36px 3fr 2fr 100px 50px 60px 100px 90px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);min-width:0}.media-list__header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.media-list__row{border-bottom:1px solid var(--color-border-primary);transition:background var(--transition-fast);cursor:pointer}.media-list__row:last-child{border-bottom:none}.media-list__row:hover{background:var(--color-bg-secondary)}.media-list__row-link{display:contents;text-decoration:none;color:inherit}.media-list__col{font-size:var(--font-size-sm);min-width:0}.media-list__col--cover{width:36px}.media-list__cover-img{width:36px;height:48px;object-fit:cover;border-radius:var(--radius-sm)}.media-list__cover-placeholder{width:36px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.media-list__col--title{min-width:0;display:flex;flex-direction:column;gap:1px}.media-list__title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-list__original-title{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-list__col--creator{min-width:0;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-list__col--type{color:var(--color-text-muted)}.media-list__col--year{text-align:center;color:var(--color-text-muted)}.media-list__col--rating{color:#f59e0b}.media-list__col--status{min-width:0}.media-list__status-badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:#fff;white-space:nowrap}.media-list__col--actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.media-list__row:hover .media-list__col--actions{opacity:1}.media-timeline{max-width:800px}.media-timeline__month{margin-bottom:var(--space-8)}.media-timeline__month-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary)}.media-timeline__month-label{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.media-timeline__month-count{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.media-timeline__entries{position:relative;padding-left:var(--space-10)}.media-timeline__entry{position:relative;display:flex;align-items:flex-start;margin-bottom:var(--space-4)}.media-timeline__date{position:absolute;left:calc(-1 * var(--space-10));width:var(--space-8);text-align:center}.media-timeline__day{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.media-timeline__line{position:absolute;left:calc(-1 * var(--space-10) + var(--space-4) - 1px);top:0;bottom:calc(-1 * var(--space-4));width:2px;background:var(--color-border-primary)}.media-timeline__entry:last-child .media-timeline__line{display:none}.media-timeline__content{display:flex;align-items:center;gap:var(--space-3);flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-3);transition:border-color var(--transition-fast)}.media-timeline__content:hover{border-color:var(--color-primary)}.media-timeline__entry-link{display:flex;align-items:center;gap:var(--space-3);flex:1;text-decoration:none;color:inherit;min-width:0}.media-timeline__cover{width:40px;height:56px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.media-timeline__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.media-timeline__title-row{display:flex;align-items:center;gap:var(--space-2)}.media-timeline__title-row>i{color:var(--color-text-muted);font-size:var(--font-size-sm)}.media-timeline__title{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-timeline__rating{font-size:var(--font-size-xs);color:#f59e0b;flex-shrink:0}.media-timeline__creator{font-size:var(--font-size-xs);color:var(--color-text-muted)}.media-timeline__status{font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-1)}.media-timeline__actions{flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.media-timeline__content:hover .media-timeline__actions{opacity:1}@media(max-width:768px){.media-library__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.media-detail__layout{grid-template-columns:1fr}.media-detail__cover-section{position:static;max-width:200px;margin:0 auto}.media-form__row{flex-direction:column}.media-form__field--short{flex:1}.media-list__header,.media-list__row{grid-template-columns:36px 1fr 40px 80px 60px}.media-list__col--type,.media-list__col--year,.media-list__col--creator{display:none}.media-timeline__entries{padding-left:var(--space-8)}.media-timeline__date{left:calc(-1 * var(--space-8));width:var(--space-6)}.media-timeline__line{left:calc(-1 * var(--space-8) + var(--space-3) - 1px)}}