.layout{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--color-sidebar-border)}.sidebar-title{font-size:18px;font-weight:600;color:#fff;margin:0}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:none;border:none;border-radius:var(--radius-md);color:var(--color-sidebar-text-muted);font-size:14px;font-weight:500;text-align:left;width:100%;transition:all var(--transition)}.nav-item:hover{background-color:#ffffff0d;color:var(--color-sidebar-text)}.nav-item.active{background-color:var(--color-accent);color:#fff}.nav-icon{width:20px;height:20px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}.nav-item.active .nav-icon{opacity:1}.nav-icon-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E")}.nav-item.active .nav-icon-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E")}.nav-icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.nav-item.active .nav-icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.nav-icon-history{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.nav-item.active .nav-icon-history{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.nav-icon-chart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E")}.nav-item.active .nav-icon-chart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E")}.nav-icon-settings{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.nav-item.active .nav-icon-settings{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ffffff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.nav-label{flex:1}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;gap:12px}.theme-toggle{display:flex;align-items:center;gap:12px;padding:10px 16px;background:none;border:1px solid var(--color-sidebar-border);border-radius:var(--radius-md);color:var(--color-sidebar-text-muted);font-size:13px;font-weight:500;text-align:left;width:100%;cursor:pointer;transition:all var(--transition)}.theme-toggle:hover{background-color:#ffffff0d;color:var(--color-sidebar-text);border-color:#ffffff26}.theme-icon{width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.theme-icon-sun{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fbbf24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z'/%3E%3C/svg%3E")}.theme-icon-moon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z'/%3E%3C/svg%3E")}.theme-label{flex:1}.version{font-size:12px;color:var(--color-sidebar-text-muted);margin:0;padding:0 4px}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.content-header{background-color:var(--color-card);border-bottom:1px solid var(--color-border);padding:20px 32px;position:sticky;top:0;z-index:50}.page-title{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.content-body{flex:1;padding:24px 32px}@media (max-width: 768px){.sidebar{width:100%;height:auto;position:relative}.sidebar-nav{flex-direction:row;padding:8px 12px;gap:8px}.nav-item{flex:1;justify-content:center;padding:10px}.nav-label{display:none}.sidebar-footer{flex-direction:row;align-items:center;padding:8px 12px;border-top:none;border-bottom:1px solid var(--color-sidebar-border)}.theme-toggle{flex:none;width:auto;padding:8px 12px}.theme-label{display:none}.version{margin-left:auto}.main-content{margin-left:0}.content-header,.content-body{padding:16px 20px}}.search-page{display:flex;flex-direction:column;gap:24px}.search-header{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.search-input-container{display:flex;align-items:center;gap:12px;position:relative}.search-input-icon{position:absolute;left:16px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23999'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:1}.search-main-input{flex:1;padding:14px 48px;font-size:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);transition:all var(--transition)}.search-main-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);background-color:var(--color-card)}.search-main-input::placeholder{color:var(--color-text-muted)}.search-clear-btn{position:absolute;right:120px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition)}.search-clear-btn:hover{background-color:var(--color-bg-elevated);color:var(--color-text)}.clear-icon{width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23999'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.search-submit-btn{padding:14px 28px;font-size:15px;font-weight:600;color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap}.search-submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.search-submit-btn:disabled{opacity:.6;cursor:not-allowed}.search-loading-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.search-content{min-height:400px}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--color-text-secondary)}.search-loading .loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.search-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;text-align:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.search-error .error-icon{width:64px;height:64px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef4444'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.search-error p{color:var(--color-text-secondary);max-width:400px}.retry-btn{padding:10px 24px;font-size:14px;font-weight:500;color:var(--color-accent);background:none;border:1px solid var(--color-accent);border-radius:var(--radius-md);transition:all var(--transition)}.retry-btn:hover{background-color:var(--color-accent);color:#fff}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.empty-icon-large{width:80px;height:80px;margin-bottom:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23bdbdbd'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.5}.search-empty h3{font-size:20px;font-weight:600;color:var(--color-text);margin:0}.search-empty p{font-size:14px;color:var(--color-text-muted);max-width:400px;margin:0}.search-suggestions{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.suggestions-label{font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.suggestions-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:600px}.suggestion-tag{padding:8px 16px;font-size:13px;color:var(--color-text-secondary);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:20px;transition:all var(--transition)}.suggestion-tag:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-subtle)}.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:12px;text-align:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.no-results-icon{width:64px;height:64px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23bdbdbd'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.5}.search-no-results h3{font-size:18px;font-weight:600;color:var(--color-text);margin:0}.search-no-results p{font-size:14px;color:var(--color-text-muted);margin:0}.search-results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.results-count{font-size:14px;color:var(--color-text-secondary)}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.search-result-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition)}.search-result-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-result-card.playing{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.result-thumbnail-container{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:var(--color-bg-elevated)}.result-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-result-card:hover .result-thumbnail{transform:scale(1.05)}.result-duration{position:absolute;bottom:8px;right:8px;padding:2px 6px;font-size:12px;font-weight:600;color:#fff;background-color:#000c;border-radius:var(--radius-sm)}.thumbnail-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background-color:#000000b3;border:none;border-radius:50%;opacity:0;transition:all .2s ease}.search-result-card:hover .thumbnail-play-btn{opacity:1}.thumbnail-play-btn:hover{background-color:var(--color-accent);transform:translate(-50%,-50%) scale(1.1)}.play-icon{width:24px;height:24px;margin-left:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.result-info{padding:16px;display:flex;flex-direction:column;gap:8px}.result-title{font-size:14px;font-weight:600;color:var(--color-text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.result-channel{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-separator{color:var(--color-border)}.result-views{white-space:nowrap}.result-actions{display:flex;gap:8px;margin-top:8px}.result-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text-secondary);transition:all var(--transition)}.result-btn:hover{border-color:var(--color-text-muted)}.result-btn-play:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-subtle)}.result-btn-download:hover{border-color:var(--color-success);color:var(--color-success);background-color:var(--color-success-subtle)}.btn-icon{width:16px;height:16px;background-size:contain;background-repeat:no-repeat}.btn-icon-play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.result-btn-play:hover .btn-icon-play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231976d2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.btn-icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.result-btn-download:hover .btn-icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234caf50'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.load-more-container{display:flex;justify-content:center;margin-top:32px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition)}.load-more-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.btn-loading-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.search-header{padding:16px}.search-input-container{flex-direction:column;gap:8px}.search-main-input{padding:12px 40px;font-size:15px}.search-clear-btn{right:12px}.search-submit-btn{width:100%;padding:12px}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.result-info{padding:12px}.result-actions{flex-direction:column}.suggestions-list{max-width:100%}.suggestion-tag{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.search-results-grid{grid-template-columns:1fr}.result-meta{flex-wrap:wrap}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column-reverse;gap:12px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:14px 16px;background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border);border-left:4px solid;pointer-events:auto}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:14px;line-height:1.5;color:var(--color-text);word-wrap:break-word}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.toast-close:hover{background-color:var(--color-bg);color:var(--color-text)}.toast-enter{animation:toastSlideIn .3s ease forwards}.toast-exit{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width: 480px){.toast-container{left:16px;right:16px;bottom:16px}.toast{min-width:auto;max-width:none;width:100%}}.download-form-card{background-color:var(--color-card);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.form-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 16px}.download-form{display:flex;flex-direction:column;gap:12px}.input-group{position:relative;display:flex;align-items:center}.url-input{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text);transition:all var(--transition)}.url-input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-card);box-shadow:0 0 0 3px var(--color-accent-subtle)}.url-input::placeholder{color:var(--color-text-muted)}.url-input.input-error{border-color:var(--color-error)}.url-input.input-error:focus{box-shadow:0 0 0 3px var(--color-error-subtle)}.url-input:disabled{background-color:var(--color-bg);opacity:.7;cursor:not-allowed}.playlist-badge{position:absolute;right:12px;padding:4px 8px;font-size:11px;font-weight:500;color:var(--color-accent);background-color:var(--color-accent-subtle);border-radius:var(--radius-sm)}.error-message{font-size:13px;color:var(--color-error);margin:0}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;color:#fff;background-color:var(--color-accent);border:none;border-radius:var(--radius-sm);transition:all var(--transition);align-self:flex-start}.submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.submit-btn:disabled{background-color:var(--color-border);opacity:.7;cursor:not-allowed}.btn-icon{font-size:18px;font-weight:400;line-height:1}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-hint{margin:12px 0 0;font-size:12px;color:var(--color-text-muted)}@media (max-width: 768px){.download-form-card{padding:16px}.submit-btn{width:100%}}.queue-item{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;transition:all var(--transition)}.queue-item:hover{box-shadow:var(--shadow-sm)}.queue-item-error{border-color:#f443364d;background-color:#f4433605}.queue-item-completed{border-color:#4caf504d;background-color:#4caf5005}.item-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.item-info{flex:1;min-width:0}.item-title{font-size:14px;font-weight:500;color:var(--color-text);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:var(--radius-sm)}.status-waiting{color:var(--color-text-secondary);background-color:var(--color-bg)}.status-downloading{color:var(--color-accent);background-color:var(--color-accent-subtle)}.status-paused{color:var(--color-warning);background-color:var(--color-warning-subtle)}.status-completed{color:var(--color-success);background-color:var(--color-success-subtle)}.status-error{color:var(--color-error);background-color:var(--color-error-subtle)}.error-text{font-size:12px;color:var(--color-error)}.item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-card);transition:all var(--transition)}.action-btn:hover{border-color:var(--color-text-muted);background-color:var(--color-bg-elevated)}.action-pause:hover,.action-resume:hover{border-color:var(--color-warning);background-color:var(--color-warning-subtle)}.action-retry:hover{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.action-download:hover{border-color:var(--color-success);background-color:var(--color-success-subtle)}.action-cancel:hover{border-color:var(--color-error);background-color:var(--color-error-subtle)}.action-icon{width:18px;height:18px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}.icon-pause{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.icon-play{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.icon-retry{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15'/%3E%3C/svg%3E")}.icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.icon-cancel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E")}.progress-container{display:flex;align-items:center;gap:12px;margin-top:12px}.progress-bar{flex:1;height:6px;background-color:var(--color-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-fill-downloading{background-color:var(--color-accent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progress-animation 1s linear infinite}.progress-fill-paused{background-color:var(--color-warning)}@keyframes progress-animation{0%{background-position:0 0}to{background-position:20px 0}}.progress-text{font-size:12px;font-weight:600;color:var(--color-text-secondary);min-width:40px;text-align:right}@media (max-width: 480px){.queue-item{padding:12px}.item-content{flex-direction:column;gap:12px}.item-actions{width:100%;justify-content:flex-end}}.queue-container{display:flex;flex-direction:column;gap:16px}.queue-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.toolbar-search{flex:1;min-width:200px}.search-input{width:100%;padding:10px 14px;font-size:14px;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 25, 118, 210),.1)}.toolbar-filter{min-width:140px}.status-filter{width:100%;padding:10px 14px;font-size:14px;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s ease}.status-filter:focus{outline:none;border-color:var(--color-primary)}.toolbar-actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:13px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease,opacity .2s ease;white-space:nowrap}.toolbar-btn:hover{opacity:.9}.toolbar-btn:active{opacity:.8}.toolbar-btn-pause{background-color:var(--color-warning, #f59e0b);color:#fff}.toolbar-btn-resume{background-color:var(--color-success, #10b981);color:#fff}.toolbar-btn-clear{background-color:var(--color-text-muted, #6b7280);color:#fff}.queue-results-count{font-size:13px;color:var(--color-text-secondary);padding:0 4px}.queue-no-results{display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.queue-no-results p{margin:0;font-size:14px;color:var(--color-text-muted)}.queue-list{display:flex;flex-direction:column;gap:24px}.queue-section{display:flex;flex-direction:column;gap:12px}.section-title{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.5px}.section-title-error{color:var(--color-error)}.queue-items{display:flex;flex-direction:column;gap:8px}.queue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center}.empty-icon{width:64px;height:64px;margin-bottom:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23bdbdbd'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6}.empty-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 8px}.empty-description{font-size:14px;color:var(--color-text-muted);margin:0;max-width:300px}@media (max-width: 600px){.queue-toolbar{flex-direction:column;align-items:stretch}.toolbar-search,.toolbar-filter{min-width:100%}.toolbar-actions{justify-content:flex-start}.toolbar-btn{flex:1;min-width:calc(50% - 4px)}}.history-container{display:flex;flex-direction:column;gap:16px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:16px}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23999'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.search-input{width:280px;padding:10px 12px 10px 38px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-card);color:var(--color-text);transition:all var(--transition)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.search-input::placeholder{color:var(--color-text-muted)}.filter-select{padding:10px 32px 10px 12px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-card);color:var(--color-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:all var(--transition)}.filter-select:focus{outline:none;border-color:var(--color-accent)}.results-count{font-size:13px;color:var(--color-text-muted)}.clear-btn{padding:8px 16px;font-size:13px;font-weight:500;color:var(--color-error);background:none;border:1px solid var(--color-error);border-radius:var(--radius-sm);transition:all var(--transition)}.clear-btn:hover{background-color:var(--color-error);color:#fff}.history-table-wrapper{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.history-table th{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--color-bg-elevated)}.history-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.history-table th.sortable:hover{background-color:var(--color-bg)}.sort-icon{display:inline-block;width:12px;height:12px;margin-left:4px;vertical-align:middle;opacity:.3}.history-table th.sorted .sort-icon{opacity:1}.sort-icon.asc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 15l7-7 7 7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.sort-icon.desc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.history-table tbody tr:hover{background-color:var(--color-bg-elevated)}.history-table tbody tr:last-child td{border-bottom:none}.title-cell{max-width:400px}.cell-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--color-text)}.date-cell{font-size:13px;color:var(--color-text-secondary);white-space:nowrap}.actions-cell{white-space:nowrap}.table-badge{display:inline-block;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:var(--radius-sm)}.table-badge-completed{color:var(--color-success);background-color:var(--color-success-subtle)}.table-badge-error{color:var(--color-error);background-color:var(--color-error-subtle)}.table-btn{padding:6px 12px;font-size:12px;font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-card);color:var(--color-text-secondary);transition:all var(--transition);margin-right:8px}.table-btn:last-child{margin-right:0}.table-btn:hover{border-color:var(--color-text-muted);background-color:var(--color-bg-elevated)}.table-btn-download{color:var(--color-success);border-color:var(--color-success)}.table-btn-download:hover{background-color:var(--color-success);color:#fff}.table-btn-redownload{color:var(--color-accent);border-color:var(--color-accent)}.table-btn-redownload:hover{background-color:var(--color-accent);color:#fff}.no-results{padding:40px 20px;text-align:center;color:var(--color-text-muted)}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:center}.history-empty .empty-icon{width:64px;height:64px;margin-bottom:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23bdbdbd'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.6}.history-empty .empty-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 8px}.history-empty .empty-description{font-size:14px;color:var(--color-text-muted);margin:0;max-width:300px}@media (max-width: 768px){.history-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{justify-content:space-between}.search-input{width:100%;flex:1}.history-table-wrapper{overflow-x:auto}.history-table th,.history-table td{padding:10px 12px}.title-cell{max-width:200px}}.settings-page{display:flex;flex-direction:column;gap:24px;max-width:720px}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--color-text-muted)}.settings-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.settings-section{background-color:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.section-icon-audio{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3'/%3E%3C/svg%3E")}.section-icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.section-title{font-size:15px;font-weight:600;color:var(--color-text);margin:0}.section-content{padding:20px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:var(--color-text)}.form-hint{font-size:12px;color:var(--color-text-muted);margin-top:4px}.form-select{width:100%;max-width:280px;padding:10px 36px 10px 12px;font-size:14px;color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.form-select:hover{border-color:var(--color-accent)}.form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-select:disabled{opacity:.6;cursor:not-allowed}.form-input{width:100%;max-width:280px;padding:10px 12px;font-size:14px;color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition)}.form-input:hover{border-color:var(--color-accent)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-number{max-width:120px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-info .form-label{margin-bottom:0}.toggle-info .form-hint{margin-top:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:all var(--transition);border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:all var(--transition);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-accent)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-accent-subtle)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid var(--color-border)}.btn-secondary{color:var(--color-text);background-color:var(--color-bg-elevated);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn-secondary .btn-spinner{border-color:#0000001a;border-top-color:currentColor}@media (max-width: 768px){.settings-page{gap:16px}.section-content{padding:16px}.form-select,.form-input{max-width:100%}.toggle-row{flex-direction:column;align-items:flex-start;gap:12px}.settings-actions{flex-direction:column-reverse;gap:8px}.settings-actions .btn{width:100%}}.stats-page{display:flex;flex-direction:column;gap:24px}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:var(--color-text-muted);gap:16px}.stats-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px;color:var(--color-error)}.stats-error-icon{width:48px;height:48px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f44336'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z'/%3E%3C/svg%3E")}.stats-section{background-color:var(--color-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.section-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border)}.section-icon{width:20px;height:20px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8}.section-icon-chart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z'/%3E%3C/svg%3E")}.section-icon-activity{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 7h8m0 0v8m0-8l-8 8-4-4-6 6'/%3E%3C/svg%3E")}.section-icon-sources{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10'/%3E%3C/svg%3E")}.section-icon-info{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236366f1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.section-title{font-size:15px;font-weight:600;color:var(--color-text);margin:0;flex:1}.stats-last-updated{font-size:12px;color:var(--color-text-muted)}.section-content{padding:20px}.stats-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px}.stat-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background-color:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition)}.stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.stat-card-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-subtle);border-radius:var(--radius-md);flex-shrink:0}.stat-card-icon{width:24px;height:24px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.stat-card-icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231976d2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}[data-theme=dark] .stat-card-icon-download{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4'/%3E%3C/svg%3E")}.stat-card-icon-storage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231976d2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4'/%3E%3C/svg%3E")}[data-theme=dark] .stat-card-icon-storage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4'/%3E%3C/svg%3E")}.stat-card-icon-success{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234caf50'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}[data-theme=dark] .stat-card-icon-success{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2322c55e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E")}.stat-card-icon-speed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231976d2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11h-7z'/%3E%3C/svg%3E")}[data-theme=dark] .stat-card-icon-speed{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%233b82f6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11h-7z'/%3E%3C/svg%3E")}.stat-card-content{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-card-title{font-size:13px;font-weight:500;color:var(--color-text-muted)}.stat-card-value{font-size:24px;font-weight:700;color:var(--color-text);line-height:1.2}.stat-card-subtitle{font-size:12px;color:var(--color-text-muted)}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background-color:var(--color-bg-elevated);border-radius:var(--radius-md);border:2px dashed var(--color-border);gap:12px}.chart-placeholder-icon{width:48px;height:48px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z'/%3E%3C/svg%3E")}.chart-placeholder-text{font-size:14px;color:var(--color-text-muted)}.sources-list{display:flex;flex-direction:column;gap:12px}.source-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background-color:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.source-rank{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent-subtle);color:var(--color-accent);border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.source-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.source-name{font-size:14px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-count{font-size:12px;color:var(--color-text-muted)}.source-bar-wrapper{width:120px;height:6px;background-color:var(--color-border);border-radius:3px;overflow:hidden;flex-shrink:0}.source-bar{height:100%;background-color:var(--color-accent);border-radius:3px;transition:width .3s ease}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px}.empty-state-icon{width:48px;height:48px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4'/%3E%3C/svg%3E")}.empty-state-text{font-size:14px;color:var(--color-text-muted)}.additional-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.additional-stat{display:flex;flex-direction:column;gap:4px;padding:16px;background-color:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.additional-stat-label{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.additional-stat-value{font-size:16px;font-weight:600;color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}@media (max-width: 768px){.stats-page{gap:16px}.stats-cards-grid{grid-template-columns:1fr;padding:16px}.stat-card{padding:16px}.stat-card-value{font-size:20px}.section-content{padding:16px}.section-header{flex-wrap:wrap;gap:8px}.stats-last-updated{width:100%;margin-left:32px}.source-bar-wrapper{width:80px}.chart-placeholder{padding:32px 16px}.additional-stats-grid{grid-template-columns:1fr}}.shortcuts-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-modal{background-color:var(--color-card);border-radius:var(--radius-lg, 12px);box-shadow:0 20px 40px #0003;max-width:480px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.shortcuts-title{margin:0;font-size:18px;font-weight:600;color:var(--color-text)}.shortcuts-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition, .2s ease)}.shortcuts-close:hover{background-color:var(--color-hover, rgba(0, 0, 0, .05));color:var(--color-text)}.close-icon{width:18px;height:18px;display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}.shortcuts-close:hover .close-icon{opacity:1}.shortcuts-content{padding:16px 24px;overflow-y:auto;flex:1}.shortcuts-section{margin-bottom:20px}.shortcuts-section:last-child{margin-bottom:0}.shortcuts-category{margin:0 0 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.shortcuts-list{list-style:none;margin:0;padding:0}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border)}.shortcut-item:last-child{border-bottom:none}.shortcut-description{font-size:14px;color:var(--color-text)}.shortcut-keys{display:flex;align-items:center;gap:4px}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;font-family:inherit;font-size:12px;font-weight:500;color:var(--color-text);background:linear-gradient(180deg,var(--color-card) 0%,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 1px 2px #0000000d,inset 0 -2px #0000001a}.kbd-small{min-width:24px;height:22px;padding:0 6px;font-size:11px}.key-separator{color:var(--color-text-muted);font-size:12px;margin:0 2px}.shortcuts-footer{padding:12px 24px;border-top:1px solid var(--color-border);background-color:var(--color-bg)}.shortcuts-hint{margin:0;font-size:12px;color:var(--color-text-muted);text-align:center}.shortcuts-hint .kbd{margin:0 4px}[data-theme=dark] .shortcuts-overlay{background-color:#000000b3}[data-theme=dark] .shortcuts-modal{box-shadow:0 20px 40px #0006}[data-theme=dark] .kbd{background:linear-gradient(180deg,var(--color-card) 0%,rgba(0,0,0,.2) 100%);box-shadow:0 1px 2px #0003,inset 0 -2px #0003}[data-theme=dark] .close-icon{filter:invert(1)}@media (max-width: 480px){.shortcuts-modal{width:95%;max-height:85vh}.shortcuts-header{padding:16px 20px}.shortcuts-content{padding:12px 20px}.shortcuts-footer{padding:10px 20px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:8px}.shortcut-keys{align-self:flex-end}}.mini-player{--player-bg: var(--color-card);--player-bg-elevated: var(--color-bg-elevated);--player-border: var(--color-border);--player-text: var(--color-text);--player-text-secondary: var(--color-text-secondary);--player-text-muted: var(--color-text-muted);--player-accent: var(--color-accent);--player-accent-hover: var(--color-accent-hover);--player-progress-bg: var(--color-border);--player-height: 72px;--player-height-mobile: 64px}.mini-player{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);background:var(--player-bg);border-top:1px solid var(--player-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:16px;z-index:1000;box-shadow:0 -4px 12px #0000001a;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mini-player:focus{outline:none}.mini-player:focus-visible{outline:2px solid var(--player-accent);outline-offset:-2px}.player-track-info{display:flex;align-items:center;gap:12px;min-width:180px;max-width:300px;flex:1}.player-thumbnail{position:relative;width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--player-bg-elevated)}.player-thumbnail img{width:100%;height:100%;object-fit:cover}.player-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--player-accent) 0%,var(--player-accent-hover) 100%);color:#fff}.player-thumbnail-placeholder svg{width:24px;height:24px}.player-thumbnail-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.player-track-details{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.player-track-title{font-size:13px;font-weight:500;color:var(--player-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.player-track-channel{font-size:11px;color:var(--player-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.player-controls{display:flex;flex-direction:column;align-items:center;gap:4px;flex:2;max-width:600px}.player-buttons{display:flex;align-items:center;gap:8px}.player-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--player-text-secondary);transition:all .15s ease;padding:0}.player-btn:hover{color:var(--player-text);transform:scale(1.05)}.player-btn:active{transform:scale(.95)}.player-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.player-btn svg{width:20px;height:20px}.player-btn-main{width:36px;height:36px;border-radius:50%;background:var(--player-accent);color:#fff}.player-btn-main:hover{background:var(--player-accent-hover);color:#fff;transform:scale(1.08)}.player-btn-main svg{width:18px;height:18px}.player-btn-main.loading{background:var(--player-progress-bg)}.player-btn-sm{width:28px;height:28px}.player-btn-sm svg{width:18px;height:18px}.player-btn-close{width:32px;height:32px;border-radius:var(--radius-sm)}.player-btn-close:hover{background:var(--color-error-subtle);color:var(--color-error)}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-btn{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.player-progress-container{display:flex;align-items:center;gap:8px;width:100%}.player-time{font-size:11px;font-variant-numeric:tabular-nums;color:var(--player-text-muted);min-width:36px;text-align:center}.player-progress-bar{flex:1;height:4px;background:var(--player-progress-bg);border-radius:2px;cursor:pointer;position:relative;transition:height .1s ease}.player-progress-bar:hover{height:6px}.player-progress-bar:hover .player-progress-handle{opacity:1;transform:translate(-50%) scale(1)}.player-progress-fill{height:100%;background:var(--player-accent);border-radius:2px;transition:width .1s linear}.player-progress-handle{position:absolute;top:50%;width:12px;height:12px;background:var(--player-accent);border-radius:50%;transform:translate(-50%) translateY(-50%) scale(0);opacity:0;transition:opacity .15s ease,transform .15s ease;box-shadow:0 2px 4px #0003}.player-actions{display:flex;align-items:center;gap:12px;min-width:180px;justify-content:flex-end}.player-volume{display:flex;align-items:center;gap:8px}.player-volume-bar{width:80px;height:4px;background:var(--player-progress-bg);border-radius:2px;cursor:pointer;position:relative;transition:height .1s ease}.player-volume-bar:hover{height:6px}.player-volume-bar:hover .player-volume-handle{opacity:1;transform:translate(-50%) scale(1)}.player-volume-fill{height:100%;background:var(--player-text-secondary);border-radius:2px;transition:width .05s linear}.player-volume-bar:hover .player-volume-fill{background:var(--player-accent)}.player-volume-handle{position:absolute;top:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%) translateY(-50%) scale(0);opacity:0;transition:opacity .15s ease,transform .15s ease;box-shadow:0 1px 3px #0000004d}.player-error{position:absolute;top:-32px;left:50%;transform:translate(-50%);background:var(--color-error);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;white-space:nowrap;box-shadow:0 2px 8px #0003;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.mini-player{padding:0 12px;gap:12px}.player-track-info{min-width:140px;max-width:200px}.player-controls{flex:1;max-width:none}.player-actions{min-width:auto}.player-volume,.player-time{display:none}}@media (max-width: 480px){.mini-player{height:var(--player-height-mobile);padding:0 8px;gap:8px}.player-track-info{min-width:120px;max-width:160px}.player-thumbnail{width:40px;height:40px}.player-track-title{font-size:12px}.player-track-channel{font-size:10px}.player-btn-main{width:32px;height:32px}.player-btn-main svg{width:16px;height:16px}.player-progress-bar{flex:1}.player-btn-close{width:28px;height:28px}.player-btn-close svg{width:16px;height:16px}}[data-theme=dark] .mini-player{box-shadow:0 -4px 12px #0000004d}[data-theme=dark] .player-volume-handle{background:var(--player-text)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:16px;color:var(--color-text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.queue-page{display:flex;flex-direction:column;gap:24px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #f5f5f5;--color-bg-elevated: #fafafa;--color-card: #ffffff;--color-accent: #1976d2;--color-accent-hover: #1565c0;--color-accent-subtle: rgba(25, 118, 210, .1);--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #e0e0e0;--color-success: #4caf50;--color-success-subtle: rgba(76, 175, 80, .1);--color-warning: #ff9800;--color-warning-subtle: rgba(255, 152, 0, .1);--color-error: #f44336;--color-error-subtle: rgba(244, 67, 54, .1);--color-info: #2196f3;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--transition: .2s ease;--color-sidebar-bg: #1e293b;--color-sidebar-text: #e2e8f0;--color-sidebar-text-muted: #94a3b8;--color-sidebar-border: rgba(255, 255, 255, .1)}[data-theme=dark]{--color-bg: #0f172a;--color-bg-elevated: #1e293b;--color-card: #1e293b;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-accent-subtle: rgba(59, 130, 246, .15);--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-success: #22c55e;--color-success-subtle: rgba(34, 197, 94, .15);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .15);--color-error: #ef4444;--color-error-subtle: rgba(239, 68, 68, .15);--color-info: #0ea5e9;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--color-sidebar-bg: #0f172a;--color-sidebar-text: #e2e8f0;--color-sidebar-text-muted: #64748b;--color-sidebar-border: rgba(255, 255, 255, .05)}html,body{height:100%}html{transition:background-color .3s ease,color .3s ease}html *{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}