.search-input-container{position:relative;width:100%}.search-input-container.hero{max-width:645px}.search-input-container.default{max-width:600px}.search-field,.search-input-form{position:relative;width:100%}.search-field{display:flex;align-items:center;background-color:#fff;transition:all .2s ease}.default .search-field{border:1px solid #d1d5db;border-radius:8px}.default .search-field:focus-within{border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,.1)}.hero .search-field{border:2px solid #c0dbfb;border-radius:1000px}.hero .search-field:focus-within{border-color:blue;box-shadow:0 0 0 1px rgba(0,0,255,.1)}.search-input-wrapper{display:flex;align-items:center;flex:1 1;position:relative;height:48px;padding-left:1.25rem}.hero .search-input-wrapper{border:1px solid blue;border-radius:1000px;background-color:#fff}.default .search-input-wrapper{padding-left:1rem}.search-icon{color:rgba(0,0,0,.5);margin-right:.75rem;flex-shrink:0}.hero .search-icon{margin-right:1.25rem}.search-input{flex:1 1;border:none;outline:none;background:rgba(0,0,0,0);font-family:Saans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:300;font-size:1rem;padding:0;margin:0}.search-input::placeholder{color:rgba(0,0,0,.5)}.hero .search-input{font-size:.875rem}.hero .search-submit-btn{position:absolute;right:5px;top:5px;bottom:5px;width:38px;background-color:blue;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.hero .search-submit-btn:hover:not(:disabled){background-color:#00c;transform:scale(1.05)}.hero .search-submit-btn:active:not(:disabled){transform:scale(.95)}.hero .search-submit-btn:disabled{background-color:rgba(0,0,255,.5);cursor:not-allowed}.default .search-submit-btn{height:48px;padding:0 1.5rem;margin-left:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease;white-space:nowrap}.default .search-submit-btn:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px)}.default .search-submit-btn:active:not(:disabled){transform:translateY(0)}.default .search-submit-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.search-btn-icon{color:#fff;display:flex;align-items:center;justify-content:center}.search-btn-icon svg{color:#fff;stroke:#fff}.loading-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-results-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 50px 0 rgba(139,139,139,.1);max-height:300px;overflow-y:auto;animation:slideDown .2s ease-out}.search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #f3f4f6;border-radius:8px;margin:0 .25rem}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f8fafc}.result-album-cover{flex-shrink:0;width:50px;height:50px;border-radius:50px;overflow:hidden;position:relative}.album-thumbnail{object-fit:cover}.album-placeholder,.album-thumbnail{width:100%;height:100%;border-radius:50px}.album-placeholder{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.25rem}.result-info{flex:1 1;min-width:0}.result-title{font-size:.875rem;font-weight:400;line-height:1.4;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-metadata,.result-title{font-family:Saans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.result-metadata{font-size:.75rem;color:#9ca3af;line-height:1.2}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.default .search-input-form{flex-direction:column;gap:1rem}.default .search-submit-btn{width:100%;margin-left:0}.search-results-dropdown{border-radius:16px;top:calc(100% + 4px)}.search-result-item{padding:.75rem 1rem;gap:.75rem}.result-album-cover{width:40px;height:40px}.result-metadata,.result-title{font-size:.75rem}}.hero-header{padding:2rem 0;background-color:#fff}@media(max-width:768px){.hero-header{padding:2rem 0;min-height:50vh}}.hero-content{width:100%}.hero-content,.hero-text{display:flex;flex-direction:column;gap:1rem}.hero-text{align-items:flex-start}.hero-title{font-family:PP Acma,Helvetica,sans-serif;font-weight:300;font-size:5.625rem;line-height:1;letter-spacing:-2.7px;color:#000;margin:0}@media(max-width:768px){.hero-title{font-size:3.25rem;line-height:1.08;letter-spacing:-1.4px}}@media(max-width:480px){.hero-title{font-size:2.625rem;line-height:1.1;letter-spacing:-1px}}.hero-description{font-family:Saans,Helvetica,sans-serif;font-weight:300;font-size:1.5rem;line-height:1.4;color:rgba(0,0,0,.5);max-width:771px;margin:0}@media(max-width:768px){.hero-description{font-size:1.25rem;max-width:100%}}@media(max-width:480px){.hero-description{font-size:1.125rem}}.hero-search{width:100%;max-width:645px;position:relative}.hero-title{font-family:PP Acma,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.hero-description{font-family:Saans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}