.video-player-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.video-player-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:800px}.video-player-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px 20px}.video-title{color:#333;flex:1 1;font-size:18px;margin:0 15px 0 0;white-space:nowrap}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.close-button:hover{background:#e9ecef;color:#333}.video-player-content{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:300px;position:relative}.video-element{height:100%;max-height:60vh;object-fit:contain;width:100%}.video-loading{align-items:center;color:#fff;display:flex;flex-direction:column}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #333;border-top-color:#fff;margin-bottom:15px}.video-error{align-items:center;color:#fff;display:flex;flex-direction:column;text-align:center}.video-error p{color:#ff6b6b;margin-bottom:15px}.retry-button{padding:8px 16px}.video-info-panel{background:#f8f9fa;border-top:1px solid #dee2e6;padding:15px 20px}.info-item{font-size:14px;justify-content:space-between;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-label{color:#495057;font-weight:600;min-width:80px}.info-value{color:#6c757d;text-align:right;word-break:break-all}@media (max-width:768px){.video-player-container{max-height:95vh;width:95vw}.video-player-header{padding:12px 15px}.video-title{font-size:16px}.video-element{max-height:50vh}.video-info-panel{padding:12px 15px}.info-item{flex-direction:column;margin-bottom:10px}.info-value{margin-top:2px;text-align:left}}.search-bar{align-items:center;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:8px;display:flex;position:relative;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-bar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-dim)}.search-bar__input{background:transparent;border:none;border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);flex:1 1;font-family:var(--font-body);font-size:14px;outline:none;padding:10px 12px;width:100%}.search-bar__input::placeholder{color:var(--color-text-secondary)}.search-bar__count{color:var(--color-accent);flex-shrink:0;font-family:var(--font-body);font-size:12px;padding:0 8px;white-space:nowrap}.search-bar__clear{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;line-height:1;padding:0 10px;transition:color var(--transition-fast)}.search-bar__clear:hover{color:var(--color-text-primary)}@media (max-width:767px){.search-bar{box-sizing:border-box;width:100%}.search-bar__input{font-size:16px;padding:8px 10px}}.tag-filter{display:flex;flex-direction:column;gap:8px}.tag-filter__chips{display:flex;flex-wrap:wrap;gap:6px}.tag-filter__chip{background-color:var(--color-surface-elevated);border-radius:16px;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.875rem;padding:4px 10px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.tag-filter__chip:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.tag-filter__chip--selected{box-shadow:0 0 8px rgba(200,149,44,.3);color:var(--color-text-primary)}.tag-filter__chip--selected:hover{box-shadow:0 0 12px rgba(200,149,44,.5)}.tag-filter__mode{align-items:center;display:flex;gap:8px}.tag-filter__mode-label{color:var(--color-text-secondary);font-family:var(--font-body);font-size:.875rem}.tag-filter__mode-group{display:flex}.tag-filter__mode-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.875rem;padding:4px 12px;transition:background-color var(--transition-fast),color var(--transition-fast)}.tag-filter__mode-btn:first-child{border-radius:4px 0 0 4px;border-right:none}.tag-filter__mode-btn:last-child{border-radius:0 4px 4px 0}.tag-filter__mode-btn--active{background-color:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.tag-filter__mode-btn--active:hover{background-color:rgba(200,149,44,.25)}.tag-filter__mode-btn:not(.tag-filter__mode-btn--active):hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}@media (max-width:767px){.tag-filter{box-sizing:border-box;width:100%}.tag-filter__chips{gap:4px}.tag-filter__chip{font-size:.8rem;padding:3px 8px}.tag-filter__mode{flex-wrap:wrap;gap:6px}}.sidebar-filter{background-color:var(--color-surface-elevated);border-radius:8px;display:flex;flex-direction:column;font-family:var(--font-body);gap:16px;padding:16px}.sidebar-filter__title{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1rem;margin:0 0 4px}.sidebar-filter__section{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px;padding-top:12px}.sidebar-filter__section:first-of-type{border-top:none;padding-top:0}.sidebar-filter__section-header{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;justify-content:space-between;padding:4px 0;width:100%}.sidebar-filter__section-header:hover{color:var(--color-accent)}.sidebar-filter__caret{color:var(--color-text-secondary);font-size:.8rem}.sidebar-filter__list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:0}.sidebar-filter__empty{color:var(--color-text-secondary);font-size:.85rem;padding:4px 0}.sidebar-filter__item{align-items:center;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:4px 6px;transition:background-color var(--transition-fast)}.sidebar-filter__item:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-filter__checkbox{cursor:pointer;flex-shrink:0}.sidebar-filter__name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-filter__rating-stars{color:#f5b301;color:var(--color-accent,#f5b301);font-size:.95rem;letter-spacing:1px}.sidebar-filter__rating-empty{color:#555;color:var(--color-border,#555)}.sidebar-filter__count{font-feature-settings:"tnum";color:var(--color-text-secondary);flex-shrink:0;font-size:.8rem;font-variant-numeric:tabular-nums}@media (max-width:767px){.sidebar-filter{padding:12px}.sidebar-filter__list{max-height:180px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{animation:shimmer 1.6s ease-in-out infinite;background:#141420;background:var(--color-surface,#141420);background-image:linear-gradient(90deg,#141420,#1e1e30 40%,#2a2a40 50%,#1e1e30 60%,#141420);background-image:linear-gradient(90deg,var(--color-surface,#141420) 0,var(--color-surface-elevated,#1e1e30) 40%,var(--color-skeleton-highlight,#2a2a40) 50%,var(--color-surface-elevated,#1e1e30) 60%,var(--color-surface,#141420) 100%);background-size:200% 100%;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-card,0 4px 24px rgba(0,0,0,.5));overflow:hidden}.skeleton-card__thumbnail-wrapper{animation:shimmer 1.6s ease-in-out infinite;aspect-ratio:16/9;background:#1e1e30;background:var(--color-surface-elevated,#1e1e30);background-image:inherit;background-size:inherit}.skeleton-card__body{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem 1rem}.skeleton-card__title-line{height:.9rem;width:80%}.skeleton-card__tag-line,.skeleton-card__title-line{animation:shimmer 1.6s ease-in-out infinite;background:#1e1e30;background:var(--color-surface-elevated,#1e1e30);background-image:linear-gradient(90deg,#141420,#1e1e30 40%,#2a2a40 50%,#1e1e30 60%,#141420);background-image:linear-gradient(90deg,var(--color-surface,#141420) 0,var(--color-surface-elevated,#1e1e30) 40%,var(--color-skeleton-highlight,#2a2a40) 50%,var(--color-surface-elevated,#1e1e30) 60%,var(--color-surface,#141420) 100%);background-size:200% 100%;border-radius:4px}.skeleton-card__tag-line{height:.75rem;width:40%}.video-list-container{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:20px;width:100%}.video-list-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:240px 1fr}.video-list-main{min-width:0}@media (max-width:767px){.video-list-layout{gap:16px;grid-template-columns:1fr}}h1{color:#333;margin-bottom:30px;text-align:center}.video-count{color:#666;font-size:14px;margin-bottom:20px}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s,box-shadow .2s}.video-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.video-thumbnail{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.video-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.play-button{align-items:center;background:hsla(0,0%,100%,.9);border-radius:50%;color:#333;display:flex;font-size:24px;height:60px;justify-content:center;transition:all .2s;width:60px}.play-button:hover{background:#fff;transform:scale(1.1)}.video-info{padding:15px}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis}.video-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;justify-content:space-between}.video-date,.video-size{background:var(--color-surface-elevated);border-radius:4px;padding:4px 8px}.error,.loading,.no-videos{color:var(--color-text-secondary);padding:40px;text-align:center}.error{color:#d63384}.retry-button{background:#007bff;margin-top:10px;padding:10px 20px}.retry-button:hover{background:#0056b3}.clear-filters-button{background:none;border:1px solid #aaa;border-radius:4px;color:#555;cursor:pointer;font-size:13px;margin:8px 0;padding:6px 14px}.clear-filters-button:hover{background:#f0f0f0}.bulk-action-bar{align-items:center;background:#f0f4ff;border:1px solid #c0cfff;border-radius:6px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:10px 14px}.bulk-count{color:#35c;font-size:14px;font-weight:600;margin-right:4px}.bulk-tag-input{border:1px solid #aab8e8;border-radius:4px;font-size:13px;min-width:120px;padding:6px 10px}.bulk-add-button,.bulk-clear-button,.bulk-remove-button{border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 14px}.bulk-add-button{background:#35c;color:#fff}.bulk-add-button:hover:not(:disabled){background:#24b}.bulk-remove-button{background:#d63384;color:#fff}.bulk-remove-button:hover:not(:disabled){background:#b5246a}.bulk-clear-button{background:#eee;color:#333}.bulk-clear-button:hover:not(:disabled){background:#ddd}.bulk-add-button:disabled,.bulk-clear-button:disabled,.bulk-meta-button:disabled,.bulk-remove-button:disabled{cursor:not-allowed;opacity:.5}.bulk-action-bar{align-items:stretch;flex-direction:column}.bulk-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bulk-meta-input{border:1px solid #aab8e8;border-radius:4px;flex:1 1;font-size:13px;min-width:180px;padding:6px 10px}.bulk-meta-button{background:#2a8f5f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px}.bulk-meta-button:hover:not(:disabled){background:#1f7a4d}.video-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.view-toggle{border:1px solid #ccc;border-radius:6px;display:inline-flex;overflow:hidden}.view-toggle__btn{background:#fff;border:none;color:#333;cursor:pointer;font-size:13px;padding:6px 14px}.view-toggle__btn+.view-toggle__btn{border-left:1px solid #ccc}.view-toggle__btn--active{background:#35c;color:#fff}.video-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.video-list__head,.video-list__row{grid-gap:8px;align-items:center;border-bottom:1px solid var(--color-border);display:grid;gap:8px;grid-template-columns:36px 80px minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) 90px 110px 40px;padding:6px 10px}.video-list__head{background:var(--color-surface-elevated);color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.video-list__row:last-child{border-bottom:none}.video-list__row:hover{background:var(--color-surface-hover)}.video-list__row--selected{background:var(--color-accent-dim)}.video-list__cell{color:var(--color-text-primary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-list__cell a{color:inherit;text-decoration:none}.video-list__cell a:hover{color:var(--color-accent);text-decoration:underline}.video-list__cell--thumb{align-items:center;background:var(--color-surface-elevated);border-radius:4px;display:flex;height:48px;justify-content:center;overflow:hidden}.video-list__cell--thumb img{height:100%;object-fit:cover;width:100%}.video-list__cell--title{font-weight:500}.video-list__cell--date,.video-list__cell--size{color:var(--color-text-secondary);font-size:12px}.video-list__play{background:transparent;border:none;color:var(--color-accent);cursor:pointer;font-size:14px}.video-list__play:hover{color:var(--color-text-primary)}@media (max-width:700px){.video-list__head,.video-list__row{grid-template-columns:32px 60px minmax(0,2fr) 60px 28px}.video-list__cell--author,.video-list__cell--category,.video-list__cell--date{display:none}}.video-card-wrapper{position:relative}.video-card-wrapper .video-card__checkbox{accent-color:#35c;cursor:pointer;height:18px;left:8px;position:absolute;top:8px;width:18px;z-index:1}.video-card-wrapper--selected .video-card{border-color:#35c;box-shadow:0 0 0 2px #3355cc44}.video-card{position:relative}.video-card__checkbox{accent-color:#35c;cursor:pointer;height:18px;left:8px;position:absolute;top:8px;width:18px;z-index:1}.video-card--selected{border-color:#35c;box-shadow:0 0 0 2px #3355cc44}.video-title--link{color:var(--color-text-primary);cursor:pointer;text-decoration:none}.video-title--link:hover{color:var(--color-accent);text-decoration:underline}@media (max-width:767px){.video-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.video-list-container{padding:12px}.bulk-action-bar{align-items:flex-start;flex-direction:column}}.group-filter__clear{color:inherit;display:inline-block;font-size:.9rem;margin-bottom:1rem;opacity:.7;text-decoration:none}.group-filter__clear:hover{opacity:1;text-decoration:underline}@media (max-width:480px){.video-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.video-list-container{padding:10px}}.tag-editor{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.tag-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:28px}.tag-chip{align-items:center;background:#e8f0fe;border:1px solid #c3d5fb;border-radius:16px;color:#1a56db;display:inline-flex;font-size:13px;gap:4px;padding:3px 8px 3px 10px}.tag-chip-name{line-height:1.4}.tag-chip-remove{align-items:center;background:none;border:none;border-radius:50%;color:#1a56db;cursor:pointer;display:inline-flex;font-size:15px;line-height:1;padding:0 2px;transition:background .15s,color .15s}.tag-chip-remove:hover:not(:disabled){background:#c3d5fb;color:#1035a0}.tag-chip-remove:disabled{cursor:not-allowed;opacity:.5}.tag-empty{color:#999;font-size:13px;font-style:italic}.tag-input-row{align-items:center;display:flex;gap:6px}.tag-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;outline:none;padding:6px 10px;transition:border-color .15s}.tag-input:focus{border-color:#1a56db;box-shadow:0 0 0 2px rgba(26,86,219,.15)}.tag-input:disabled{background:#f5f5f5;cursor:not-allowed}.tag-add-button{background:#1a56db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 14px;transition:background .15s;white-space:nowrap}.tag-add-button:hover:not(:disabled){background:#1035a0}.tag-add-button:disabled{background:#a0b4e0;cursor:not-allowed}.tag-error{color:#c53030;font-size:13px;margin:6px 0 0}@keyframes tag-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tag-chip--entering{animation:tag-enter .25s ease-out forwards}.tag-input-wrapper{flex:1 1;position:relative}.tag-input-wrapper .tag-input{box-sizing:border-box;width:100%}.tag-autocomplete-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 2px);z-index:1000}.tag-autocomplete-item{color:#333;cursor:pointer;font-size:13px;padding:6px 12px;transition:background .1s}.tag-autocomplete-item--active,.tag-autocomplete-item:hover{background:#e8f0fe;color:#1a56db}.not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.not-found-title{color:#333;font-size:2rem;margin-bottom:16px}.not-found-message{color:#666;font-size:1rem;margin-bottom:32px}.not-found-link{background-color:#1a73e8;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;padding:10px 24px;text-decoration:none;transition:background-color .2s}.not-found-link:hover{background-color:#1558b0}.video-detail-page{background-color:#0a0a0f;box-sizing:border-box;max-width:100%;min-height:100vh;overflow-x:hidden;padding:24px 16px}.video-detail-container{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 16px;width:100%}.video-detail-back{margin-bottom:20px}.back-link{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;gap:6px;padding:0;text-decoration:none;transition:color .2s}.back-link:hover{color:#e2e8f0;text-decoration:underline}.detail-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:65fr 35fr}@media (max-width:1023px){.detail-layout{grid-template-columns:1fr}}@media (max-width:767px){.video-detail-page{padding:16px 12px}.video-detail-container{padding:0 8px}.video-detail-title{font-size:18px}.video-capture-controls{flex-wrap:wrap}}.detail-col-player{display:flex;flex-direction:column;gap:12px}.player-ambient-wrapper{aspect-ratio:16/9;background-color:#000;border-radius:8px;overflow:hidden;position:relative}.ambient-bg{filter:blur(40px) brightness(.3);height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.ambient-bg--gradient{background:radial-gradient(ellipse at center,#1e1e30 0,#0a0a0f 100%)}.player-ambient-wrapper .video-element{display:block;height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.video-error-overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:absolute;z-index:2}.video-error-message{color:#fc8181;font-size:16px;margin:0;text-align:center}.video-capture-controls{align-items:center;display:flex;gap:12px}.detail-col-info{display:flex;flex-direction:column;gap:20px;padding:8px 0}.video-detail-title{color:#e2e8f0;font-size:22px;font-weight:600;line-height:1.4;margin:0;word-break:break-all}.video-detail-info{color:#718096;flex-wrap:wrap;font-size:13px;gap:8px}.info-item,.video-detail-info{align-items:center;display:flex}.info-item{gap:4px}.info-icon{font-size:14px}.info-label{font-weight:500}.info-label,.info-value{color:#a0aec0}.info-separator{color:#4a5568}.video-detail-meta-fields{display:flex;flex-direction:column;gap:12px}.meta-field-input-column{align-items:stretch;display:flex;flex-direction:column;gap:6px}.meta-field-textarea{font-family:inherit;min-height:80px;resize:vertical}.rating-field-row{align-items:center;display:flex;gap:12px}.rating-stars{display:inline-flex;gap:2px}.rating-star{background:none;border:none;color:#4a5568;cursor:pointer;font-size:24px;line-height:1;padding:0 2px;transition:color .15s,transform .1s}.rating-star:hover:not(:disabled){transform:scale(1.1)}.rating-star--filled{color:#f6ad55}.rating-star:disabled{cursor:not-allowed;opacity:.6}.rating-clear-button{background:none;border:1px solid #4a5568;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:12px;padding:4px 10px}.rating-clear-button:hover:not(:disabled){background:#2d3748}.rating-clear-button:disabled{cursor:not-allowed;opacity:.5}.video-detail-s3-path{color:#718096;font-size:13px;margin:0}.video-detail-s3-path dt{color:#a0aec0;font-weight:600;margin-bottom:4px}.video-detail-s3-path dd{background:#1a202c;border-radius:4px;font-family:monospace;font-size:12px;margin:0;padding:6px 8px;word-break:break-all}.video-detail-tags{border-top:1px solid #2d3748;padding-top:16px}.tags-heading{color:#a0aec0;font-size:14px;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.capture-thumbnail-button{background-color:#4a5568;border:none;border-radius:4px;color:#e2e8f0;cursor:pointer;font-size:13px;padding:6px 16px;transition:background-color .2s}.capture-thumbnail-button:hover:not(:disabled){background-color:#718096}.capture-thumbnail-button:disabled{cursor:not-allowed;opacity:.6}.capture-status{font-size:13px}.capture-status--success{color:#68d391}.capture-status--error{color:#fc8181}.video-detail-loading{align-items:center;color:#718096;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #2d3748;border-radius:50%;border-top-color:#4299e1;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.video-detail-error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.error-message{color:#fc8181;font-size:16px;margin:0}.retry-button{background-color:#4299e1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:background-color .2s}.retry-button:hover{background-color:#3182ce}.header{align-items:center;background:transparent;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;max-width:100%;padding:0 1.5rem;position:fixed;top:0;transition:background .3s ease,-webkit-backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease;transition:background .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;width:100%;z-index:100}.header--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(10,10,15,.8)}.header__title{color:var(--color-text-primary);font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:.05em;margin:0}.header__count{font-size:.875rem;opacity:.7}.header__title-link{color:inherit;text-decoration:none}.header__nav{display:flex;gap:1rem;margin-left:auto;margin-right:1rem}.header__nav-link{color:inherit;font-size:.9rem;opacity:.8;text-decoration:none}.header__nav-link:hover{opacity:1;text-decoration:underline}@media (max-width:767px){.header{padding:0 1rem}.header__title{font-size:1rem}.header__count{font-size:.75rem}}.group-list-container{margin:0 auto;max-width:720px;padding:80px 1.5rem 2rem}.group-list-container h1{font-family:var(--font-display);font-size:1.5rem;margin:0 0 1.5rem}.group-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.group-list__item{background:hsla(0,0%,100%,.04);border-radius:8px;transition:background .15s ease}.group-list__item:hover{background:hsla(0,0%,100%,.08)}.group-list__link{align-items:center;color:inherit;display:flex;justify-content:space-between;padding:.75rem 1rem;text-decoration:none}.group-list__name{font-weight:500}.group-list__count{background:hsla(0,0%,100%,.08);border-radius:999px;font-size:.85rem;opacity:.7;padding:.15rem .6rem}.group-list__empty,.group-list__loading{opacity:.7}.App{background:var(--color-bg);max-width:100%;min-height:100vh;overflow-x:hidden;padding-top:var(--header-height)}.App-header{background-color:var(--color-surface);color:var(--color-text-primary);padding:20px}.App-header h1{font-size:2rem;margin:0}@media (max-width:767px){.App{overflow-x:hidden}}:root{--color-bg:#0a0a0f;--color-surface:#141420;--color-surface-elevated:#1e1e30;--color-surface-hover:#252538;--color-accent:#c8952c;--color-accent-dim:rgba(200,149,44,.15);--color-text-primary:#f0ece4;--color-text-secondary:#8a7f72;--color-border:rgba(200,149,44,.2);--color-error:#e05a5a;--color-overlay:rgba(0,0,0,.85);--font-display:"Cinzel",serif;--font-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;--font-mono:"Courier New",monospace;--header-height:64px;--content-max-width:1280px;--card-gap:1.5rem;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;--shadow-card:0 4px 24px rgba(0,0,0,.5);--shadow-hover:0 8px 40px rgba(200,149,44,.15)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);margin:0}code{font-family:var(--font-mono)}
/*# sourceMappingURL=main.9fe975c0.css.map*/