.header{position:fixed!important;top:0;left:0;right:0;height:70px;background:#000;backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.1);z-index:999;padding:0 24px;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;-webkit-font-smoothing:antialiased;margin:0;box-sizing:border-box}.header,.header-content{width:100%;display:flex;align-items:center}.header-content{justify-content:space-between;max-width:1200px;margin:0 auto;gap:16px}.header-center{flex:1;max-width:500px;margin:0 16px}.header-center .header-search{width:100%}.header-left{justify-content:center;gap:12px}.header-left,.user-info{display:flex;align-items:center}.user-info{gap:15px;text-decoration:none;color:inherit;transition:opacity .2s ease}.user-info:hover{opacity:.8}.user-avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;border:2px solid #0f2;flex-shrink:0;display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column;justify-content:center;min-height:20px}.username{font-size:16px;font-weight:600;color:#fff;line-height:1.2;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-right{display:flex;align-items:center;gap:16px}.favorites-button{background:rgba(0,0,0,0);border:none;color:#b3b3b3;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.favorites-button:hover{color:#1db954;background:rgba(29,185,84,.1)}.favorites-button:active{transform:scale(.95)}.add-button{background:#fff;border:none;color:#000;font-size:16px;cursor:pointer;padding:12px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}.add-button:hover{background:#f0f0f0;transform:scale(1.05)}.add-button:active{transform:scale(.95)}@media(max-width:768px){.header{padding:0 16px;height:60px}.header-center{margin:0 8px;max-width:none;flex:1}.user-info{gap:12px}.user-avatar{width:32px;height:32px}.user-details{min-height:32px}.username{font-size:14px}.favorites-button{font-size:16px;padding:6px}.add-button{font-size:14px;padding:10px}}@media(max-width:480px){.header-left .user-details{display:none}.header-center{margin:0 4px}.header-right{gap:8px}}.delete-confirm-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.8)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;animation:fadeIn .2s ease-out}.delete-confirm-modal{background:#181818;border-radius:12px;padding:0;max-width:320px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.6);animation:slideUp .3s ease-out;overflow:hidden}.delete-confirm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #282828}.delete-confirm-header .delete-icon{width:40px;height:40px;background:#f44;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.delete-confirm-header .close-button{background:none;border:none;color:#b3b3b3;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.delete-confirm-header .close-button:hover{color:#fff;background:#2a2a2a}.delete-confirm-content{padding:0 20px 20px}.delete-confirm-content h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.delete-confirm-content p{color:#b3b3b3;font-size:14px;margin:0;line-height:1.4}.delete-confirm-actions{display:flex;gap:12px;padding:16px 20px 20px}.delete-confirm-actions button{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.delete-confirm-actions .cancel-button{background:#2a2a2a;color:#fff}.delete-confirm-actions .cancel-button:hover{background:#3a3a3a}.delete-confirm-actions .delete-button{background:#f44;color:#fff}.delete-confirm-actions .delete-button:hover{background:#f55;transform:translateY(-1px)}.delete-confirm-actions .delete-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes vibrate{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.vibrating{animation:vibrate .3s ease-in-out}.search-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000!important;z-index:10000}.search-modal,.search-modal-overlay{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.search-modal{min-height:100vh}.search-modal-header{display:flex;align-items:center;padding:16px 20px;background:#000;border-bottom:1px solid #282828;gap:16px;min-height:70px;box-sizing:border-box}.search-modal-header .back-button{background:none;border:none;color:var(--text-primary,#ffffff);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.search-modal-header .back-button:hover{background:var(--bg-hover,#2a2a2a)}.search-modal-header .back-button:active{transform:scale(.95)}.search-modal-header .search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:#121212;border:1px solid #282828;border-radius:24px;padding:0 16px;transition:all .2s ease}.search-modal-header .search-input-wrapper:focus-within{border-color:#1db954;box-shadow:0 0 0 2px rgba(29,185,84,.2);background:#1a1a1a}.search-modal-header .search-input-wrapper .search-icon{color:var(--text-secondary,#b3b3b3);margin-right:12px;flex-shrink:0}.search-modal-header .search-input-wrapper .search-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;padding:14px 0;color:#fff;font-size:16px;font-weight:400}.search-modal-header .search-input-wrapper .search-input::placeholder{color:#b3b3b3}.search-modal-header .search-input-wrapper .clear-search-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:8px}.search-modal-header .search-input-wrapper .clear-search-btn:hover{color:#fff;background:#2a2a2a}.search-modal-content{flex:1;overflow-y:auto;background:#000!important;padding:0;height:calc(100vh - 70px);min-height:calc(100vh - 70px)}.search-modal-content::-webkit-scrollbar{width:8px}.search-modal-content::-webkit-scrollbar-track{background:#121212}.search-modal-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.search-modal-content::-webkit-scrollbar-thumb:hover{background:#555}.search-modal .search-results-dropdown{position:static;background:#000;border:none;border-radius:0;margin:0;max-height:none;overflow:visible;box-shadow:none;padding:0}.search-modal .search-section{padding:20px 24px;border-bottom:1px solid #282828;background:#000}.search-modal .search-section:last-child{border-bottom:none}.search-modal .search-section .section-header{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #282828}.search-modal .search-section .section-header .section-title{font-size:18px;font-weight:600;color:#fff}.search-modal .search-section .results-list .search-result-item,.search-modal .search-section .results-list .suggestion-item,.search-modal .search-section .suggestions-list .search-result-item,.search-modal .search-section .suggestions-list .suggestion-item{padding:12px 0;margin-bottom:8px;border-radius:8px;transition:all .2s ease}.search-modal .search-section .results-list .search-result-item:hover,.search-modal .search-section .results-list .suggestion-item:hover,.search-modal .search-section .suggestions-list .search-result-item:hover,.search-modal .search-section .suggestions-list .suggestion-item:hover{background:#1a1a1a;padding-left:12px;padding-right:12px}.search-modal .search-section .results-list .search-result-item:last-child,.search-modal .search-section .results-list .suggestion-item:last-child,.search-modal .search-section .suggestions-list .search-result-item:last-child,.search-modal .search-section .suggestions-list .suggestion-item:last-child{margin-bottom:0}.search-modal .search-section .results-list .search-result-item .result-item-image,.search-modal .search-section .suggestions-list .search-result-item .result-item-image{width:56px;height:56px;margin-right:16px}.search-modal .search-section .results-list .search-result-item .result-item-image .result-avatar,.search-modal .search-section .results-list .search-result-item .result-item-image .result-avatar-placeholder,.search-modal .search-section .results-list .search-result-item .result-item-image .result-cover,.search-modal .search-section .results-list .search-result-item .result-item-image .result-cover-placeholder,.search-modal .search-section .suggestions-list .search-result-item .result-item-image .result-avatar,.search-modal .search-section .suggestions-list .search-result-item .result-item-image .result-avatar-placeholder,.search-modal .search-section .suggestions-list .search-result-item .result-item-image .result-cover,.search-modal .search-section .suggestions-list .search-result-item .result-item-image .result-cover-placeholder{width:100%;height:100%}.search-modal .search-section .results-list .search-result-item .result-item-info .result-item-title,.search-modal .search-section .suggestions-list .search-result-item .result-item-info .result-item-title{font-size:16px;margin-bottom:4px}.search-modal .search-section .results-list .search-result-item .result-item-info .result-item-subtitle,.search-modal .search-section .suggestions-list .search-result-item .result-item-info .result-item-subtitle{font-size:14px}.search-modal .search-section .results-list .view-all-item,.search-modal .search-section .suggestions-list .view-all-item{padding:16px 12px;margin-top:12px;background:#121212;border-radius:8px;text-align:center;font-size:16px;font-weight:500}.search-modal .search-section .results-list .view-all-item:hover,.search-modal .search-section .suggestions-list .view-all-item:hover{background:#1a1a1a}.search-modal .search-section .view-all-results{padding:16px 12px;margin-top:20px;background:#1db954;color:#000;border-radius:8px;font-size:16px;font-weight:600;text-align:center}.search-modal .search-section .view-all-results:hover{background:#1ed760;transform:translateY(-1px)}.search-modal .search-section .view-all-results svg{margin-right:8px;color:#000}.search-modal .search-loading{padding:60px 24px;background:#000}.search-modal .search-loading .loading-spinner{width:24px;height:24px;border-width:3px;border-color:#1db954 #282828 #282828}.search-modal .search-loading span{font-size:18px;margin-top:16px;color:#fff}.search-modal .search-error{padding:40px 24px;font-size:16px;background:#000;color:#f44}.search-modal .no-results{padding:80px 24px;background:#000}.search-modal .no-results .no-results-icon{margin-bottom:32px;color:#b3b3b3}.search-modal .no-results h2{font-size:28px;margin-bottom:16px;color:#fff}.search-modal .no-results p{font-size:18px;color:#b3b3b3}.search-modal .search-categories-dropdown{position:static;background:#000;border:none;border-radius:0;margin:0;box-shadow:none;padding:24px}.search-modal .search-categories-dropdown .search-section{padding:0;border:none;background:#000}.search-modal .search-categories-dropdown .search-section .section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #282828}.search-modal .search-categories-dropdown .search-section .section-header .section-title{font-size:24px;font-weight:700;color:#fff}.search-modal .search-categories-dropdown .search-section .categories-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.search-modal .search-categories-dropdown .search-section .categories-grid .category-card{aspect-ratio:1;padding:20px;border-radius:12px;transition:all .2s ease}.search-modal .search-categories-dropdown .search-section .categories-grid .category-card:hover{transform:scale(1.05)}.search-modal .search-categories-dropdown .search-section .categories-grid .category-card h3{font-size:16px;font-weight:700;color:#fff}@keyframes slideInFromBottom{0%{transform:translateY(0);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.search-modal-header{padding:12px 16px;min-height:60px}.search-modal-header .search-input-wrapper .search-input{padding:12px 0;font-size:16px}.search-modal .search-section{padding:16px 20px}.search-modal .search-section .section-header .section-title{font-size:16px}.search-modal .search-section .results-list .search-result-item .result-item-image,.search-modal .search-section .suggestions-list .search-result-item .result-item-image{width:48px;height:48px;margin-right:12px}.search-modal .search-section .results-list .search-result-item .result-item-info .result-item-title,.search-modal .search-section .suggestions-list .search-result-item .result-item-info .result-item-title{font-size:15px}.search-modal .search-section .results-list .search-result-item .result-item-info .result-item-subtitle,.search-modal .search-section .suggestions-list .search-result-item .result-item-info .result-item-subtitle{font-size:13px}.search-modal .search-categories-dropdown{padding:16px}.search-modal .search-categories-dropdown .search-section .categories-grid{grid-template-columns:repeat(2,1fr);gap:12px}.search-modal .search-categories-dropdown .search-section .categories-grid .category-card{padding:16px}.search-modal .search-categories-dropdown .search-section .categories-grid .category-card h3{font-size:14px}}@media(max-width:480px){.search-modal-header{padding:10px 12px}.search-modal-header .back-button{padding:6px}.search-modal-header .search-input-wrapper{padding:0 12px}.search-modal .search-section{padding:12px 16px}}.search-bar{position:relative;width:100%;max-width:500px;margin:0 auto}.search-bar .search-input-wrapper{position:relative;display:flex;align-items:center;background:#121212;border:1px solid #282828;border-radius:24px;padding:0 16px;transition:all .2s ease;cursor:pointer}.search-bar .search-input-wrapper.clickable:hover{border-color:#1db954;background:#1a1a1a}.search-bar .search-input-wrapper:focus-within{border-color:var(--accent-color,#1db954);box-shadow:0 0 0 2px rgba(29,185,84,.2)}.search-bar .search-input-wrapper .search-icon{color:#b3b3b3;margin-right:12px;flex-shrink:0}.search-bar .search-input-wrapper .search-input{flex:1;background:rgba(0,0,0,0);border:none;outline:none;padding:12px 0;color:#fff;font-size:14px;font-weight:400}.search-bar .search-input-wrapper .search-input::placeholder{color:#b3b3b3}.search-bar .search-input-wrapper .search-input-placeholder{flex:1;padding:12px 0;color:#b3b3b3;font-size:14px;font-weight:400;user-select:none}.search-bar .search-input-wrapper .clear-search-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:8px}.search-bar .search-input-wrapper .clear-search-btn:hover{color:#fff;background:#2a2a2a}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:8px;margin-top:8px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.3)}.search-results-dropdown .search-section{padding:12px 0}.search-results-dropdown .search-section:not(:last-child){border-bottom:1px solid var(--border-color,#333)}.search-results-dropdown .search-section .section-header{display:flex;align-items:center;padding:0 16px 8px;color:var(--text-secondary,#b3b3b3);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-results-dropdown .search-section .section-header svg{margin-right:8px}.search-results-dropdown .search-section .suggestions-list .suggestion-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .2s ease;color:var(--text-primary,#ffffff)}.search-results-dropdown .search-section .suggestions-list .suggestion-item:hover{background:var(--bg-hover,#2a2a2a)}.search-results-dropdown .search-section .suggestions-list .suggestion-item svg{margin-right:12px;color:var(--text-secondary,#b3b3b3);flex-shrink:0}.search-results-dropdown .search-section .suggestions-list .suggestion-item span{font-size:14px}.search-results-dropdown .search-section .results-list .search-result-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.search-results-dropdown .search-section .results-list .search-result-item:hover{background:var(--bg-hover,#2a2a2a)}.search-results-dropdown .search-section .results-list .search-result-item .result-item-image{width:40px;height:40px;margin-right:12px;flex-shrink:0}.search-results-dropdown .search-section .results-list .search-result-item .result-item-image .result-avatar,.search-results-dropdown .search-section .results-list .search-result-item .result-item-image .result-cover{width:100%;height:100%;border-radius:50%;object-fit:cover}.search-results-dropdown .search-section .results-list .search-result-item .result-item-image .result-cover{border-radius:4px}.search-results-dropdown .search-section .results-list .search-result-item .result-item-image .result-avatar-placeholder,.search-results-dropdown .search-section .results-list .search-result-item .result-item-image .result-cover-placeholder{width:100%;height:100%;background:var(--bg-tertiary,#333);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary,#b3b3b3)}.search-results-dropdown .search-section .results-list .search-result-item .result-item-image .result-cover-placeholder{border-radius:4px}.search-results-dropdown .search-section .results-list .search-result-item .result-item-info{flex:1;min-width:0}.search-results-dropdown .search-section .results-list .search-result-item .result-item-info .result-item-title{display:flex;align-items:center;color:var(--text-primary,#ffffff);font-size:14px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results-dropdown .search-section .results-list .search-result-item .result-item-info .result-item-title .verified-badge{margin-left:4px;color:var(--accent-color,#1db954);flex-shrink:0}.search-results-dropdown .search-section .results-list .search-result-item .result-item-info .result-item-subtitle{color:var(--text-secondary,#b3b3b3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results-dropdown .search-section .results-list .search-result-item .result-item-action{margin-left:12px;color:var(--text-secondary,#b3b3b3);opacity:0;transition:opacity .2s ease}.search-results-dropdown .search-section .results-list .search-result-item:hover .result-item-action{opacity:1}.search-results-dropdown .search-section .results-list .view-all-item{padding:12px 16px;cursor:pointer;color:var(--accent-color,#1db954);font-size:14px;font-weight:500;text-align:center;transition:background-color .2s ease}.search-results-dropdown .search-section .results-list .view-all-item:hover{background:var(--bg-hover,#2a2a2a)}.search-results-dropdown .search-section .view-all-results{display:flex;align-items:center;padding:12px 16px;cursor:pointer;color:var(--accent-color,#1db954);font-size:14px;font-weight:500;transition:background-color .2s ease}.search-results-dropdown .search-section .view-all-results:hover{background:var(--bg-hover,#2a2a2a)}.search-results-dropdown .search-section .view-all-results svg{margin-right:8px}.search-results-dropdown .search-loading{display:flex;align-items:center;justify-content:center;padding:24px 16px;color:var(--text-secondary,#b3b3b3)}.search-results-dropdown .search-loading .loading-spinner{width:16px;height:16px;border-top:2px solid var(--border-color,#333);border:2px solid var(--border-color,#333);border-top-color:var(--accent-color,#1db954);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.search-results-dropdown .search-error{padding:16px;color:var(--error-color,#ff4444);font-size:14px;text-align:center}.search-results-dropdown .no-results{padding:32px 16px;text-align:center;color:var(--text-secondary,#b3b3b3)}.search-results-dropdown .no-results .no-results-icon{margin-bottom:12px;opacity:.5}.search-results-dropdown .no-results p{font-size:16px;font-weight:500;margin-bottom:4px;color:var(--text-primary,#ffffff)}.search-results-dropdown .no-results span{font-size:14px}.search-categories-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-secondary,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:8px;margin-top:8px;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,.3)}.search-categories-dropdown .search-section{padding:16px}.search-categories-dropdown .search-section .section-header{margin-bottom:12px}.search-categories-dropdown .search-section .section-header .section-title{color:var(--text-primary,#ffffff);font-size:16px;font-weight:600}.search-categories-dropdown .search-section .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.search-categories-dropdown .search-section .categories-grid .category-card{aspect-ratio:1;border-radius:8px;padding:16px;cursor:pointer;transition:transform .2s ease;position:relative;overflow:hidden}.search-categories-dropdown .search-section .categories-grid .category-card:hover{transform:scale(1.02)}.search-categories-dropdown .search-section .categories-grid .category-card h3{color:#fff;font-size:14px;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.search-bar{max-width:none}.search-bar .search-input-wrapper{border-radius:20px;padding:0 12px}.search-bar .search-input-wrapper .search-input{padding:10px 0;font-size:16px}.search-results-dropdown{max-height:300px}.search-results-dropdown .search-section .results-list .search-result-item .result-item-image{width:36px;height:36px}.search-categories-dropdown .search-section .categories-grid{grid-template-columns:repeat(2,1fr);gap:6px}.search-categories-dropdown .search-section .categories-grid .category-card{padding:12px}.search-categories-dropdown .search-section .categories-grid .category-card h3{font-size:12px}}